Simplified Themes Mods Pack
Publisher: xivilayThemes in package: 2
Color themes with simplified language highlighting, like Visual Studio themes
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#DDD6C1
- activityBar.dropBackground#EEE8D5
- activityBar.foreground#584c27
- activityBarBadge.background#B58900
- badge.background#B58900AA
- button.background#AC9D57
- debugExceptionWidget.background#DDD6C1
- debugExceptionWidget.border#AB395B
- debugToolBar.background#DDD6C1
- dropdown.background#EEE8D5
- dropdown.border#D3AF86
- editor.background#FDF6E3
- editor.foreground#586E75
- editor.lineHighlightBackground#EEE8D5
- editor.selectionBackground#EEE8D5
- editorCursor.foreground#657B83
- editorGroup.background#FFFBF2
- editorGroup.border#DDD6C1
- editorGroup.dropBackground#DDD6C1AA
- editorGroupHeader.tabsBackground#D9D2C2
- editorHoverWidget.background#CCC4B0
- editorWhitespace.foreground#586E7580
- editorWidget.background#EEE8D5
- extensionButton.prominentBackground#b58900
- extensionButton.prominentHoverBackground#584c27aa
- focusBorder#D3AF86
- input.background#DDD6C1
- input.foreground#586E75
- input.placeholderForeground#586E75AA
- inputOption.activeBorder#D3AF86
- list.activeSelectionBackground#DFCA88
- list.activeSelectionForeground#6C6C6C
- list.focusBackground#DFCA8866
- list.highlightForeground#B58900
- list.hoverBackground#DFCA8844
- list.inactiveSelectionBackground#D1CBB8
- notification.background#999178
- panel.border#DDD6C1
- peekView.border#B58900
- peekViewEditor.background#FFFBF2
- peekViewEditor.matchHighlightBackground#7744AA40
- peekViewResult.background#EEE8D5
- peekViewTitle.background#EEE8D5
- pickerGroup.border#2AA19899
- pickerGroup.foreground#2AA19899
- progressBar.background#B58900
- selection.background#CCC4B0
- sideBar.background#EEE8D5
- sideBarTitle.foreground#586E75
- statusBar.background#EEE8D5
- statusBar.debuggingBackground#EEE8D5
- statusBar.foreground#586E75
- statusBar.noFolderBackground#EEE8D5
- statusBarItem.prominentBackground#DDD6C1
- statusBarItem.prominentHoverBackground#DDD6C199
- tab.activeBackground#FDF6E3
- tab.border#DDD6C1
- tab.inactiveBackground#D3CBB7
- tab.inactiveForeground#586E75
- terminal.ansiBlack#073642
- terminal.ansiBlue#268bd2
- terminal.ansiBrightBlack#586e75
- terminal.ansiBrightBlue#839496
- terminal.ansiBrightCyan#93a1a1
- terminal.ansiBrightGreen#586e75
- terminal.ansiBrightMagenta#6c71c4
- terminal.ansiBrightRed#cb4b16
- terminal.ansiBrightWhite#eee8d5
- terminal.ansiBrightYellow#657b83
- terminal.ansiCyan#2aa198
- terminal.ansiGreen#859900
- terminal.ansiMagenta#d33682
- terminal.ansiRed#dc322f
- terminal.ansiWhite#eee8d5
- terminal.ansiYellow#b58900
- titleBar.activeBackground#EEE8D5
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.template.expression.js | #586E75 | — |
| comment, meta.tag.any | #93A1A1 | italic |
| string | #2AA198 | — |
| entity.name.tag, meta.definition.variable | #268BD2 | — |
| constant, variable.parameter, variable.language | #D33682 | — |
| support.type, entity.other.attribute-name | #859900 | — |
| storage, storage.type, keyword, keyword.operator.new | #859900 | — |
| keyword.operator | #859900 | — |
| meta.definition.function | #268BD2 | — |
| keyword.control.as.ts, keyword.operator.optional.ts, keyword.operator.type.annotation.ts, meta.return.type.ts, meta.type.annotation.ts, support.type.primitive.ts, storage.type.built-in.primitive.cpp, storage.type.primitive.cpp, meta.qualified_type.cpp, entity.name.type.parameter.cpp | #BBB | — |