Skip to content

tal7aouy/theme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ac85540 ยท Sep 27, 2023
Jul 2, 2023
Oct 12, 2021
Sep 27, 2023
Sep 27, 2023
Dec 2, 2021
Apr 2, 2022
Jul 24, 2022
Apr 2, 2022
Oct 12, 2021
Sep 27, 2023
Jan 16, 2022
Sep 27, 2023
Oct 12, 2021
Sep 27, 2023
Apr 2, 2022
Oct 12, 2021
Jul 24, 2022

Repository files navigation


logo

Theme

Get the Theme into your VS Code.

Version  Rating  Installs  Downloads

Theme Screenshot

Screenshot - Theme

Screenshot - Theme

Installation

  1. Open the extensions sidebar on Visual Studio Code
  2. Search for Theme
  3. Click Install
  4. Click Reload to reload your editor
  5. Select the Manage Cog (bottom left) > Color Theme ๏ผž Theme
  6. ๐ŸŒŸ๐ŸŒŸ๐ŸŒŸ๐ŸŒŸ๐ŸŒŸ Rate five-stars ๐Ÿ˜ƒ

Tweaks & theming

If you want to play around with new colors, use the setting workbench.colorCustomizations to customize the currently selected theme. For example, you can add this snippet in your "settings.json" file:

"workbench.colorCustomizations": {
"tab.activeBackground": "#282c34",
"activityBar.background": "#282c34",
"sideBar.background": "#282c34",
}

or use the setting editor.tokenColorCustomizations

   "editor.tokenColorCustomizations": {
    "[Theme]": {
      "textMateRules": [
        {
          "scope": [
            "source.python"
          ],
          "settings": {
            "foreground": "#e06c75"
          }
        }
      ]
    }
  }

Italic

You could set this in your setting.json to make code be italic

    "editor.tokenColorCustomizations": {
      "textMateRules": [
        {
          "scope": [
            // the following elements will be in italic
            "comment",
            "storage.modifier", // static keyword
            "storage.type.php", // typehints in methods keyword
            "keyword.other.new.php", // new
            "entity.other.attribute-name", // html attributes
            "fenced_code.block.language.markdown", // markdown language modifier
            "keyword", //import, export, returnโ€ฆ
            "storage.modifier", //static keyword
            "storage.type", //class keyword
            "keyword.control",
            "constant.language",
            "entity.other.attribute-name",
            "entity.name.method",
            "keyword.control.import.ts",
            "keyword.control.import.tsx",
            "keyword.control.import.js",
            "keyword.control.flow.js",
            "keyword.control.from.js",
            "keyword.control.from.ts",
            "keyword.control.from.tsx"
          ],
          "settings": {
            "fontStyle": "italic"
          }
        },
        {
          "scope": [
            // the following elements will be displayed in bold
            "entity.name.type.class" // class names
          ],
          "settings": {
            "fontStyle": ""
          }
        },
        {
          "scope": [
            // the following elements will be displayed in bold and italic
            "entity.name.section.markdown" // markdown headlines
          ],
          "settings": {
            "fontStyle": "italic"
          }
        },
        {
          "scope": [
            // the following elements will be excluded from italics
            //   (VSCode has some defaults for italics)
            "invalid",
            "keyword.operator",
            "constant.numeric.css",
            "keyword.other.unit.px.css",
            "constant.numeric.decimal.js",
            "constant.numeric.json",
            "comment.block",
            "entity.other.attribute-name.class.css"
          ],
          "settings": {
            "fontStyle": ""
          }
        }
      ]
    },

CHANGELOG

CHANGELOG


Suggest Editor Settings

"editor.fontSize": 16,
 "editor.lineHeight": 22,
 "editor.fontFamily": "Operator Mono Lig",

Issues & Suggestions

For any issues or suggestions, please use GitHub issues.