Anorak Themes
Publisher: calebdsharpThemes in package: 36
A collection of 18 thoughtfully designed VS Code theme packs, each with light and dark variants (36 themes total), with matching editor fonts.
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#242424
- activityBar.border#242424
- activityBar.foreground#FFFFFF
- activityBar.inactiveForeground#8A8A8A
- activityBarBadge.background#FF8EA8
- activityBarBadge.foreground#242424
- badge.background#242424
- badge.foreground#FFFFFF
- button.background#242424
- button.foreground#FFFFFF
- button.hoverBackground#333333
- button.secondaryBackground#E0E0E0
- button.secondaryForeground#242424
- contrastBorder#E0E0E0
- dropdown.background#FFFFFF
- dropdown.border#E0E0E0
- editor.background#FFFFFF
- editor.findMatchBackground#FFD34D60
- editor.findMatchHighlightBackground#FFD34D40
- editor.foreground#242424
- editor.inactiveSelectionBackground#35A8E228
- editor.lineHighlightBackground#F5F5F5
- editor.selectionBackground#35A8E255
- editor.selectionHighlightBackground#35A8E235
- editor.wordHighlightBackground#FF8EA840
- editorBracketMatch.background#35A8E225
- editorBracketMatch.border#35A8E2
- editorCursor.foreground#242424
- editorGroup.border#E0E0E0
- editorGroupHeader.tabsBackground#F5F5F5
- editorGutter.addedBackground#62B46E
- editorGutter.deletedBackground#D06C6C
- editorGutter.modifiedBackground#35A8E2
- editorHoverWidget.background#F5F5F5
- editorHoverWidget.border#E0E0E0
- editorIndentGuide.activeBackground1#CFCFCF
- editorIndentGuide.background1#ECECEC
- editorLineNumber.activeForeground#7C7C7C
- editorLineNumber.foreground#C2C2C2
- editorRuler.foreground#ECECEC
- editorSuggestWidget.background#F5F5F5
- editorSuggestWidget.border#E0E0E0
- editorSuggestWidget.selectedBackground#35A8E220
- editorWhitespace.foreground#ECECEC
- editorWidget.background#F5F5F5
- editorWidget.border#E0E0E0
- extensionButton.prominentBackground#242424
- extensionButton.prominentHoverBackground#333333
- focusBorder#242424
- foreground#242424
- input.background#FFFFFF
- input.border#E0E0E0
- input.foreground#242424
- input.placeholderForeground#A0A0A0
- list.activeSelectionBackground#242424
- list.activeSelectionForeground#FFFFFF
- list.highlightForeground#242424
- list.hoverBackground#F2F2F2
- list.inactiveSelectionBackground#EDEDED
- notificationCenterHeader.background#F5F5F5
- notifications.background#F5F5F5
- notifications.border#E0E0E0
- notifications.foreground#242424
- panel.background#F5F5F5
- panel.border#E0E0E0
- panelTitle.activeForeground#242424
- panelTitle.inactiveForeground#555555
- peekView.border#242424
- peekViewEditor.background#FFFFFF
- peekViewResult.background#F5F5F5
- progressBar.background#242424
- scrollbarSlider.activeBackground#24242480
- scrollbarSlider.background#C2C2C270
- scrollbarSlider.hoverBackground#C2C2C2A0
- sideBar.background#F5F5F5
- sideBar.border#E0E0E0
- sideBar.foreground#555555
- sideBarSectionHeader.background#EDEDED
- sideBarSectionHeader.foreground#242424
- sideBarTitle.foreground#242424
- statusBar.background#242424
- statusBar.debuggingBackground#D06C6C
- statusBar.foreground#FFFFFF
- statusBar.noFolderBackground#242424
- statusBarItem.hoverBackground#333333
- tab.activeBackground#FFFFFF
- tab.activeBorderTop#242424
- tab.activeForeground#242424
- tab.border#E0E0E0
- tab.inactiveBackground#EDEDED
- tab.inactiveForeground#555555
- terminal.ansiBlack#242424
- terminal.ansiBlue#35A8E2
- terminal.ansiBrightBlack#C2C2C2
- terminal.ansiBrightBlue#5BBBEA
- terminal.ansiBrightCyan#63D5CF
- terminal.ansiBrightGreen#81CA88
- terminal.ansiBrightMagenta#FFAAC0
- terminal.ansiBrightRed#E88787
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFE37D
- terminal.ansiCyan#37BFB6
- terminal.ansiGreen#62B46E
- terminal.ansiMagenta#FF8EA8
- terminal.ansiRed#D06C6C
- terminal.ansiWhite#555555
- terminal.ansiYellow#FFD34D
- terminal.background#FFFFFF
- terminal.foreground#242424
- titleBar.activeBackground#1A1A1A
- titleBar.activeForeground#FFFFFF
- titleBar.inactiveBackground#1A1A1A
- titleBar.inactiveForeground#8A8A8A
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #242424 | — |
| comment, punctuation.definition.comment | #A0A0A0 | italic |
| keyword, keyword.control, storage.type, storage.modifier | #35A8E2 | bold |
| string, string.quoted | #FF8EA8 | — |
| constant.numeric, constant.language, constant.character | #FFD34D | — |
| entity.name.function, support.function, meta.function-call | #242424 | bold |
| variable, variable.parameter | #242424 | — |
| entity.name.type, entity.name.class, support.class, support.type | #242424 | italic |
| entity.name.tag | #FF8EA8 | — |
| entity.other.attribute-name | #35A8E2 | — |
| keyword.operator, punctuation | #7C7C7C | — |
| variable.other.property, meta.object-literal.key | #37BFB6 | — |
| markup.heading | #242424 | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| invalid, invalid.illegal | #D06C6C | — |