KoazieCLRS
Publisher: koazieThemes in package: 5
With the right colors, KoazieCLRS is a beautiful theme collection for your code editor.
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#FFCC79
- activityBar.border#FFCC7960
- activityBar.foreground#DC8C8C
- activityBarBadge.background#FFFFFF
- activityBarBadge.foreground#FFCC79
- badge.background#FFCC7930
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#FFFFFF
- breadcrumb.background#FFCC79
- breadcrumb.focusForeground#DC8C8C
- breadcrumb.foreground#FFFFFF
- breadcrumbPicker.background#FFCC79
- button.background#FFFFFF50
- contrastBorder#FFFFFF40
- debugToolBar.background#FFCC79
- diffEditor.insertedTextBackground#FFFFFF15
- diffEditor.removedTextBackground#FFFFFF20
- dropdown.background#FFCC79
- dropdown.border#FFBCBC10
- editor.background#FFCC79
- editor.findMatchBackground#FFCC79
- editor.findMatchBorder#FFFFFF
- editor.findMatchHighlightBackground#FFFFFF93
- editor.findMatchHighlightBorder#FFBCBC30
- editor.foreground#DC8C8C
- editor.lineHighlightBackground#FFCC7950
- editor.selectionBackground#FFFFFF30
- editor.selectionHighlightBackground#FFFFFF6b
- editor.selectionHighlightBorder#FFFFFFf0
- editorBracketMatch.background#FFCC79
- editorBracketMatch.border#FFFFFF7f
- editorCursor.foreground#FFFFFF
- editorError.foreground#FFFFFF70
- editorGroup.border#FFCC7930
- editorGroupHeader.tabsBackground#FFCC79
- editorGutter.addedBackground#FFFFFF60
- editorGutter.deletedBackground#FFFFFF60
- editorGutter.modifiedBackground#FFFFFF60
- editorHoverWidget.background#FFCC79
- editorHoverWidget.border#FFBCBC10
- editorIndentGuide.activeBackground#FFCC79
- editorIndentGuide.background#FFCC7970
- editorInfo.foreground#FFFFFF70
- editorLineNumber.activeForeground#FFFFFF
- editorLineNumber.foreground#FFFFFFc0
- editorLink.activeForeground#DC8C8C
- editorMarkerNavigation.background#DC8C8C05
- editorOverviewRuler.border#FFCC79
- editorOverviewRuler.errorForeground#FFFFFF40
- editorOverviewRuler.findMatchForeground#FFFFFF
- editorOverviewRuler.infoForeground#FFFFFF40
- editorOverviewRuler.warningForeground#FFFFFF70
- editorRuler.foreground#FFCC79
- editorSuggestWidget.background#FFCC79
- editorSuggestWidget.border#FFBCBC10
- editorSuggestWidget.foreground#DC8C8C
- editorSuggestWidget.highlightForeground#FFFFFF
- editorSuggestWidget.selectedBackground#FFFFFF20
- editorWarning.foreground#FFFFFF
- editorWhitespace.foreground#DC8C8C40
- editorWidget.background#FFCC79
- editorWidget.border#FFFFFF
- editorWidget.resizeBorder#FFFFFF
- extensionButton.prominentBackground#FFFFFF90
- extensionButton.prominentHoverBackground#FFFFFF
- focusBorder#FFBCBC00
- gitDecoration.conflictingResourceForeground#FFFFFF
- gitDecoration.deletedResourceForeground#FFFFFF
- gitDecoration.ignoredResourceForeground#FFFFFF
- gitDecoration.modifiedResourceForeground#FFFFFF
- gitDecoration.untrackedResourceForeground#FFFFFF
- input.background#FFCC79
- input.border#FFBCBC10
- input.foreground#DC8C8C
- input.placeholderForeground#DC8C8C60
- inputOption.activeBackground#DC8C8C30
- inputOption.activeBorder#DC8C8C30
- inputValidation.errorBorder#FFFFFF50
- inputValidation.infoBorder#FFFFFF50
- inputValidation.warningBorder#FFFFFF50
- list.activeSelectionBackground#FFCC79
- list.activeSelectionForeground#FFFFFF
- list.focusBackground#FFCC79
- list.focusForeground#FFFFFF
- list.highlightForeground#FFFFFF
- list.hoverBackground#FFCC79
- list.hoverForeground#FFBCBC
- list.inactiveSelectionBackground#FFCC7930
- list.inactiveSelectionForeground#FFFFFF
- list.warningForeground#FFFFFF
- listFilterWidget.background#FFCC7930
- listFilterWidget.noMatchesOutline#FFCC7930
- listFilterWidget.outline#FFCC7930
- menu.background#FFCC79f8
- menu.border#FFFFFF50
- menu.foreground#DC8C8C
- menu.selectionBackground#FFCC79
- menu.selectionBorder#FFCC7930
- menu.selectionForeground#DC8C8C
- menu.separatorBackground#DC8C8C
- menubar.selectionBackground#FFCC79
- menubar.selectionBorder#FFFFFF50
- menubar.selectionForeground#DC8C8C
- minimap.background#FFCC79
- minimapGutter.addedBackground#FFFFFF
- minimapGutter.deletedBackground#FFFFFF
- minimapGutter.modifiedBackground#FFFFFF
- minimapSlider.activeBackground#FFFFFFb0
- minimapSlider.background#FFFFFF80
- minimapSlider.hoverBackground#FFFFFFa0
- notificationLink.foreground#FFFFFF
- notifications.background#FFCC79
- notifications.foreground#DC8C8C
- panel.background#FFCC79
- panel.border#FFCC7960
- panelTitle.activeBorder#FFFFFF
- panelTitle.activeForeground#FFBCBC
- panelTitle.inactiveForeground#DC8C8C
- peekView.border#FFCC7930
- peekViewEditor.background#DC8C8C05
- peekViewEditor.matchHighlightBackground#FFFFFF50
- peekViewEditorGutter.background#DC8C8C05
- peekViewResult.background#DC8C8C05
- peekViewResult.matchHighlightBackground#FFFFFF50
- peekViewResult.selectionBackground#FFFFFF70
- peekViewTitle.background#DC8C8C05
- peekViewTitleDescription.foreground#DC8C8C60
- pickerGroup.foreground#FFFFFF
- progressBar.background#FFFFFF
- scrollbar.shadow#FFCC7900
- scrollbarSlider.activeBackground#FFFFFFcc
- scrollbarSlider.background#FFFFFFbb
- scrollbarSlider.hoverBackground#FFFFFFee
- selection.background#FFFFFF
- settings.checkboxBackground#FFCC79
- settings.checkboxForeground#DC8C8C
- settings.dropdownBackground#FFCC79
- settings.dropdownForeground#DC8C8C
- settings.headerForeground#FFFFFF
- settings.modifiedItemIndicator#FFFFFF
- settings.numberInputBackground#FFCC79
- settings.numberInputForeground#DC8C8C
- settings.textInputBackground#FFCC79
- settings.textInputForeground#DC8C8C
- sideBar.background#FFCC79
- sideBar.border#FFFFFF50
- sideBar.foreground#FFFFFF
- sideBarSectionHeader.background#FFCC79
- sideBarSectionHeader.border#FFCC7960
- sideBarSectionHeader.foreground#FFFFFF
- sideBarTitle.foreground#DC8C8C
- statusBar.background#FFCC79
- statusBar.border#FFCC7960
- statusBar.debuggingBackground#FFFFFF
- statusBar.debuggingForeground#FFBCBC
- statusBar.foreground#B5856D
- statusBar.noFolderBackground#FFCC79
- statusBarItem.hoverBackground#FFFFFF20
- statusBarItem.remoteBackground#FFFFFF
- statusBarItem.remoteForeground#FFCC79
- tab.activeBackground#a95485b4
- tab.activeBorder#842d43
- tab.activeForeground#FFBCBC
- tab.activeModifiedBorder#FFFFFF
- tab.border#FFCC79
- tab.inactiveBackground#FFFFFF20
- tab.inactiveForeground#DC8C8Caf
- tab.unfocusedActiveBackground#FFFFFF40
- tab.unfocusedActiveBorder#FFFFFF
- tab.unfocusedActiveForeground#DC8C8C
- tab.unfocusedInactiveBackground#FFFFFF10
- tab.unfocusedInactiveForeground#DC8C8C7f
- terminal.ansiBlack#FFCC79
- terminal.ansiBlue#FFFFFF
- terminal.ansiBrightBlack#FFFFFF
- terminal.ansiBrightBlue#FFFFFF
- terminal.ansiBrightCyan#FFFFFF
- terminal.ansiBrightGreen#FFFFFF
- terminal.ansiBrightMagenta#FFFFFF
- terminal.ansiBrightRed#FFFFFF
- terminal.ansiBrightWhite#FFBCBC
- terminal.ansiBrightYellow#FFFFFF
- terminal.ansiCyan#FFFFFF
- terminal.ansiGreen#FFFFFF
- terminal.ansiMagenta#FFFFFF
- terminal.ansiRed#FFFFFF
- terminal.ansiWhite#FFBCBC
- terminal.ansiYellow#FFFFFF
- terminalCursor.background#FFCC79
- terminalCursor.foreground#FFFFFF
- textLink.activeForeground#DC8C8C
- textLink.foreground#FFFFFF
- titleBar.activeBackground#FFCC79
- titleBar.activeForeground#DC8C8C
- titleBar.border#FFCC7960
- titleBar.inactiveBackground#FFCC79
- titleBar.inactiveForeground#FFFFFF
- tree.indentGuidesStroke#FFCC79
- widget.shadow#FFCC7930
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | # | — |
| comment | # | — |
| string | # | — |
| constant.numeric | # | — |
| constant.language | #6885a | — |
| constant.character, constant.other | # | — |
| variable | — | |
| keyword | # | — |
| storage | # | |
| storage.type | # | |
| entity.name.class | # | underline |
| entity.other.inherited-class | # | |
| entity.name.function | # | |
| variable.parameter | # | |
| entity.name.tag | # | |
| entity.other.attribute-name | # | |
| support.function | # | |
| support.constant | # | |
| support.type, support.class | # | |
| support.other.variable | — | |
| invalid | # | |
| invalid.deprecated | # | — |
| meta.structure.dictionary.json string.quoted.double.json | # | — |
| meta.diff, meta.diff.header | # | — |
| markup.deleted | # | — |
| markup.inserted | # | — |
| markup.changed | # | — |
| constant.numeric.line-number.find-in-files - match | # | — |
| entity.name.filename.find-in-files | # | — |
| keyword.other | # | — |
| meta.property-value, support.constant.property-value, constant.other.color | # | — |
| meta.structure.dictionary.json string.quoted.double.json | # | — |
| meta.structure.dictionary.value.json string.quoted.double.json | # | — |
| meta.property-name support.type.property-name | — | normal |
| meta.property-value punctuation.separator.key-value | # | — |
| keyword.other.use, keyword.other.function.use, keyword.other.namespace, keyword.other.new, keyword.other.special-method, keyword.other.unit, keyword.other.use-as | # | — |
| meta.use support.class.builtin, meta.other.inherited-class support.class.builtin | # | normal |
| variable.other | # | normal |
| variable.parameter.function.coffee | # | |
| entity.name.section.markdown | # | — |
| punctuation.definition.heading.markdown | # | — |
| markup.raw.inline.markdown | # | — |
| punctuation.definition.bold.markdown, punctuation.definition.italic.markdown | # | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown | # | — |
| punctuation.definition.metadata.markdown | # | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown, meta.image.inline.markdown | # | |
| markup.bold.markdown, markup.italic.markdown | # | — |
| markup.italic.markdown | — | italic |
| markup.bold.markdown | — | bold |
| markup.raw.block.markdown | # | — |
| markup.deleted.git_gutter | # | — |
| markup.inserted.git_gutter | # | — |
| markup.changed.git_gutter | # | — |
| meta.template.expression | # | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...