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#1E8F7D
- activityBar.border#1E8F7D
- activityBar.foreground#EEF7F5
- activityBar.inactiveForeground#A8D9CD
- activityBarBadge.background#17705F
- activityBarBadge.foreground#EEF7F5
- badge.background#1E8F7D
- badge.foreground#EEF7F5
- button.background#1E8F7D
- button.foreground#EEF7F5
- button.hoverBackground#17705F
- button.secondaryBackground#CBE0DB
- button.secondaryForeground#16262A
- contrastBorder#CBE0DB
- dropdown.background#FFFFFF
- dropdown.border#CBE0DB
- editor.background#EEF7F5
- editor.findMatchBackground#2ECB9A60
- editor.findMatchHighlightBackground#2ECB9A35
- editor.foreground#16262A
- editor.inactiveSelectionBackground#4FB6E025
- editor.lineHighlightBackground#E1EFEC
- editor.selectionBackground#4FB6E050
- editor.selectionHighlightBackground#4FB6E030
- editor.wordHighlightBackground#3FAE7230
- editorBracketMatch.background#4FB6E040
- editorBracketMatch.border#1E8F7D
- editorCursor.foreground#1E8F7D
- editorGroup.border#CBE0DB
- editorGroupHeader.tabsBackground#E6F1EE
- editorGutter.addedBackground#2E9C63
- editorGutter.deletedBackground#C85F5A
- editorGutter.modifiedBackground#2E7FBE
- editorHoverWidget.background#E1EFEC
- editorHoverWidget.border#CBE0DB
- editorIndentGuide.activeBackground1#1E8F7D70
- editorIndentGuide.background1#D2E6E2
- editorLineNumber.activeForeground#1E8F7D
- editorLineNumber.foreground#A9C4C0
- editorRuler.foreground#D2E6E2
- editorSuggestWidget.background#E1EFEC
- editorSuggestWidget.border#CBE0DB
- editorSuggestWidget.selectedBackground#4FB6E040
- editorWhitespace.foreground#D2E6E2
- editorWidget.background#E1EFEC
- editorWidget.border#CBE0DB
- extensionButton.prominentBackground#1E8F7D
- extensionButton.prominentHoverBackground#17705F
- focusBorder#1E8F7D80
- foreground#16262A
- input.background#FFFFFF
- input.border#CBE0DB
- input.foreground#16262A
- input.placeholderForeground#9CB8B4
- list.activeSelectionBackground#CBE0DB
- list.activeSelectionForeground#16262A
- list.highlightForeground#1E8F7D
- list.hoverBackground#DCEEEA
- list.inactiveSelectionBackground#D9EAE5
- notificationCenterHeader.background#E1EFEC
- notifications.background#E1EFEC
- notifications.border#CBE0DB
- notifications.foreground#16262A
- panel.background#E6F1EE
- panel.border#CBE0DB
- panelTitle.activeForeground#16262A
- panelTitle.inactiveForeground#4A6663
- peekView.border#1E8F7D
- peekViewEditor.background#EEF7F5
- peekViewResult.background#E1EFEC
- progressBar.background#1E8F7D
- scrollbarSlider.activeBackground#1E8F7D80
- scrollbarSlider.background#CBE0DB70
- scrollbarSlider.hoverBackground#CBE0DBA0
- sideBar.background#E6F1EE
- sideBar.border#CBE0DB
- sideBar.foreground#4A6663
- sideBarSectionHeader.background#D9EAE5
- sideBarSectionHeader.foreground#16262A
- sideBarTitle.foreground#16262A
- statusBar.background#1E8F7D
- statusBar.debuggingBackground#C85F5A
- statusBar.foreground#EEF7F5
- statusBar.noFolderBackground#1E8F7D
- statusBarItem.hoverBackground#17705F
- tab.activeBackground#EEF7F5
- tab.activeBorderTop#1E8F7D
- tab.activeForeground#16262A
- tab.border#CBE0DB
- tab.inactiveBackground#D9EAE5
- tab.inactiveForeground#4A6663
- terminal.ansiBlack#16262A
- terminal.ansiBlue#2E7FBE
- terminal.ansiBrightBlack#7FA39D
- terminal.ansiBrightBlue#4A93CE
- terminal.ansiBrightCyan#2EB39A
- terminal.ansiBrightGreen#4FB682
- terminal.ansiBrightMagenta#9678D6
- terminal.ansiBrightRed#D97873
- terminal.ansiBrightWhite#16262A
- terminal.ansiBrightYellow#D1A83E
- terminal.ansiCyan#1E8F7D
- terminal.ansiGreen#2E9C63
- terminal.ansiMagenta#7A5FC4
- terminal.ansiRed#C85F5A
- terminal.ansiWhite#4A6663
- terminal.ansiYellow#B98A2E
- terminal.background#EEF7F5
- terminal.foreground#16262A
- titleBar.activeBackground#17705F
- titleBar.activeForeground#EEF7F5
- titleBar.inactiveBackground#17705F
- titleBar.inactiveForeground#B7DDD3
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #16262A | — |
| comment, punctuation.definition.comment | #7FA39D | italic |
| keyword, keyword.control, storage.type, storage.modifier | #7A5FC4 | italic |
| string, string.quoted | #2E9C63 | — |
| constant.numeric, constant.language, constant.character | #4A93CE | — |
| entity.name.function, support.function, meta.function-call | #2EB39A | — |
| variable, variable.parameter | #16262A | — |
| entity.name.type, entity.name.class, support.class, support.type | #7A5FC4 | italic |
| entity.name.tag | #2E9C63 | — |
| entity.other.attribute-name | #B98A2E | — |
| keyword.operator, punctuation | #5C7876 | — |
| variable.other.property, meta.object-literal.key | #2E7FA0 | — |
| markup.heading | #1E8F7D | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| invalid, invalid.illegal | #EEF7F5 | — |