├── .gitignore ├── .history ├── settings_20210310232245.json ├── README_20210310232215.md ├── README_20210310233151.md ├── README_20210310233610.md ├── README_20210310233654.md ├── README_20210310234237.md ├── README_20210310234140.md ├── README_20210310234323.md ├── README_20210310234339.md ├── README_20210310234354.md ├── README_20210310234429.md └── settings_20210310232451.json ├── .DS_Store ├── images ├── html.png ├── jsx.png ├── sass.png └── javascript.png ├── fonts ├── FiraCode-Bold.ttf ├── FiraCode-Light.ttf ├── FiraCode-Medium.ttf ├── FiraCode-Retina.ttf ├── FiraCode-Regular.ttf ├── OperatorMono-Bold.otf ├── OperatorMono-Book.otf ├── JetBrainsMono-Bold.ttf ├── JetBrainsMono-Italic.ttf ├── JetBrainsMono-Medium.ttf ├── OperatorMono-Light.otf ├── OperatorMono-Medium.otf ├── OperatorMono-XLight.otf ├── JetBrainsMono-Regular.ttf ├── SFMonoLigaturized-Bold.ttf ├── JetBrainsMono-Bold-Italic.ttf ├── JetBrainsMono-ExtraBold.ttf ├── OperatorMono-BoldItalic.otf ├── OperatorMono-BookItalic.otf ├── OperatorMono-LightItalic.otf ├── OperatorMono-MediumItalic.otf ├── OperatorMono-XLightItalic.otf ├── SFMonoLigaturized-Heavy.ttf ├── SFMonoLigaturized-Light.ttf ├── SFMonoLigaturized-Medium.ttf ├── SFMonoLigaturized-Regular.ttf ├── JetBrainsMono-Medium-Italic.ttf ├── SFMonoLigaturized-Semibold.ttf ├── JetBrainsMono-ExtraBold-Italic.ttf ├── SFMonoLigaturized-BoldItalic.ttf ├── SFMonoLigaturized-HeavyItalic.ttf ├── SFMonoLigaturized-LightItalic.ttf ├── SFMonoLigaturized-MediumItalic.ttf ├── SFMonoLigaturized-RegularItalic.ttf └── SFMonoLigaturized-SemiboldItalic.ttf ├── README.md └── settings.txt /.gitignore: -------------------------------------------------------------------------------- 1 | .history -------------------------------------------------------------------------------- /.history/settings_20210310232245.json: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/.DS_Store -------------------------------------------------------------------------------- /images/html.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/images/html.png -------------------------------------------------------------------------------- /images/jsx.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/images/jsx.png -------------------------------------------------------------------------------- /images/sass.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/images/sass.png -------------------------------------------------------------------------------- /images/javascript.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/images/javascript.png -------------------------------------------------------------------------------- /fonts/FiraCode-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/FiraCode-Bold.ttf -------------------------------------------------------------------------------- /fonts/FiraCode-Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/FiraCode-Light.ttf -------------------------------------------------------------------------------- /fonts/FiraCode-Medium.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/FiraCode-Medium.ttf -------------------------------------------------------------------------------- /fonts/FiraCode-Retina.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/FiraCode-Retina.ttf -------------------------------------------------------------------------------- /fonts/FiraCode-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/FiraCode-Regular.ttf -------------------------------------------------------------------------------- /fonts/OperatorMono-Bold.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/OperatorMono-Bold.otf -------------------------------------------------------------------------------- /fonts/OperatorMono-Book.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/OperatorMono-Book.otf -------------------------------------------------------------------------------- /fonts/JetBrainsMono-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/JetBrainsMono-Bold.ttf -------------------------------------------------------------------------------- /fonts/JetBrainsMono-Italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/JetBrainsMono-Italic.ttf -------------------------------------------------------------------------------- /fonts/JetBrainsMono-Medium.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/JetBrainsMono-Medium.ttf -------------------------------------------------------------------------------- /fonts/OperatorMono-Light.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/OperatorMono-Light.otf -------------------------------------------------------------------------------- /fonts/OperatorMono-Medium.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/OperatorMono-Medium.otf -------------------------------------------------------------------------------- /fonts/OperatorMono-XLight.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/OperatorMono-XLight.otf -------------------------------------------------------------------------------- /fonts/JetBrainsMono-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/JetBrainsMono-Regular.ttf -------------------------------------------------------------------------------- /fonts/SFMonoLigaturized-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/SFMonoLigaturized-Bold.ttf -------------------------------------------------------------------------------- /fonts/JetBrainsMono-Bold-Italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/JetBrainsMono-Bold-Italic.ttf -------------------------------------------------------------------------------- /fonts/JetBrainsMono-ExtraBold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/JetBrainsMono-ExtraBold.ttf -------------------------------------------------------------------------------- /fonts/OperatorMono-BoldItalic.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/OperatorMono-BoldItalic.otf -------------------------------------------------------------------------------- /fonts/OperatorMono-BookItalic.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/OperatorMono-BookItalic.otf -------------------------------------------------------------------------------- /fonts/OperatorMono-LightItalic.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/OperatorMono-LightItalic.otf -------------------------------------------------------------------------------- /fonts/OperatorMono-MediumItalic.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/OperatorMono-MediumItalic.otf -------------------------------------------------------------------------------- /fonts/OperatorMono-XLightItalic.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/OperatorMono-XLightItalic.otf -------------------------------------------------------------------------------- /fonts/SFMonoLigaturized-Heavy.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/SFMonoLigaturized-Heavy.ttf -------------------------------------------------------------------------------- /fonts/SFMonoLigaturized-Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/SFMonoLigaturized-Light.ttf -------------------------------------------------------------------------------- /fonts/SFMonoLigaturized-Medium.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/SFMonoLigaturized-Medium.ttf -------------------------------------------------------------------------------- /fonts/SFMonoLigaturized-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/SFMonoLigaturized-Regular.ttf -------------------------------------------------------------------------------- /.history/README_20210310232215.md: -------------------------------------------------------------------------------- 1 | # vscode-dracula-dark 2 | Just simple vscode Dracula Theme with dark color customization version 3 | -------------------------------------------------------------------------------- /fonts/JetBrainsMono-Medium-Italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/JetBrainsMono-Medium-Italic.ttf -------------------------------------------------------------------------------- /fonts/SFMonoLigaturized-Semibold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/SFMonoLigaturized-Semibold.ttf -------------------------------------------------------------------------------- /fonts/JetBrainsMono-ExtraBold-Italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/JetBrainsMono-ExtraBold-Italic.ttf -------------------------------------------------------------------------------- /fonts/SFMonoLigaturized-BoldItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/SFMonoLigaturized-BoldItalic.ttf -------------------------------------------------------------------------------- /fonts/SFMonoLigaturized-HeavyItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/SFMonoLigaturized-HeavyItalic.ttf -------------------------------------------------------------------------------- /fonts/SFMonoLigaturized-LightItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/SFMonoLigaturized-LightItalic.ttf -------------------------------------------------------------------------------- /fonts/SFMonoLigaturized-MediumItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/SFMonoLigaturized-MediumItalic.ttf -------------------------------------------------------------------------------- /fonts/SFMonoLigaturized-RegularItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/SFMonoLigaturized-RegularItalic.ttf -------------------------------------------------------------------------------- /fonts/SFMonoLigaturized-SemiboldItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evondev/vscode-dracula-dark/HEAD/fonts/SFMonoLigaturized-SemiboldItalic.ttf -------------------------------------------------------------------------------- /.history/README_20210310233151.md: -------------------------------------------------------------------------------- 1 | # vscode-dracula-dark 2 | Just simple vscode Dracula Theme with dark color customization version 3 | ## Install 4 | - Open Visual Studio Code and click to Extensions icon(4 square) on the left of sidebar and type Dracula Official 5 | - Install and then choose Dracula color scheme 6 | - Open your settings.json by ctrl/command + shift + P and type settings.json 7 | - You'll see Preferences: Open Setting(JSON) and hit Enter to open your settings.json 8 | - Copy all setting from my setting.txt to your settings.json and save -------------------------------------------------------------------------------- /.history/README_20210310233610.md: -------------------------------------------------------------------------------- 1 | # vscode-dracula-dark 2 | Just simple vscode Dracula Theme with dark color customization version 3 | ## Install theme 4 | - Open Visual Studio Code and click to `Extensions` icon(4 square) on the left of sidebar and type `Dracula Official` 5 | - Install and then choose Dracula color scheme 6 | - Open your `settings.json` by `ctrl/command + shift + P` and type `settings.json` 7 | - You'll see `Preferences: Open Setting(JSON)` and hit `Enter` to open your `settings.json` 8 | - Copy all setting from my `settings.txt` to your `settings.json` and `save` 9 | ## Install fonts 10 | - Base on your system you can search on Google how to install fonts for your system with all fonts in **fonts folder** 11 | - After installed fonts, you can use in your Visual Studio Code with setting `editor.fontFamily` in your **settings.json** -------------------------------------------------------------------------------- /.history/README_20210310233654.md: -------------------------------------------------------------------------------- 1 | # vscode-dracula-dark 2 | Just simple vscode Dracula Theme with dark color customization version 3 | ## Install theme 4 | - Open Visual Studio Code and click to `Extensions` icon(4 square) on the left of sidebar and type `Dracula Official` 5 | - Install and then choose Dracula color scheme 6 | - Open your `settings.json` by `ctrl/command + shift + P` and type `settings.json` 7 | - You'll see `Preferences: Open Setting(JSON)` and hit `Enter` to open your `settings.json` 8 | - Copy all setting from my `settings.txt` to your `settings.json` and `save` 9 | ## Install fonts 10 | - Base on your system you can search on Google how to install fonts for your system with all fonts in **fonts folder** 11 | - After installed fonts, you can use in your Visual Studio Code with setting `editor.fontFamily` in your **settings.json**. Example: `editor.fontFamily: "SF Mono, Inconsolata, Arial, Helvetica, sans-serif"` -------------------------------------------------------------------------------- /.history/README_20210310234237.md: -------------------------------------------------------------------------------- 1 | # vscode-dracula-dark 2 | Just simple vscode Dracula Theme with dark color customization version 3 | ## Install theme 4 | - Open Visual Studio Code and click to `Extensions` icon(4 square) on the left of sidebar and type `Dracula Official` 5 | - Install and then choose Dracula color scheme 6 | - Open your `settings.json` by `ctrl/command + shift + P` and type `settings.json` 7 | - You'll see `Preferences: Open Setting(JSON)` and hit `Enter` to open your `settings.json` 8 | - Copy all setting from my `settings.txt` to your `settings.json` and `save` 9 | ## Install fonts 10 | - Base on your system you can search on Google how to install fonts for your system with all fonts in **fonts folder** 11 | - After installed fonts, you can use in your Visual Studio Code with setting `editor.fontFamily` in your **settings.json**. Example: `editor.fontFamily: "SF Mono, Inconsolata, Arial, Helvetica, sans-serif"` 12 | ## Thanks 13 | Thanks https://zenorocha.com/ for creating the Dracula theme 14 | ## About me 15 | I'm evondev, a frontend developer also a blogger and youtuber teaching and sharing knowledge about HTML CSS. evondev.com is my personal blog and codingui.dev is my personal project to share UI. -------------------------------------------------------------------------------- /.history/README_20210310234140.md: -------------------------------------------------------------------------------- 1 | # vscode-dracula-dark 2 | Just simple vscode Dracula Theme with dark color customization version 3 | ## Install theme 4 | - Open Visual Studio Code and click to `Extensions` icon(4 square) on the left of sidebar and type `Dracula Official` 5 | - Install and then choose Dracula color scheme 6 | - Open your `settings.json` by `ctrl/command + shift + P` and type `settings.json` 7 | - You'll see `Preferences: Open Setting(JSON)` and hit `Enter` to open your `settings.json` 8 | - Copy all setting from my `settings.txt` to your `settings.json` and `save` 9 | ## Install fonts 10 | - Base on your system you can search on Google how to install fonts for your system with all fonts in **fonts folder** 11 | - After installed fonts, you can use in your Visual Studio Code with setting `editor.fontFamily` in your **settings.json**. Example: `editor.fontFamily: "SF Mono, Inconsolata, Arial, Helvetica, sans-serif"` 12 | ## Thanks 13 | Thanks https://zenorocha.com/ for creating this beautiful theme 14 | ## About me 15 | I'm evondev, a frontend developer also a blogger and youtuber teaching and sharing knowledge about HTML CSS. evondev.com is my personal blog and codingui.dev is my personal project to share UI. -------------------------------------------------------------------------------- /.history/README_20210310234323.md: -------------------------------------------------------------------------------- 1 | # vscode-dracula-dark 2 | Just simple vscode Dracula Theme with dark color customization version 3 | ## Install theme 4 | - Open Visual Studio Code and click to `Extensions` icon(4 square) on the left of sidebar and type `Dracula Official` 5 | - Install and then choose Dracula color scheme 6 | - Open your `settings.json` by `ctrl/command + shift + P` and type `settings.json` 7 | - You'll see `Preferences: Open Setting(JSON)` and hit `Enter` to open your `settings.json` 8 | - Copy all setting from my `settings.txt` to your `settings.json` and `save` 9 | ## Install fonts 10 | - Base on your system you can search on Google how to install fonts for your system with all fonts in **fonts folder** 11 | - After installed fonts, you can use in your Visual Studio Code with setting `editor.fontFamily` in your **settings.json**. Example: `editor.fontFamily: "SF Mono, Inconsolata, Arial, Helvetica, sans-serif"` 12 | ## Thanks 13 | Thanks https://zenorocha.com/ for creating the Dracula theme 14 | ## About me 15 | I'm evondev, a frontend developer also a blogger and youtuber teaching and sharing knowledge about HTML CSS. https://evondev.com is my personal blog and https://codingui.dev is my personal project to share UI. -------------------------------------------------------------------------------- /.history/README_20210310234339.md: -------------------------------------------------------------------------------- 1 | # vscode-dracula-dark 2 | Just simple vscode Dracula Theme with dark color customization version 3 | ## About me 4 | I'm evondev, a frontend developer also a blogger and youtuber teaching and sharing knowledge about HTML CSS. https://evondev.com is my personal blog and https://codingui.dev is my personal project to share UI. 5 | ## Install theme 6 | - Open Visual Studio Code and click to `Extensions` icon(4 square) on the left of sidebar and type `Dracula Official` 7 | - Install and then choose Dracula color scheme 8 | - Open your `settings.json` by `ctrl/command + shift + P` and type `settings.json` 9 | - You'll see `Preferences: Open Setting(JSON)` and hit `Enter` to open your `settings.json` 10 | - Copy all setting from my `settings.txt` to your `settings.json` and `save` 11 | ## Install fonts 12 | - Base on your system you can search on Google how to install fonts for your system with all fonts in **fonts folder** 13 | - After installed fonts, you can use in your Visual Studio Code with setting `editor.fontFamily` in your **settings.json**. Example: `editor.fontFamily: "SF Mono, Inconsolata, Arial, Helvetica, sans-serif"` 14 | ## Thanks 15 | Thanks https://zenorocha.com/ for creating the Dracula theme 16 | -------------------------------------------------------------------------------- /.history/README_20210310234354.md: -------------------------------------------------------------------------------- 1 | # vscode-dracula-dark 2 | Just simple vscode Dracula Theme with dark color customization version 3 | ## About me 4 | I'm evondev, a frontend developer also a blogger and youtuber teaching and sharing knowledge about HTML CSS. https://evondev.com is my personal blog and https://codingui.dev is my personal project to share UI. 5 | ## Install theme 6 | - Open Visual Studio Code and click to `Extensions` icon(4 square) on the left of sidebar and type `Dracula Official` 7 | - Click install and then choose Dracula color scheme 8 | - Open your `settings.json` by `ctrl/command + shift + P` and type `settings.json` 9 | - You'll see `Preferences: Open Setting(JSON)` and hit `Enter` to open your `settings.json` 10 | - Copy all setting from my `settings.txt` to your `settings.json` and `save` 11 | ## Install fonts 12 | - Base on your system you can search on Google how to install fonts for your system with all fonts in **fonts folder** 13 | - After installed fonts, you can use in your Visual Studio Code with setting `editor.fontFamily` in your **settings.json**. Example: `editor.fontFamily: "SF Mono, Inconsolata, Arial, Helvetica, sans-serif"` 14 | ## Thanks 15 | Thanks https://zenorocha.com/ for creating the Dracula theme 16 | -------------------------------------------------------------------------------- /.history/README_20210310234429.md: -------------------------------------------------------------------------------- 1 | # vscode-dracula-dark 2 | Just simple vscode Dracula Theme with dark color customization version 3 | ## About me 4 | I'm evondev, a frontend developer also a blogger and youtuber teaching and sharing knowledge about HTML CSS. https://evondev.com is my personal blog and https://codingui.dev is my personal project to share UI. 5 | ## Install theme 6 | - Open Visual Studio Code and click to `Extensions` icon(4 square) on the left of sidebar and type `Dracula Official` 7 | - Click install and then choose **Dracula** color scheme 8 | - Open your `settings.json` by `ctrl/command + shift + P` and type `settings.json` 9 | - You'll see `Preferences: Open Setting(JSON)` and hit `Enter` to open your `settings.json` 10 | - Copy all setting from my `settings.txt` to your `settings.json` and `save` 11 | ## Install fonts 12 | - Base on your system you can search on Google how to install fonts for your system with all fonts in **fonts folder** 13 | - After installed fonts, you can use in your Visual Studio Code with setting `editor.fontFamily` in your **settings.json**. Example: `editor.fontFamily: "SF Mono, Inconsolata, Arial, Helvetica, sans-serif"` 14 | ## Thanks 15 | Thanks https://zenorocha.com/ for creating the Dracula theme 16 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Author 2 | I'm **evondev**, a frontend developer also a blogger and youtuber teaching and sharing knowledge about HTML CSS. https://evondev.com is my personal blog and https://codingui.dev is my personal project to share UI. 3 | ## vscode-dracula-dark 4 | Just simple vscode Dracula Theme with dark color customization version 5 | ## Install dracula theme 6 | Link to install dracula theme for vscode: vscode:extension/dracula-theme.theme-dracula 7 | ## Install theme 8 | - Open Visual Studio Code and click to `Extensions` icon(4 square) on the left of sidebar and type `Dracula Official` 9 | - Click install and then choose **Dracula** color scheme 10 | - Open your `settings.json` by `ctrl/command + shift + P` and type `settings.json` 11 | - You'll see `Preferences: Open Setting(JSON)` and hit `Enter` to open your `settings.json` 12 | - Copy all setting from my `settings.txt` to your `settings.json` and `save` 13 | ## Install fonts 14 | - Base on your system you can search on Google how to install fonts for your system with all fonts in **fonts folder** 15 | - After installed fonts, you can use in your Visual Studio Code with setting `editor.fontFamily` in your **settings.json**. Example: `editor.fontFamily: "SF Mono, Inconsolata, Arial, Helvetica, sans-serif"` 16 | ## Some of images 17 | ### HTML 18 | ![html](/images/html.png "html") 19 | ### SASS 20 | ![sass](/images/sass.png "sass") 21 | ### JAVASCRIPT 22 | ![javascript](/images/javascript.png "javascript") 23 | ### JSX 24 | ![jsx](/images/jsx.png "jsx") 25 | ## Bonus - PowerMode 26 | Install this package at this link: **vscode:extension/hoovercj.vscode-power-mode**, after installed, you can copy **powermode settings** in `settings.txt` to your `settings.json` 27 | ## Notice 28 | Your `settings.json` should have curly braces at beginning and the end of file. For example: 29 | `{ 30 | // your all settings here, 31 | // other settings you copied from my custom 32 | }` 33 | -------------------------------------------------------------------------------- /.history/settings_20210310232451.json: -------------------------------------------------------------------------------- 1 | { 2 | "editor.fontFamily": "SF Mono, Inconsolata, Arial, Helvetica, sans-serif", 3 | "editor.wordWrap": "on", 4 | "files.trimTrailingWhitespace": true, 5 | "explorer.confirmDelete": false, 6 | "editor.minimap.renderCharacters": false, 7 | "workbench.colorCustomizations": { 8 | "sideBar.background": "#191a2e", 9 | "editor.background": "#191a2e", 10 | "terminal.background": "#191a2e", 11 | "panel.background": "#191a2e", 12 | "activityBar.background": "#191a2e", 13 | "tab.activeBorderTop": "#8d92ff", 14 | "tab.inactiveBackground": "#191A22", 15 | "panelTitle.activeBorder": "#8d92ff", 16 | "panel.border": "#8d92ff", 17 | "tab.activeBackground": "#191a2e", 18 | "breadcrumb.background": "#191a2e", 19 | "sideBarSectionHeader.background": "#191a2e", 20 | "activityBarBadge.background": "#ff6bcb", 21 | "activityBar.activeBorder": "#ff6bcb", 22 | "titleBar.activeBackground": "#1E1F35", 23 | "terminal.ansiGreen": "#20e3b2", 24 | "terminal.ansiYellow": "#FDE181", 25 | "terminal.ansiMagenta": "#ff6bcb", 26 | "editorCursor.foreground": "#9a86fd" 27 | }, 28 | "editor.fontLigatures": true, 29 | "editor.tokenColorCustomizations": { 30 | "[Dracula]": { 31 | "textMateRules": [ 32 | { 33 | "scope": [ 34 | "entity.other.attribute-name", 35 | "entity.name.function", 36 | "support.function", 37 | "support.function.css", 38 | "support.function.transform.css", 39 | "support.type.media-names.css", 40 | "support.type.property-names.css", 41 | "entity.other.attribute-name.jsx", 42 | "entity.other.attribute-name.html", 43 | "variable.other.class.js" 44 | ], 45 | "settings": { 46 | "foreground": "#20e3b2", 47 | "fontStyle": "" 48 | } 49 | }, 50 | { 51 | "scope": [ 52 | "variable.other.property.js", 53 | "variable.other.property.static.js", 54 | "JSXNested", 55 | "variable.other.readwrite.js", 56 | "punctuation.semi-colon", 57 | "punctuation.colon", 58 | "punctuation.definition.tag" 59 | ], 60 | "settings": { 61 | "foreground": "#fff" 62 | } 63 | }, 64 | { 65 | "scope": [ 66 | "variable.graphql", 67 | "string", 68 | "punctuation.definition.string.begin", 69 | "punctuation.definition.string.end", 70 | "meta.attribute-selector.scss", 71 | "meta.attribute-selector.css" 72 | ], 73 | "settings": { 74 | "foreground": "#EAC394" 75 | } 76 | }, 77 | { 78 | "scope": [ 79 | "keyword", 80 | "storage", 81 | "constant.length.units.css", 82 | "source.inside-js.css.styled", 83 | "keyword.other.unit.percentage.css", 84 | "keyword.other.unit.px.css", 85 | "keyword.other.unit.rem.css", 86 | "constant.length.units.css", 87 | "constant.percentage.units.css", 88 | "constant.time.units.css", 89 | "constant.angle.units.css", 90 | "constant.numeric.css", 91 | "punctuation.definition.keyword", 92 | "entity.name.tag" 93 | ], 94 | "settings": { 95 | "foreground": "#ff6bcb" 96 | } 97 | }, 98 | { 99 | "scope": [ 100 | "variable.parameter", 101 | "variable.other.constant", 102 | "support.variable", 103 | "constant", 104 | "support.type.property-name.media.css", 105 | "meta.property-values.css", 106 | "support.constant" 107 | ], 108 | "settings": { 109 | "foreground": "#9a86fd", 110 | "fontStyle": "" 111 | } 112 | }, 113 | { 114 | "scope": ["support.class.component"], 115 | "settings": { 116 | "fontStyle": "" 117 | } 118 | }, 119 | { 120 | "scope": ["variable.other.constant.object.js"], 121 | "settings": { 122 | "foreground": "#bd93f9" 123 | } 124 | }, 125 | { 126 | "scope": ["entity.name.type.parameter"], 127 | "settings": { 128 | "foreground": "#ffb86c" 129 | } 130 | }, 131 | { 132 | "scope": [ 133 | "support", 134 | "entity.name.type", 135 | "meta.interface.ts", 136 | "entity.other.inherited-class" 137 | ], 138 | "settings": { 139 | "foreground": "#2cccff" 140 | } 141 | }, 142 | { 143 | "scope": [ 144 | "variable.other.readwrite.js", 145 | "entity.name.type.class", 146 | "variable.other.property.js", 147 | "variable.scss", 148 | "storage.modifier.ts", 149 | "variable.other.property.static.js" 150 | ], 151 | "settings": { 152 | "foreground": "#82AAFF" 153 | } 154 | } 155 | ] 156 | } 157 | } 158 | } 159 | -------------------------------------------------------------------------------- /settings.txt: -------------------------------------------------------------------------------- 1 | // powermode settings 2 | "powermode.enabled": true, 3 | "powermode.enableShake": false, 4 | "powermode.enableStatusBarComboTimer": false, 5 | "powermode.enableStatusBarComboCounter": false, 6 | "powermode.explosionOffset": 0.3, 7 | "powermode.explosionSize": 4, 8 | // end powermode settings 9 | // vscode color customization 10 | "workbench.colorCustomizations": { 11 | "sideBar.background": "#191a2e", 12 | "editor.background": "#191a2e", 13 | "terminal.background": "#191a2e", 14 | "panel.background": "#191a2e", 15 | "activityBar.background": "#191a2e", 16 | "tab.activeBorderTop": "#8d92ff", 17 | "tab.inactiveBackground": "#191A22", 18 | "panelTitle.activeBorder": "#8d92ff", 19 | "panel.border": "#8d92ff", 20 | "tab.activeBackground": "#191a2e", 21 | "breadcrumb.background": "#191a2e", 22 | "sideBarSectionHeader.background": "#191a2e", 23 | "activityBarBadge.background": "#ff6bcb", 24 | "activityBar.activeBorder": "#ff6bcb", 25 | "titleBar.activeBackground": "#1E1F35", 26 | "terminal.ansiGreen": "#20e3b2", 27 | "terminal.ansiYellow": "#FDE181", 28 | "terminal.ansiMagenta": "#ff6bcb", 29 | "editorCursor.foreground": "#9a86fd" 30 | }, 31 | // dracula color customization 32 | "editor.tokenColorCustomizations": { 33 | "[Dracula]": { 34 | "textMateRules": [ 35 | { 36 | "scope": [ 37 | "entity.other.attribute-name", 38 | "entity.name.function", 39 | "support.function", 40 | "support.function.css", 41 | "support.function.transform.css", 42 | "support.type.media-names.css", 43 | "support.type.property-names.css", 44 | "entity.other.attribute-name.jsx", 45 | "entity.other.attribute-name.html", 46 | "variable.other.class.js" 47 | ], 48 | "settings": { 49 | "foreground": "#20e3b2", 50 | "fontStyle": "" 51 | } 52 | }, 53 | { 54 | "scope": [ 55 | "variable.other.property.js", 56 | "variable.other.property.static.js", 57 | "JSXNested", 58 | "variable.other.readwrite.js", 59 | "punctuation.semi-colon", 60 | "punctuation.colon", 61 | "punctuation.definition.tag" 62 | ], 63 | "settings": { 64 | "foreground": "#fff" 65 | } 66 | }, 67 | { 68 | "scope": [ 69 | "variable.graphql", 70 | "string", 71 | "punctuation.definition.string.begin", 72 | "punctuation.definition.string.end", 73 | "meta.attribute-selector.scss", 74 | "meta.attribute-selector.css" 75 | ], 76 | "settings": { 77 | "foreground": "#EAC394" 78 | } 79 | }, 80 | { 81 | "scope": [ 82 | "keyword", 83 | "storage", 84 | "constant.length.units.css", 85 | "source.inside-js.css.styled", 86 | "keyword.other.unit.percentage.css", 87 | "keyword.other.unit.px.css", 88 | "keyword.other.unit.rem.css", 89 | "constant.length.units.css", 90 | "constant.percentage.units.css", 91 | "constant.time.units.css", 92 | "constant.angle.units.css", 93 | "constant.numeric.css", 94 | "punctuation.definition.keyword", 95 | "entity.name.tag" 96 | ], 97 | "settings": { 98 | "foreground": "#ff6bcb" 99 | } 100 | }, 101 | { 102 | "scope": [ 103 | "variable.parameter", 104 | "variable.other.constant", 105 | "support.variable", 106 | "constant", 107 | "support.type.property-name.media.css", 108 | "meta.property-values.css", 109 | "support.constant" 110 | ], 111 | "settings": { 112 | "foreground": "#9a86fd", 113 | "fontStyle": "" 114 | } 115 | }, 116 | { 117 | "scope": ["support.class.component"], 118 | "settings": { 119 | "fontStyle": "" 120 | } 121 | }, 122 | { 123 | "scope": ["variable.other.constant.object.js"], 124 | "settings": { 125 | "foreground": "#bd93f9" 126 | } 127 | }, 128 | { 129 | "scope": ["entity.name.type.parameter"], 130 | "settings": { 131 | "foreground": "#ffb86c" 132 | } 133 | }, 134 | { 135 | "scope": [ 136 | "support", 137 | "entity.name.type", 138 | "meta.interface.ts", 139 | "entity.other.inherited-class" 140 | ], 141 | "settings": { 142 | "foreground": "#2cccff" 143 | } 144 | }, 145 | { 146 | "scope": [ 147 | "variable.other.readwrite.js", 148 | "entity.name.type.class", 149 | "variable.other.property.js", 150 | "variable.scss", 151 | "storage.modifier.ts", 152 | "variable.other.property.static.js" 153 | ], 154 | "settings": { 155 | "foreground": "#82AAFF" 156 | } 157 | } 158 | ] 159 | } 160 | } 161 | --------------------------------------------------------------------------------