Skip to content

Instantly share code, notes, and snippets.

@cchaos
Last active June 29, 2018 20:41
Show Gist options
  • Save cchaos/2c7de288fd209d3a7ede5a58718dcacf to your computer and use it in GitHub Desktop.
Save cchaos/2c7de288fd209d3a7ede5a58718dcacf to your computer and use it in GitHub Desktop.
VS Code Atom One Dark Theme Overrides - Replaces most gray rules (mainly for JS/TS and CSS/SCSS)
"editor.tokenColorCustomizations": {
"[Atom One Dark]": {
"textMateRules": [
{
"name": "Variable Parameter",
"scope": [
"variable.parameter"
],
"settings": {
"foreground": "#D0A4DB"
}
},
{
"name": "Support Class",
"scope": [
"support.class"
],
"settings": {
"foreground": "#4EC9B0"
}
},
{
"name": "Entity Name Function",
"scope": [
"entity.name.function"
],
"settings": {
"foreground": "#56B6C2"
}
},
{
"name": "Entity Other Attribute Name Id",
"scope": [
"entity.other.attribute-name.id"
],
"settings": {
"foreground": "#D19A66"
}
},
{
"name": "[VSCODE-CUSTOM] Support Type Property Name",
"scope": "support.type.property-name",
"settings": {
"foreground": "#61AFEF"
}
},
{
"name": "[VSCODE-CUSTOM] JS/TS Variable Other Readwrite",
"scope": [
"variable.other.readwrite.js",
"variable.other.readwrite.ts",
"variable.other.readwrite.tsx"
],
"settings": {
"foreground": "#9CDCFE"
}
},
{
"name": "[VSCODE-CUSTOM] JS/TS Meta Class",
"scope": "meta.class.js,meta.class.ts,meta.class.jsx,meta.class.tsx",
"settings": {
"foreground": "#9CDCFE"
}
},
{
"name": "[VSCODE-CUSTOM] JS/TS Meta Object Literal Key Variable",
"scope": [
"meta.object-literal.key.js",
"meta.object-literal.key.jsx",
"meta.object-literal.key.ts",
"meta.object-literal.key.tsx"
],
"settings": {
"foreground": "#61AFEF"
}
},
{
"name": "[VSCODE-CUSTOM] JS/TS This Variable",
"scope": [
"variable.language.this.js",
"variable.language.this.jsx",
"variable.language.this.ts",
"variable.language.this.tsx"
],
"settings": {
"foreground": "#e5c07b",
"fontStyle": "italic"
}
},
{
"name": "[VSCODE-CUSTOM] JS/TS Property Definition Variable",
"scope": [
"meta.definition.property.js variable",
"meta.definition.property.ts variable",
"meta.definition.property.jsx variable",
"meta.definition.property.tsx variable"
],
"settings": {
"foreground": "#9CDCFE"
}
},
{
"name": "[VSCODE-CUSTOM] JS/TS Meta Tag Punctuation",
"scope": [
"meta.tag.js punctuation.section.embedded",
"meta.tag.jsx punctuation.section.embedded",
"meta.tag.ts punctuation.section.embedded",
"meta.tag.tsx punctuation.section.embedded"
],
"settings": {
"foreground": "#DD6C75"
}
},
{
"name": "[VSCODE-CUSTOM] JS/TS Entity Other Attribute Name",
"scope": "entity.other.attribute-name.js, entity.other.attribute-name.ts, entity.other.attribute-name.jsx, entity.other.attribute-name.tsx",
"settings": {
"foreground": "#61AFEF"
}
},
{
"name": "[VSCODE-CUSTOM] Css Support Constant Value",
"scope": "support.constant.property-value.css",
"settings": {
"foreground": "#61AFEF"
}
},
{
"name": "[VSCODE-CUSTOM] Css Support Constant Value",
"scope": "support.constant.property-value.css",
"settings": {
"foreground": "#9CDCFE"
}
},
{
"name": "[VSCODE-CUSTOM] CSS/SCSS Attribute Selector",
"scope": "meta.attribute-selector.scss, meta.attribute-selector.css",
"settings": {
"foreground": "#98C379"
}
},
{
"name": "[VSCODE-CUSTOM] CSS/SCSS Tag Selector",
"scope": "entity.name.tag.css",
"settings": {
"foreground": "#D19A66"
}
},
]
},
},
@cchaos
Copy link
Author

cchaos commented Jun 29, 2018

VS Code Overrides from Atom's One Dark Theme

https://github.com/akamud/vscode-theme-onedark

Turns this JS

screen shot 2018-06-29 at 16 29 57 pm

Into this JS

screen shot 2018-06-29 at 16 28 37 pm

Turns this SCSS

screen shot 2018-06-29 at 16 30 39 pm

Into this SCSS

screen shot 2018-06-29 at 16 30 48 pm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment