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#262033
- activityBar.border#262033
- activityBar.foreground#E8E1D3
- activityBar.inactiveForeground#5C5468
- activityBarBadge.background#8C98D6
- activityBarBadge.foreground#221E2B
- badge.background#8C98D6
- badge.foreground#221E2B
- button.background#8C98D6
- button.foreground#221E2B
- button.hoverBackground#7F8ECD
- button.secondaryBackground#3D3650
- button.secondaryForeground#E8E1D3
- contrastBorder#372F49
- dropdown.background#221E2B
- dropdown.border#3D3650
- editor.background#201C28
- editor.findMatchBackground#9BA8E070
- editor.findMatchHighlightBackground#9BA8E047
- editor.foreground#E8E1D3
- editor.inactiveSelectionBackground#A8BE7E2B
- editor.lineHighlightBackground#2C2639
- editor.selectionBackground#A8BE7E5C
- editor.selectionHighlightBackground#A8BE7E3A
- editor.wordHighlightBackground#9BA8E03A
- editorBracketMatch.background#A8BE7E35
- editorBracketMatch.border#9BA8E0
- editorCursor.foreground#9BA8E0
- editorGroup.border#372F49
- editorGroupHeader.tabsBackground#262033
- editorGutter.addedBackground#8FBB89
- editorGutter.deletedBackground#DB9584
- editorGutter.modifiedBackground#9BA8E0
- editorHoverWidget.background#262033
- editorHoverWidget.border#372F49
- editorIndentGuide.activeBackground1#9BA8E060
- editorIndentGuide.background1#3D3650
- editorLineNumber.activeForeground#9BA8E0
- editorLineNumber.foreground#5C5468
- editorRuler.foreground#3D3650
- editorSuggestWidget.background#262033
- editorSuggestWidget.border#372F49
- editorSuggestWidget.selectedBackground#A8BE7E35
- editorWhitespace.foreground#3D3650
- editorWidget.background#262033
- editorWidget.border#372F49
- extensionButton.prominentBackground#8C98D6
- extensionButton.prominentHoverBackground#7F8ECD
- focusBorder#9BA8E080
- foreground#E8E1D3
- input.background#221E2B
- input.border#3D3650
- input.foreground#E8E1D3
- input.placeholderForeground#5C5468
- list.activeSelectionBackground#3D3650
- list.activeSelectionForeground#E8E1D3
- list.highlightForeground#9BA8E0
- list.hoverBackground#332C42
- list.inactiveSelectionBackground#332C42
- notificationCenterHeader.background#262033
- notifications.background#262033
- notifications.border#3D3650
- notifications.foreground#E8E1D3
- panel.background#262033
- panel.border#372F49
- panelTitle.activeForeground#E8E1D3
- panelTitle.inactiveForeground#B3A8B8
- peekView.border#9BA8E0
- peekViewEditor.background#221E2B
- peekViewResult.background#262033
- progressBar.background#9BA8E0
- scrollbarSlider.activeBackground#9BA8E080
- scrollbarSlider.background#3D365070
- scrollbarSlider.hoverBackground#3D3650A0
- sideBar.background#262033
- sideBar.border#372F49
- sideBar.foreground#B3A8B8
- sideBarSectionHeader.background#332C42
- sideBarSectionHeader.foreground#E8E1D3
- sideBarTitle.foreground#E8E1D3
- statusBar.background#3B3350
- statusBar.debuggingBackground#DB9584
- statusBar.foreground#E8E1D3
- statusBar.noFolderBackground#3B3350
- statusBarItem.hoverBackground#7F8ECD
- tab.activeBackground#201C28
- tab.activeBorderTop#9BA8E0
- tab.activeForeground#E8E1D3
- tab.border#372F49
- tab.inactiveBackground#292334
- tab.inactiveForeground#B3A8B8
- terminal.ansiBlack#332C42
- terminal.ansiBlue#9BA8E0
- terminal.ansiBrightBlack#5C5468
- terminal.ansiBrightBlue#B0BDEE
- terminal.ansiBrightCyan#9FD1C8
- terminal.ansiBrightGreen#A9D0A5
- terminal.ansiBrightMagenta#C7B0DE
- terminal.ansiBrightRed#EAAC9C
- terminal.ansiBrightWhite#E8E1D3
- terminal.ansiBrightYellow#EFD59A
- terminal.ansiCyan#87BDB3
- terminal.ansiGreen#8FBB89
- terminal.ansiMagenta#B49BCC
- terminal.ansiRed#DB9584
- terminal.ansiWhite#B3A8B8
- terminal.ansiYellow#E3C583
- terminal.background#201C28
- terminal.foreground#E8E1D3
- titleBar.activeBackground#191623
- titleBar.activeForeground#E8E1D3
- titleBar.inactiveBackground#191623
- titleBar.inactiveForeground#5C5468
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #E8E1D3 | — |
| comment, punctuation.definition.comment | #7F748C | italic |
| keyword, keyword.control, storage.type, storage.modifier | #9BA8E0 | italic |
| string, string.quoted | #DB9584 | — |
| constant.numeric, constant.language, constant.character | #9BA8E0 | — |
| entity.name.function, support.function, meta.function-call | #D6B48A | — |
| variable, variable.parameter | #E8E1D3 | — |
| entity.name.type, entity.name.class, support.class, support.type | #B49BCC | italic |
| entity.name.tag | #8FBB89 | — |
| entity.other.attribute-name | #E3C583 | — |
| keyword.operator, punctuation | #8F84A0 | — |
| variable.other.property, meta.object-literal.key | #87BDB3 | — |
| markup.heading | #9BA8E0 | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| invalid, invalid.illegal | #DB9584 | — |