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#352452
- activityBar.foreground#DDD5C0
- activityBar.inactiveForeground#B4A9C4
- activityBarBadge.background#C3A2F2
- activityBarBadge.foreground#21172F
- badge.background#C3A2F2
- badge.foreground#21172F
- button.background#49306F
- button.foreground#F1EBDD
- button.hoverBackground#5A3D86
- button.secondaryBackground#66536E
- button.secondaryForeground#F1EBDD
- button.secondaryHoverBackground#76617F
- descriptionForeground#B4A9C4
- dropdown.background#302040
- dropdown.border#66536E
- dropdown.foreground#F1EBDD
- editor.background#1e1d38
- editor.findMatchBackground#C3A2F299
- editor.findMatchHighlightBackground#C3A2F244
- editor.foreground#F1EBDD
- editor.inactiveSelectionBackground#49306F66
- editor.lineHighlightBackground#352452
- editor.selectionBackground#49306FAA
- editor.selectionHighlightBackground#C3A2F233
- editorBracketMatch.background#66536E99
- editorBracketMatch.border#DDD5C0
- editorCursor.foreground#DDD5C0
- editorGroupHeader.tabsBackground#352452
- editorIndentGuide.activeBackground1#C3A2F266
- editorIndentGuide.background1#66536E55
- editorLineNumber.activeForeground#DDD5C0
- editorLineNumber.foreground#82728F
- editorSuggestWidget.selectedBackground#49306F88
- editorWhitespace.foreground#66536E66
- editorWidget.background#352452
- editorWidget.border#66536E
- errorForeground#D6979D
- focusBorder#C3A2F2
- foreground#F1EBDD
- input.background#302040
- input.border#66536E
- input.foreground#F1EBDD
- list.activeSelectionBackground#49306F
- list.activeSelectionForeground#F1EBDD
- list.highlightForeground#DDD5C0
- list.hoverBackground#66536E55
- list.inactiveSelectionBackground#49306F88
- notificationCenterHeader.background#42334A
- notifications.background#352452
- notifications.border#66536E
- progressBar.background#DDD5C0
- sideBar.background#352452
- sideBar.foreground#D8D0DF
- sideBarSectionHeader.background#352452
- sideBarSectionHeader.foreground#DDD5C0
- sideBarTitle.foreground#DDD5C0
- statusBar.background#352452
- statusBar.debuggingBackground#C3A2F2
- statusBar.debuggingForeground#21172F
- statusBar.foreground#F1EBDD
- statusBar.noFolderBackground#352452
- statusBarItem.hoverBackground#66536E
- tab.activeBackground#21172F
- tab.activeBorderTop#DDD5C0
- tab.activeForeground#F1EBDD
- tab.border#66536E55
- tab.inactiveBackground#352452
- tab.inactiveForeground#B4A9C4
- terminal.background#21172F
- terminal.foreground#F1EBDD
- terminalCursor.foreground#DDD5C0
- textLink.activeForeground#F1EBDD
- textLink.foreground#DDD5C0
- titleBar.activeBackground#352452
- titleBar.activeForeground#DDD5C0
- titleBar.inactiveBackground#352452
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #B4A9C4 | italic |
| keyword, storage, storage.type, storage.modifier | #C3A2F2 | — |
| string, constant.other.symbol | #D9C79C | — |
| constant.numeric, constant.language, constant.character, constant.escape | #D6979D | — |
| entity.name.function, meta.function-call, variable.function, support.function | #D2B8FF | — |
| entity.name.type, entity.name.class, support.type, support.class | #DDD5C0 | — |
| variable, support.variable | #F1EBDD | — |
| entity.name.tag, entity.other.attribute-name | #DDB6D5 | — |
| keyword.operator, punctuation, meta.tag | #CEC3D2 | — |
| invalid, invalid.illegal | #F0B4B8 | — |