Colored Theme
Publisher: electropol.frThemes in package: 13
Mainly changes the color of the top and left bars to identify multiple instances at a glance. Add Arduino theme.
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.activeBorder#0ca1a6
- activityBar.background#171e21
- activityBar.border#373e40
- activityBar.foreground#dae3e3
- activityBar.inactiveForeground#4e5b61
- activityBarBadge.background#dae3e3
- activityBarBadge.foreground#171e21
- button.background#0ca1a6
- button.foreground#101618
- button.hoverBackground#7fcbcd
- chat.requestBackground#171e21
- chat.requestBorder#373e40
- commandCenter.activeBackground#101618
- commandCenter.activeBorder#0ca1a6
- commandCenter.activeForeground#dae3e3
- commandCenter.background#171e21
- commandCenter.border#0ca1a6
- commandCenter.foreground#dae3e3
- commandCenter.inactiveBorder#373e40
- commandCenter.inactiveForeground#8c9495
- dropdown.background#2c353a
- dropdown.border#7fcbcd
- dropdown.foreground#dae3e3
- editor.background#1f272a
- editor.foreground#dae3e3
- editor.lineHighlightBackground#434f5410
- editor.selectionBackground#00818480
- editorBracketHighlight.foreground1#0ca1a6
- editorBracketPairGuide.activeBackground1#0ca1a6
- editorBracketPairGuide.background1#374146
- editorCursor.foreground#dae3e3
- editorGroupHeader.tabsBackground#171e21
- editorIndentGuide.activeBackground1#0ca1a6
- editorIndentGuide.background1#374146
- editorInlayHint.background#171e21
- editorInlayHint.foreground#dae3e3
- editorStickyScroll.background#171e21
- editorStickyScroll.border#373e40
- editorStickyScroll.shadow#00000080
- editorStickyScrollHover.background#434f54
- editorWhitespace.foreground#bfbfbf
- editorWidget.background#171e21
- editorWidget.foreground#dae3e3
- errorForeground#df7365
- focusBorder#dae3e3
- foreground#dae3e3
- input.background#000000
- list.activeSelectionBackground#0ca1a64d
- list.activeSelectionForeground#dae3e3
- list.activeSelectionIconForeground#0ca1a6
- list.highlightForeground#0ca1a6
- list.hoverBackground#1f272a
- list.inactiveSelectionBackground#434f54
- list.inactiveSelectionForeground#dae3e3
- menu.background#363636
- menu.foreground#ffffff
- menu.selectionBackground#dae3e3
- menu.selectionForeground#212121
- menubar.selectionBackground#ffffff
- menubar.selectionForeground#212121
- progressBar.background#005c5f
- settings.headerForeground#dae3e3
- sideBar.background#101618
- sideBar.foreground#dae3e3
- statusBar.background#171e21
- tab.inactiveBackground#171e21
- tab.unfocusedActiveForeground#dae3e3
- terminal.background#000000
- terminal.foreground#ffffff
- testing.iconFailed#df7365
- testing.iconPassed#0ca1a6
- testing.iconSkipped#8c9495
- textCodeBlock.background#0ca1a630
- textLink.foreground#4de8ee
- textPreformat.foreground#5fd0d4
- titleBar.activeBackground#171e21
- titleBar.activeForeground#dae3e3
- titleBar.border#373e40
- titleBar.inactiveBackground#171e21
- titleBar.inactiveForeground#8c9495
- tree.indentGuidesStroke#6b7d84
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| #dae3e3 | — | |
| comment.line, punctuation.definition.comment.line | #9fb0b1 | — |
| comment.block, punctuation.definition.comment.block, comment | #5f7274 | — |
| storage.type, storage.modifier | #F39C12 | bold |
| support.function, support.class, entity.name.function, meta.function-call.c, meta.function.c | #F39C12 | — |
| keyword.control, keyword.control.directive, meta.preprocessor.c, entity.name.function.preprocessor.c | #b5c400 | — |
| constant.language, constant.numeric, constant.numeric.preprocessor.c, string.quoted.single.c | #0ca1a6 | — |
| string.quoted.double, string.quoted.other.lt-gt | #ffd23f | — |
| keyword.operator, punctuation.section, punctuation.separator, punctuation.terminator | #6cc0ff | — |
| variable, variable.other, variable.name | #c48ae8 | — |