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#C1795A
- activityBar.border#C1795A
- activityBar.foreground#F3ECE4
- activityBar.inactiveForeground#E3BBA3
- activityBarBadge.background#C1795A
- activityBarBadge.foreground#F3ECE4
- badge.background#C1795A
- badge.foreground#F3ECE4
- button.background#C1795A
- button.foreground#F3ECE4
- button.hoverBackground#A8654A
- button.secondaryBackground#DDCBB4
- button.secondaryForeground#3D342C
- contrastBorder#DDCBB4
- dropdown.background#FFFFFF
- dropdown.border#DDCBB4
- editor.background#F3ECE4
- editor.findMatchBackground#C1795A60
- editor.findMatchHighlightBackground#C1795A35
- editor.foreground#3D342C
- editor.inactiveSelectionBackground#C9A24C25
- editor.lineHighlightBackground#EBE1D5
- editor.selectionBackground#C9A24C50
- editor.selectionHighlightBackground#C9A24C30
- editor.wordHighlightBackground#5F7C8A30
- editorBracketMatch.background#C9A24C40
- editorBracketMatch.border#C1795A
- editorCursor.foreground#C1795A
- editorGroup.border#DDCBB4
- editorGroupHeader.tabsBackground#EBE1D5
- editorGutter.addedBackground#7C8058
- editorGutter.deletedBackground#B0583F
- editorGutter.modifiedBackground#5F7C8A
- editorHoverWidget.background#EBE1D5
- editorHoverWidget.border#DDCBB4
- editorIndentGuide.activeBackground1#C1795A70
- editorIndentGuide.background1#DDCBB4
- editorLineNumber.activeForeground#C1795A
- editorLineNumber.foreground#BBA88F
- editorRuler.foreground#DDCBB4
- editorSuggestWidget.background#EBE1D5
- editorSuggestWidget.border#DDCBB4
- editorSuggestWidget.selectedBackground#C9A24C40
- editorWhitespace.foreground#DDCBB4
- editorWidget.background#EBE1D5
- editorWidget.border#DDCBB4
- extensionButton.prominentBackground#C1795A
- extensionButton.prominentHoverBackground#A8654A
- focusBorder#C1795A80
- foreground#3D342C
- input.background#FFFFFF
- input.border#DDCBB4
- input.foreground#3D342C
- input.placeholderForeground#BBA88F
- list.activeSelectionBackground#C9A24C70
- list.activeSelectionForeground#3D342C
- list.highlightForeground#C1795A
- list.hoverBackground#E1D4C4
- list.inactiveSelectionBackground#E1D4C4
- notificationCenterHeader.background#EBE1D5
- notifications.background#EBE1D5
- notifications.border#DDCBB4
- notifications.foreground#3D342C
- panel.background#EBE1D5
- panel.border#DDCBB4
- panelTitle.activeForeground#3D342C
- panelTitle.inactiveForeground#6E6153
- peekView.border#C1795A
- peekViewEditor.background#F3ECE4
- peekViewResult.background#EBE1D5
- progressBar.background#C1795A
- scrollbarSlider.activeBackground#C1795A80
- scrollbarSlider.background#DDCBB470
- scrollbarSlider.hoverBackground#DDCBB4A0
- sideBar.background#EBE1D5
- sideBar.border#DDCBB4
- sideBar.foreground#6E6153
- sideBarSectionHeader.background#E1D4C4
- sideBarSectionHeader.foreground#3D342C
- sideBarTitle.foreground#3D342C
- statusBar.background#C1795A
- statusBar.debuggingBackground#B0583F
- statusBar.foreground#F3ECE4
- statusBar.noFolderBackground#C1795A
- statusBarItem.hoverBackground#A8654A
- tab.activeBackground#F3ECE4
- tab.activeBorderTop#C1795A
- tab.activeForeground#3D342C
- tab.border#DDCBB4
- tab.inactiveBackground#E1D4C4
- tab.inactiveForeground#6E6153
- terminal.ansiBlack#3D342C
- terminal.ansiBlue#5F7C8A
- terminal.ansiBrightBlack#BBA88F
- terminal.ansiBrightBlue#7E9CA8
- terminal.ansiBrightCyan#7CA79E
- terminal.ansiBrightGreen#99A177
- terminal.ansiBrightMagenta#A88C99
- terminal.ansiBrightRed#C97862
- terminal.ansiBrightWhite#F3ECE4
- terminal.ansiBrightYellow#C7A25C
- terminal.ansiCyan#5C8A82
- terminal.ansiGreen#7C8058
- terminal.ansiMagenta#8A6E7C
- terminal.ansiRed#B0583F
- terminal.ansiWhite#6E6153
- terminal.ansiYellow#B08A3C
- terminal.background#F3ECE4
- terminal.foreground#3D342C
- titleBar.activeBackground#A8654A
- titleBar.activeForeground#F3ECE4
- titleBar.inactiveBackground#A8654A
- titleBar.inactiveForeground#E3C4B0
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #3D342C | — |
| comment, punctuation.definition.comment | #A08D74 | italic |
| keyword, keyword.control, storage.type, storage.modifier | #7C8058 | bold |
| string, string.quoted | #C1795A | — |
| constant.numeric, constant.language, constant.character | #5F7C8A | — |
| entity.name.function, support.function, meta.function-call | #B0583F | — |
| variable, variable.parameter | #3D342C | — |
| entity.name.type, entity.name.class, support.class, support.type | #8A6E7C | bold |
| entity.name.tag | #7C8058 | — |
| entity.other.attribute-name | #B08A3C | — |
| keyword.operator, punctuation | #8C7A66 | — |
| variable.other.property, meta.object-literal.key | #5C8A82 | — |
| markup.heading | #C1795A | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| invalid, invalid.illegal | #F3ECE4 | — |