Cookie Tin Theme
Publisher: Gabriel LathosThemes in package: 5
Celestial theme for butter cookies that love to code
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#2f2d58
- activityBar.foreground#DDD5C0
- activityBar.inactiveForeground#AAA3B1
- activityBarBadge.background#B397CA
- activityBarBadge.foreground#1e1d38
- badge.background#B397CA
- badge.foreground#1e1d38
- button.background#2f2d58
- button.foreground#F1EBDD
- button.hoverBackground#3b3970
- button.secondaryBackground#5D5258
- button.secondaryForeground#F1EBDD
- button.secondaryHoverBackground#6D6168
- descriptionForeground#AAA3B1
- dropdown.background#2f293d
- dropdown.border#5D5258
- dropdown.foreground#F1EBDD
- editor.background#1e1d38
- editor.findMatchBackground#B397CA99
- editor.findMatchHighlightBackground#B397CA44
- editor.foreground#F1EBDD
- editor.inactiveSelectionBackground#2f2d5866
- editor.lineHighlightBackground#2f2d58
- editor.selectionBackground#2f2d58AA
- editor.selectionHighlightBackground#B397CA33
- editorBracketMatch.background#5D525899
- editorBracketMatch.border#DDD5C0
- editorCursor.foreground#DDD5C0
- editorGroupHeader.tabsBackground#2f2d58
- editorIndentGuide.activeBackground1#B397CA66
- editorIndentGuide.background1#5D525855
- editorLineNumber.activeForeground#DDD5C0
- editorLineNumber.foreground#756D80
- editorSuggestWidget.selectedBackground#3b3970
- editorWhitespace.foreground#5D525866
- editorWidget.background#2f2d58
- editorWidget.border#5D5258
- errorForeground#D6979D
- focusBorder#B397CA
- foreground#F1EBDD
- input.background#2f293d
- input.border#5D5258
- input.foreground#F1EBDD
- list.activeSelectionBackground#2f2d58
- list.activeSelectionForeground#F1EBDD
- list.focusBackground#3b3970
- list.focusForeground#F1EBDD
- list.focusHighlightForeground#DDD5C0
- list.focusOutline#B397CA66
- list.highlightForeground#DDD5C0
- list.hoverBackground#5D525855
- list.inactiveSelectionBackground#2f2d5888
- notificationCenterHeader.background#3A373E
- notifications.background#2f2d58
- notifications.border#5D5258
- pickerGroup.border#5D5258
- pickerGroup.foreground#DDD5C0
- progressBar.background#DDD5C0
- quickInput.background#2f2d58
- quickInput.foreground#F1EBDD
- quickInputList.focusBackground#3b3970
- quickInputList.focusForeground#F1EBDD
- quickInputList.focusIconForeground#DDD5C0
- quickInputTitle.background#1e1d38
- sideBar.background#2f2d58
- sideBar.foreground#D4CED8
- sideBarSectionHeader.background#2f2d58
- sideBarSectionHeader.foreground#DDD5C0
- sideBarTitle.foreground#DDD5C0
- statusBar.background#2f2d58
- statusBar.debuggingBackground#B397CA
- statusBar.debuggingForeground#1e1d38
- statusBar.foreground#F1EBDD
- statusBar.noFolderBackground#2f2d58
- statusBarItem.hoverBackground#5D5258
- tab.activeBackground#1e1d38
- tab.activeBorderTop#DDD5C0
- tab.activeForeground#F1EBDD
- tab.border#5D525855
- tab.inactiveBackground#2f2d58
- tab.inactiveForeground#AAA3B1
- terminal.background#1e1d38
- terminal.foreground#F1EBDD
- terminalCursor.foreground#DDD5C0
- textLink.activeForeground#F1EBDD
- textLink.foreground#DDD5C0
- titleBar.activeBackground#2f2d58
- titleBar.activeForeground#DDD5C0
- titleBar.inactiveBackground#2f2d58
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #AAA3B1 | italic |
| keyword, storage, storage.type, storage.modifier | #B397CA | — |
| string, constant.other.symbol | #D9C79C | — |
| constant.numeric, constant.language, constant.character, constant.escape | #D6979D | — |
| entity.name.function, meta.function-call, variable.function, support.function | #C9C0F0 | — |
| entity.name.type, entity.name.class, support.type, support.class | #DDD5C0 | — |
| variable, support.variable | #F1EBDD | — |
| entity.name.tag, entity.other.attribute-name | #D9B1C8 | — |
| keyword.operator, punctuation, meta.tag | #C7BEC5 | — |
| invalid, invalid.illegal | #F0B4B8 | — |