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#D7CFEB
- activityBar.border#D7CFEB
- activityBar.foreground#41384A
- activityBar.inactiveForeground#C3CDE8
- activityBarBadge.background#9AA4D8
- activityBarBadge.foreground#F9F1E4
- badge.background#9AA4D8
- badge.foreground#F9F1E4
- button.background#9AA4D8
- button.foreground#F9F1E4
- button.hoverBackground#8B95D0
- button.secondaryBackground#E2D4BC
- button.secondaryForeground#463D48
- contrastBorder#E0D0B8
- dropdown.background#FBF4EA
- dropdown.border#E0D0B8
- editor.background#F9F1E4
- editor.findMatchBackground#7B8FC455
- editor.findMatchHighlightBackground#7B8FC433
- editor.foreground#463D48
- editor.inactiveSelectionBackground#B8C98A22
- editor.lineHighlightBackground#F0E6D6
- editor.selectionBackground#B8C98A44
- editor.selectionHighlightBackground#B8C98A2E
- editor.wordHighlightBackground#6B8FBF2E
- editorBracketMatch.background#B8C98A35
- editorBracketMatch.border#7B8FC4
- editorCursor.foreground#7B8FC4
- editorGroup.border#E0D0B8
- editorGroupHeader.tabsBackground#F2E7D7
- editorGutter.addedBackground#7FA87A
- editorGutter.deletedBackground#C97A6E
- editorGutter.modifiedBackground#6B8FBF
- editorHoverWidget.background#F2E7D7
- editorHoverWidget.border#E0D0B8
- editorIndentGuide.activeBackground1#7B8FC460
- editorIndentGuide.background1#E2D4BC
- editorLineNumber.activeForeground#7B8FC4
- editorLineNumber.foreground#C7B9A6
- editorRuler.foreground#E2D4BC
- editorSuggestWidget.background#F2E7D7
- editorSuggestWidget.border#E0D0B8
- editorSuggestWidget.selectedBackground#B8C98A35
- editorWhitespace.foreground#E2D4BC
- editorWidget.background#F2E7D7
- editorWidget.border#E0D0B8
- extensionButton.prominentBackground#9AA4D8
- extensionButton.prominentHoverBackground#8B95D0
- focusBorder#7B8FC480
- foreground#463D48
- input.background#FBF4EA
- input.border#E0D0B8
- input.foreground#463D48
- input.placeholderForeground#C7B9A6
- list.activeSelectionBackground#B8C98A65
- list.activeSelectionForeground#463D48
- list.highlightForeground#7B8FC4
- list.hoverBackground#E7D9C0
- list.inactiveSelectionBackground#E7D9C0
- notificationCenterHeader.background#F2E7D7
- notifications.background#F2E7D7
- notifications.border#E0D0B8
- notifications.foreground#463D48
- panel.background#F2E7D7
- panel.border#E0D0B8
- panelTitle.activeForeground#463D48
- panelTitle.inactiveForeground#7C6F79
- peekView.border#7B8FC4
- peekViewEditor.background#F9F1E4
- peekViewResult.background#F2E7D7
- progressBar.background#7B8FC4
- scrollbarSlider.activeBackground#7B8FC480
- scrollbarSlider.background#E2D4BC70
- scrollbarSlider.hoverBackground#E2D4BCA0
- sideBar.background#F2E7D7
- sideBar.border#E0D0B8
- sideBar.foreground#7C6F79
- sideBarSectionHeader.background#E3D3BA
- sideBarSectionHeader.foreground#463D48
- sideBarTitle.foreground#463D48
- statusBar.background#C9BEDF
- statusBar.debuggingBackground#C97A6E
- statusBar.foreground#F9F1E4
- statusBar.noFolderBackground#C9BEDF
- statusBarItem.hoverBackground#B4A5D5
- tab.activeBackground#F9F1E4
- tab.activeBorderTop#7B8FC4
- tab.activeForeground#463D48
- tab.border#E0D0B8
- tab.inactiveBackground#E5D5C1
- tab.inactiveForeground#7C6F79
- terminal.ansiBlack#3D3540
- terminal.ansiBlue#6B8FBF
- terminal.ansiBrightBlack#C7B9A6
- terminal.ansiBrightBlue#87A7D6
- terminal.ansiBrightCyan#8AC0B7
- terminal.ansiBrightGreen#98C093
- terminal.ansiBrightMagenta#B39CCE
- terminal.ansiBrightRed#DB9488
- terminal.ansiBrightWhite#F8F2E8
- terminal.ansiBrightYellow#E8C787
- terminal.ansiCyan#6FA8A0
- terminal.ansiGreen#7FA87A
- terminal.ansiMagenta#9B84B8
- terminal.ansiRed#C97A6E
- terminal.ansiWhite#7C6F79
- terminal.ansiYellow#D9B36C
- terminal.background#F9F1E4
- terminal.foreground#463D48
- titleBar.activeBackground#C9BEDF
- titleBar.activeForeground#F9F1E4
- titleBar.inactiveBackground#C9BEDF
- titleBar.inactiveForeground#E7DFF4
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #463D48 | — |
| comment, punctuation.definition.comment | #9A8A74 | italic |
| keyword, keyword.control, storage.type, storage.modifier | #7B8FC4 | italic |
| string, string.quoted | #C97A6E | — |
| constant.numeric, constant.language, constant.character | #6B8FBF | — |
| entity.name.function, support.function, meta.function-call | #9B7A5C | — |
| variable, variable.parameter | #463D48 | — |
| entity.name.type, entity.name.class, support.class, support.type | #9B84B8 | italic |
| entity.name.tag | #7FA87A | — |
| entity.other.attribute-name | #D9B36C | — |
| keyword.operator, punctuation | #94836F | — |
| variable.other.property, meta.object-literal.key | #6FA8A0 | — |
| markup.heading | #7B8FC4 | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| invalid, invalid.illegal | #C97A6E | — |