Apex Theme
Publisher: FluffyBearThemes in package: 1
Dark theme with sporty, modern, high-octane colors for turbocharged coding.
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#2c3035
- activityBar.border#202328
- activityBar.foreground#78d34e
- activityBar.inactiveForeground#c3c3c3
- activityBarBadge.background#78d34e
- activityBarBadge.foreground#202328
- badge.background#78d34e
- badge.foreground#202328
- breadcrumb.activeSelectionForeground#78d34e
- breadcrumb.background#202328
- breadcrumb.focusForeground#d9d9d9
- breadcrumb.foreground#bbbbbb
- button.background#4328af
- button.foreground#e5e5e5
- button.hoverBackground#4328afd5
- debugIcon.breakpointForeground#ff4444
- debugIcon.disconnectForeground#ff9d35
- debugIcon.startForeground#78d34e
- debugIcon.stopForeground#ff4444
- debugToolBar.background#202328
- diffEditor.insertedTextBackground#78d34e20
- diffEditor.removedTextBackground#ff444420
- dropdown.background#2c3035
- dropdown.border#ffffff20
- dropdown.foreground#d9d9d9
- editor.background#23272c
- editor.findMatchBackground#78d34e40
- editor.findMatchHighlightBackground#78d34e20
- editor.foreground#d9d9d9
- editor.lineHighlightBackground#00000035
- editor.lineHighlightBorder#ffffff00
- editor.selectionBackground#6969693b
- editor.selectionHighlightBackground#ffffff1a
- editor.selectionHighlightBorder#ffffff00
- editor.wordHighlightBackground#ffffff1d
- editor.wordHighlightBorder#ffffff00
- editorBracketMatch.background#717cb435
- editorBracketMatch.border#717cb400
- editorCursor.foreground#644cff
- editorError.foreground#ff4444
- editorGroup.border#2c3035
- editorGroupHeader.tabsBackground#202328
- editorGroupHeader.tabsBorder#2c3035
- editorHoverWidget.background#202328
- editorHoverWidget.border#2c3035
- editorInfo.foreground#32b6e6
- editorSuggestWidget.background#202328
- editorSuggestWidget.border#2c3035
- editorSuggestWidget.selectedBackground#17191b
- editorWarning.foreground#ff8400
- editorWidget.background#202328
- editorWidget.border#2c3035
- focusBorder#202328
- icon.foregrounddefault
- input.background#2c3035
- input.border#ffffff20
- input.foreground#d9d9d9
- input.placeholderForeground#757575
- inputOption.activeBackground#17191b
- inputOption.activeBorder#00000000
- inputOption.activeForeground#7de020
- inputOption.hoverBackground#17191b
- list.activeSelectionBackground#17191b
- list.activeSelectionForeground#78d34e
- list.highlightForeground#7de020
- list.hoverBackground#17191b8d
- list.inactiveSelectionBackground#17191b
- menu.background#202328
- menu.foreground#d9d9d9
- menu.selectionBackground#17191b
- menu.selectionForeground#78d34e
- menu.separatorBackground#2c3035
- minimap.findMatchHighlight#78d34e50
- minimap.selectionHighlight#717cb450
- notificationLink.foreground#78d34e
- notifications.background#202328
- notifications.foreground#d9d9d9
- panel.background#202328
- panel.border#2c3035
- panelTitle.activeBorder#78d34e
- panelTitle.activeForeground#d9d9d9
- panelTitle.inactiveForeground#757575
- pickerGroup.border#2c3035
- pickerGroup.foreground#78d34e
- progressBar.background#78d34e
- scrollbarSlider.activeBackground#ffffff30
- scrollbarSlider.background#ffffff10
- scrollbarSlider.hoverBackground#ffffff20
- selection.background#00000080
- sideBar.background#202328
- sideBar.border#2c3035
- sideBar.foreground#c3c3c3
- sideBarSectionHeader.background#2c3035
- sideBarSectionHeader.foreground#d9d9d9
- sideBarTitle.foreground#d8d8d8
- statusBar.background#202328
- statusBar.debuggingBackground#9f2ade
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#d9d9d9
- statusBar.noFolderBackground#23272c
- statusBarItem.remoteBackground#78d34e
- statusBarItem.remoteForeground#000000
- statusBarItem.remoteHoverBackground#64b041
- statusBarItem.remoteHoverForeground#000000
- tab.activeBackground#23272c
- tab.activeBorder#78d34e
- tab.activeBorderTop#2c3035
- tab.activeForeground#ededed
- tab.border#2c3035
- tab.inactiveBackground#202328
- tab.inactiveForeground#c3c3c3
- terminal.ansiBlack#2c3035
- terminal.ansiBlue#32b6e6
- terminal.ansiBrightBlack#757575
- terminal.ansiBrightBlue#42c6f6
- terminal.ansiBrightCyan#28fad9
- terminal.ansiBrightGreen#88e35e
- terminal.ansiBrightMagenta#d05bff
- terminal.ansiBrightRed#ff5555
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffe310
- terminal.ansiCyan#18fac9
- terminal.ansiGreen#78d34e
- terminal.ansiMagenta#c04bff
- terminal.ansiRed#ff4444
- terminal.ansiWhite#d9d9d9
- terminal.ansiYellow#f4d300
- terminal.background#23272c
- terminal.foreground#d9d9d9
- titleBar.activeBackground#202328
- titleBar.activeForeground#d9d9d9
- titleBar.inactiveBackground#202328
- titleBar.inactiveForeground#757575
- welcomePage.background#202328
- welcomePage.progress.background#17191b
- welcomePage.progress.foreground#78d34e
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword.control | #ff9d35 | — |
| keyword.operator.new | #ff9d35 | — |
| storage.modifier | #ff9d35 | — |
| storage.type | #ff9d35 | — |
| string.quoted | #d47acc | italic |
| string.template | #d47acc | — |
| comment | #757575 | italic |
| constant.numeric | #7de020 | — |
| constant.language | #7de020 | — |
| variable.language.this | #18fac9 | — |
| variable.other.property | #2cb2e3 | — |
| support.variable.magic | #18fac9 | — |
| entity.name.function | #c04bff | — |
| keyword.operator.arithmetic, keyword.operator.increment, keyword.operator.decrement, keyword.operator.bitwise | #d0d0d0 | — |
| storage.type.function.arrow, keyword.operator.arrow, keyword.operator.ternary, keyword.operator.logical | #d0d0d0 | — |
| punctuation.definition.decorator | #ff1414 | — |
| keyword.operator.logical.python | #ff9d35 | — |
| entity.name.tag.html, entity.name.tag.xml, entity.name.tag.localname.xml | #ff9d35 | — |
| entity.other.attribute-name.html, entity.other.attribute-name.localname.xml, entity.other.attribute-name.xml | #7de020 | — |
| string.quoted.double.html, string.quoted.double.xml | #2cb2e3 | — |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.xml | #c04bff | — |
| support.type.property-name.css | #ff9d35 | — |
| entity.name.tag.css | #18fac9 | — |
| entity.name.tag.wildcard.css | #18fac9 | — |
| entity.other.attribute-name.pseudo-class.css | #f4d300 | — |
| entity.other.attribute-name.class.css | #c04bff | — |
| entity.other.attribute-name.id.css | #7de020 | — |
| entity.other.attribute-name.pseudo-element.css | #f4d300 | — |
| keyword.control.at-rule | #32b6e6 | — |
| variable.css, variable.argument.css | #fc44ec | — |
| punctuation.definition.heading.markdown | #c04bff | — |
| punctuation.definition.list.begin | #ff9d35 | — |
| markup.underline.link.image.markdown, markup.underline.link.markdown | #18fac9 | — |
| support.type.property-name.json | #ff9d35 | — |
| string.quoted.double.json | #c04bff | — |