4 Colours
Publisher: gpemThemes in package: 1
4 Colours is colorful and dark at the same time.
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#fde90e
- activityBar.background#1f2127
- activityBarBadge.background#41ce3c
- activityBarBadge.foreground#202020
- debugExceptionWidget.background#262830
- debugToolBar.background#262830
- diffEditor.insertedTextBorder#41ce3c
- diffEditor.removedTextBorder#FF203B
- dropdown.background#262830
- editor.background#1f2127
- editor.foreground#f1f1f1
- editor.selectionBackground#c3d3e450
- editor.selectionHighlightBackground#7b98b623
- editor.wordHighlightBackground#7b98b623
- editor.wordHighlightStrongBackground#69829c52
- editorCursor.foreground#fde90e
- editorGroupHeader.tabsBackground#1f2127
- editorGutter.addedBackground#41ce3c
- editorGutter.deletedBackground#FF203B
- editorGutter.modifiedBackground#eb9022
- editorIndentGuide.background#404040
- editorOverviewRuler.addedForeground#41ce3c
- editorOverviewRuler.deletedForeground#FF203B
- editorOverviewRuler.modifiedForeground#eb9022
- editorWidget.background#262830
- focusBorder#454856
- gitDecoration.conflictingResourceForeground#FF203B
- gitDecoration.deletedResourceForeground#eb9022
- gitDecoration.ignoredResourceForeground#808080
- gitDecoration.modifiedResourceForeground#41ce3c
- gitDecoration.untrackedResourceForeground#eb9022
- input.background#454856
- list.activeSelectionBackground#3c3f4d
- list.dropBackground#0886da
- list.focusBackground#454856
- list.hoverBackground#3c3f4d
- notifications.background#262830
- pickerGroup.foreground#87d7ff
- sideBar.background#262830
- sideBarSectionHeader.background#2a2d35
- sideBarTitle.foreground#bbbbbb
- statusBar.background#1d1e24
- statusBar.debuggingBackground#0886da
- statusBar.noFolderBackground#1f2127
- tab.activeBackground#1f2127
- tab.activeBorder#fde50f
- tab.border#1f2127
- tab.hoverBackground#1f2127
- tab.inactiveBackground#1f2127
- tab.unfocusedActiveBackground#1f2127
- terminal.ansiBlack#313131
- terminal.ansiBlue#0687ff
- terminal.ansiBrightBlack#313131
- terminal.ansiBrightBlue#0687ff
- terminal.ansiBrightCyan#06c1ff
- terminal.ansiBrightGreen#41ce3c
- terminal.ansiBrightMagenta#da1ac6
- terminal.ansiBrightRed#FF203B
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ecda14
- terminal.ansiCyan#06c1ff
- terminal.ansiGreen#41ce3c
- terminal.ansiMagenta#da1ac6
- terminal.ansiRed#FF203B
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#ecda14
- terminal.foreground#f1f1f1
- textLink.foreground#06c1ff
- titleBar.activeBackground#1f2127
- titleBar.activeForeground#ffffff
- titleBar.inactiveBackground#1f2127
- titleBar.inactiveForeground#ffffff54
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #707070 | — |
| string | #da1ac6 | — |
| constant.numeric | #eb9022 | — |
| constant.language | #F1F1F1 | — |
| constant.character, constant.other | #da1ac6 | — |
| constant.character.escape, constant.other.placeholder, constant.character.format.placeholder.other | #ff0077 | — |
| variable | #f1f1f1 | — |
| keyword | #FF203B | bold |
| storage | #FF203B | bold |
| storage.type | #02b3e9 | bold |
| entity.name.class | #41ce3c | underline |
| entity.other.inherited-class | #41ce3c | underline |
| meta.function-call, meta.function-call.c | #f1f1f1 | — |
| entity.name.function | #41ce3c | bold |
| variable.parameter | #eb9022 | bold |
| entity.name.tag | #FF203B | bold |
| entity.other.attribute-name | #41ce3c | |
| support.function | #02b3e9 | bold |
| support.constant | #02b3e9 | bold |
| support.type, support.class | #02b3e9 | bold |
| invalid | #a0a0a0 | bold |
| invalid.deprecated | #a0a0a0 | — |
| meta.structure.dictionary.json string.quoted.double.json | #CFCFC2 | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #FF203B | — |
| markup.inserted | #41ce3c | — |
| markup.changed | #E6DB74 | — |
| constant.numeric.line-number.find-in-files - match | #eb9022A0 | — |
| entity.name.filename.find-in-files | #E6DB74 | — |
| variable.language | #41ce3c | — |
| heading.1.markdown | #41ce3c | bold |
| punctuation.definition.heading.markdown | #41ce3c | — |
| entity.name.section.markdown | #41ce3c | — |
| punctuation.definition.list.begin.markdown | #eb9022 | — |
| meta.image.inline.markdown | #E6DB74 | — |
| markup.bold.markdown | #FFFFFF | bold |
| markup.italic.markdown | #FFFFFF | italic |
| markup.inline.raw.string.markdown | #02b3e9 | bold |
| meta.separator.markdown | #8f8f8f | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...