Clairity
Publisher: cedvdbThemes in package: 1
an ai generated theme for optimal eye comfort
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#e4e6d2
- activityBar.foreground#283618
- activityBar.inactiveForeground#606c38
- activityBarBadge.background#d88b5e
- activityBarBadge.foreground#fefdf8
- badge.background#d88b5e
- badge.foreground#fefdf8
- button.background#c7d3b1
- button.foreground#283618
- button.hoverBackground#a1a58a
- button.secondaryBackground#dde1c8
- button.secondaryForeground#283618
- button.secondaryHoverBackground#a1a58a
- editor.background#fefdf8
- editor.findMatchBackground#d88b5e44
- editor.findMatchHighlightBackground#d27a3844
- editor.foreground#283618
- editor.inactiveSelectionBackground#c7d3b133
- editor.lineHighlightBackground#f6f4e966
- editor.selectionBackground#c7d3b1bb
- editor.selectionHighlightBackground#c7d3b166
- editorBracketHighlight.foreground1#d27a38
- editorBracketHighlight.foreground2#d88b5e
- editorBracketHighlight.foreground3#606c38
- editorBracketHighlight.foreground4#8E7BB7
- editorBracketHighlight.foreground5#7d8566
- editorBracketHighlight.foreground6#283618
- editorCursor.foreground#283618
- editorLineNumber.activeForeground#283618
- editorLineNumber.foreground#bcc49c
- list.activeSelectionBackground#c7d3b1
- list.activeSelectionForeground#283618
- list.focusOutline#00000000
- list.hoverBackground#e5e9d633
- list.hoverForeground#283618
- list.inactiveFocusOutline#00000000
- list.inactiveSelectionBackground#e5e9d6
- list.inactiveSelectionForeground#283618
- notificationLink.foreground#d27a38
- notifications.background#fefdf8
- notifications.border#c7d3b1
- notifications.foreground#283618
- notificationsErrorIcon.foreground#bc6c25
- notificationsInfoIcon.foreground#606c38
- notificationsWarningIcon.foreground#d88b5e
- notificationToast.border#c7d3b1
- panel.background#f8f7f0
- panel.border#c7d3b1
- sideBar.background#f8f7f0
- sideBar.border#c7d3b1
- sideBar.foreground#283618
- sideBarSectionHeader.background#f8f7f0
- sideBarSectionHeader.foreground#283618
- sideBarTitle.foreground#283618
- statusBar.background#f6f5eb
- statusBar.debuggingBackground#bc6c25
- statusBar.debuggingForeground#fefdf8
- statusBar.foreground#283618
- tab.activeBackground#fefdf8
- tab.activeForeground#283618
- tab.border#c7d3b1
- tab.inactiveBackground#f8f7f0
- tab.inactiveForeground#7d8566
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #606c38 | italic |
| string | #606c38 | — |
| constant.numeric | #d88b5e | — |
| variable | #283618 | — |
| meta.object-literal.key, variable.other.readwrite | #8E7BB7 | — |
| constant.language.undefined, constant.language.null, keyword.operator.ternary | #8e7bb7 | — |
| keyword | #606c38 | bold |
| entity.name.function | #d27a38 | — |
| storage.type | #606c38 | bold |
| entity.name.type, support.class, support.type, entity.name.tag | #5B8C6A | — |
| punctuation | #283618 | — |
| punctuation.definition.block | #283618 | — |
| punctuation.definition.import, punctuation.definition.bracket, punctuation.section.group, punctuation.section.array, punctuation.section.block, punctuation.section.parens, punctuation.bracket | #283618 | — |
| meta.parameters.ts entity.name.type.ts, meta.variable.declaration.ts entity.name.type.ts, meta.field.declaration.ts entity.name.type.ts, meta.return.type.ts entity.name.type.ts, meta.parameters.ts support.type.primitive.ts, meta.variable.declaration.ts support.type.primitive.ts, meta.field.declaration.ts support.type.primitive.ts, meta.return.type.ts support.type.primitive.ts, variable.language.this, variable.language.super | #5B8C6A | — |
| storage.modifier | #606C38 | bold |
| support.type.property-name.json | #8E7BB7 | — |
| constant.numeric.json | #9C6644 | — |
| constant.language.json | #9C6644 | — |