ChidoCode
Publisher: Alan Christian Ramirez RodriguezThemes in package: 4
Color themes
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.background#F3E5F5
- activityBar.foreground#F06292
- editor.background#F6F3EF
- editor.foreground#2C2C2C
- editor.selectionBackground#FFE082
- editor.selectionHighlightBackground#FFD54F
- editor.wordHighlightBackground#F9FBE7
- editor.wordHighlightStrongBackground#FFF8E1
- editorBracketMatch.background#E1BEE7
- editorBracketMatch.border#8E24AA
- editorCursor.foreground#F06292
- editorLineHighlightBackground#F3E8D9
- editorLineNumber.activeForeground#FFB300
- editorLineNumber.foreground#BCAAA4
- panel.background#FFFDE7
- panel.border#E0C097
- sideBar.background#FFF8E1
- sideBar.foreground#6D4C41
- statusBar.background#FFE0B2
- statusBar.foreground#4E342E
- tab.activeBackground#FFFDE7
- tab.activeForeground#F06292
- tab.inactiveBackground#F3E8D9
- tab.inactiveForeground#A1887F
- terminal.ansiBlack#BCAAA4
- terminal.ansiBlue#1E88E5
- terminal.ansiCyan#00ACC1
- terminal.ansiGreen#43A047
- terminal.ansiMagenta#8E24AA
- terminal.ansiRed#F06292
- terminal.ansiWhite#2C2C2C
- terminal.ansiYellow#FFB300
- terminal.background#F8F5F0
- terminal.foreground#2C2C2C
- terminalCursor.foreground#F06292
- titleBar.activeBackground#FFF8E1
- titleBar.activeForeground#2C2C2C
- titleBar.inactiveForeground#BCAAA4
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, comment.documentation | #BCAAA4 | italic |
| keyword, storage.type, storage.modifier, keyword.control.js, keyword.operator.js | #F06292 | bold |
| string, string.quoted, string.template, string.quoted.double.html, string.quoted.single.html | #FFB300 | — |
| variable, identifier, meta.definition.variable.name, variable.other.readwrite.js, variable.other.js, variable.other, variable.parameter, variable.language | #00ACC1 | — |
| entity.name.function, support.function, meta.function-call.js, meta.function.js | #1E88E5 | — |
| entity.name.class, entity.name.type.class, entity.name.type.interface, entity.other.attribute-name.class.css | #8E24AA | — |
| entity.name.tag, meta.tag | #F06292 | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.id.css | #43A047 | — |
| support.type.property-name.css, support.property-name | #1E88E5 | — |
| support.constant.property-value.css, constant.other.color.rgb-value.css, constant.other.color.hex.css | #FFB300 | — |
| constant, constant.language, constant.character, constant.other, constant.numeric, constant.language.boolean, constant.language.null, constant.numeric.js | #8E24AA | — |
| keyword.operator, keyword.other | #F06292 | — |
| punctuation, meta.brace.round, meta.brace.square, meta.brace.curly, punctuation.separator.comma, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.definition.tag, punctuation.separator.key-value | #8E24AA | — |
| invalid, invalid.deprecated | #FFFFFF | bold |
| storage.type.annotation, meta.annotation | #F06292 | — |
| entity.name.namespace, entity.name.module | #1E88E5 | — |
| entity.name.enum, support.type.enum | #FFB300 | — |
| entity.name.type.parameter | #1E88E5 | — |
| entity.name.function.macro | #00ACC1 | — |
| meta.preprocessor | #F06292 | — |
| markup.heading | #F06292 | bold |
| markup.link | #1E88E5 | underline |
| markup.quote | #8E24AA | italic |
| markup.list | #FFB300 | — |
| meta.diff, meta.diff.header, meta.diff.header.from, meta.diff.header.to | #F06292 | bold |
| meta.diff.line | #2C2C2C | — |
| meta.separator | #BCAAA4 | — |