tibu-cool-dark
Publisher: TibuDevThemes in package: 1
Tibu Cool Dark Theme
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#1B1D22
- activityBar.border#34383C
- activityBar.foreground#89ddff
- activityBar.inactiveForeground#C9E4FF7f
- activityBarBadge.background#DBB78E
- activityBarBadge.foreground#1B1D22
- badge.background#DBB78E
- badge.foreground#1d1f23
- breadcrumb.background#1d1f23
- breadcrumb.focusForeground#ffffff
- breadcrumb.foreground#D2EBFF
- button.background#FFA228
- button.foreground#1e1e1ef9
- button.hoverBackground#7e57c2
- button.secondaryBackground#3a3d41
- button.secondaryForeground#fffffff9
- button.secondaryHoverBackground#45494e
- debugToolBar.background#2a2a2a
- debugToolBar.borderdefault
- diffEditor.border#34383C
- diffEditor.insertedTextBackground#3b93db24
- diffEditor.insertedTextBorder#3b93db47
- diffEditor.removedTextBackground#ff4e4e24
- diffEditor.removedTextBorder#8a414147
- editor.background#1D1F23
- editor.findMatchBackground#ff7f5055
- editor.findMatchBorder#ff7f5033
- editor.findMatchHighlightBackground#ff7f5033
- editor.findMatchHighlightBorder#ffffff0c
- editor.findRangeHighlightBackground#2a2a2acc
- editor.findRangeHighlightBorder#f2f2f200
- editor.foldBackground#26282B4f
- editor.foreground#eefdff
- editor.hoverHighlightBackground#38383866
- editor.inactiveSelectionBackground#4a4a4a44
- editor.lineHighlightBackground#2C2F327f
- editor.lineHighlightBorder#2C2F32
- editor.rangeHighlightBackground#2a2a2a44
- editor.rangeHighlightBorder#f96f6f0b
- editor.selectionBackground#4a4a4a66
- editor.selectionHighlightBackground#a6a6a65f
- editor.selectionHighlightBorder#00000000
- editor.wordHighlightBackground#38383800
- editor.wordHighlightBorder#575757b8
- editor.wordHighlightStrongBackground#26262620
- editor.wordHighlightStrongBorder#575757b8
- editorBracketHighlight.foreground1#ffd700
- editorBracketHighlight.foreground2#89DDFF
- editorBracketHighlight.foreground3#017ACE
- editorBracketMatch.background#262626
- editorBracketMatch.border#383838
- editorCodeLens.foreground#9ea19c9b
- editorCursor.background#1C1E23
- editorCursor.foreground#ffd700cf
- editorError.backgrounddefault
- editorError.borderdefault
- editorError.foreground#ff4620
- editorGroup.border#34383C
- editorGroup.emptyBackground#1D1F23
- editorGroupHeader.border#34383C
- editorGroupHeader.noTabsBackground#1D1F23
- editorGroupHeader.tabsBackground#1D1F23
- editorGroupHeader.tabsBorder#34383C
- editorGutter.addedBackground#1cf2157f
- editorGutter.background#1D1F23
- editorGutter.deletedBackground#d30c157f
- editorGutter.foldingControlForeground#cbc4c4
- editorGutter.modifiedBackground#3b93db7f
- editorHoverWidget.background#1e1e1e
- editorHoverWidget.borderdefault
- editorHoverWidget.foreground#cccccc
- editorIndentGuide.activeBackgrounddefault
- editorIndentGuide.backgrounddefault
- editorInfo.backgrounddefault
- editorInfo.borderdefault
- editorInfo.foreground#5186b6
- editorLineNumber.activeForeground#ffffff
- editorLineNumber.foreground#4A4F55
- editorLink.activeForeground#7e57c2
- editorMarkerNavigation.background#222429
- editorMarkerNavigationError.background#ff4620
- editorMarkerNavigationInfo.background#5186b6
- editorMarkerNavigationWarning.backgrounddefault
- editorOverviewRuler.backgrounddefault
- editorOverviewRuler.borderdefault
- editorRuler.foreground#89DDFF7f
- editorStickyScroll.backgrounddefault
- editorStickyScroll.border#34383C
- editorSuggestWidget.background#1e1e1e
- editorSuggestWidget.border#383838
- editorSuggestWidget.foreground#ffffff
- editorSuggestWidget.highlightForeground#cfcfcf
- editorSuggestWidget.selectedBackground#D5AC84af
- editorWarning.backgrounddefault
- editorWarning.borderdefault
- editorWarning.foregrounddefault
- editorWhitespace.foreground#262626
- editorWidget.background#2a2a2a
- editorWidget.border#D5AC84
- editorWidget.foreground#cccccc
- editorWidget.resizeBorder#89ddff
- errorLens.errorBackgrounddefault
- errorLens.warningBackgrounddefault
- errorLens.warningForegrounddefault
- focusBorder#D5AC84af
- foreground#DAF2FF
- gitDecoration.addedResourceForegrounddefault
- gitDecoration.conflictingResourceForegrounddefault
- gitDecoration.deletedResourceForegrounddefault
- gitDecoration.ignoredResourceForegrounddefault
- gitDecoration.modifiedResourceForegrounddefault
- gitDecoration.renamedResourceForegrounddefault
- gitDecoration.stageDeletedResourceForegrounddefault
- gitDecoration.stageModifiedResourceForegrounddefault
- gitDecoration.submoduleResourceForegrounddefault
- gitDecoration.untrackedResourceForegrounddefault
- input.background#3c3c3c
- input.border#383838
- input.foreground#DAF2FF
- input.placeholderForeground#DAF2FF
- inputOption.activeBackground#DBB78E7f
- inputOption.activeBorder#DBB78E
- inputOption.activeForeground#DAF2FF
- inputOption.hoverBackgrounddefault
- list.activeSelectionBackground#D5AC84af
- list.activeSelectionForeground#1C1E23
- list.dropBackground#D5AC84af
- list.errorForeground#ff5230
- list.focusBackground#D5AC84af
- list.focusForeground#cfcfcf
- list.focusOutline#7A6754
- list.highlightForeground#cccccc
- list.hoverBackground#D5AC84af
- list.hoverForeground#1C1E23
- list.inactiveFocusOutline#89ddff00
- list.inactiveSelectionBackground#222429
- list.inactiveSelectionForeground#DAF2FF
- list.warningForegrounddefault
- menu.background#1e1e1e
- menu.border#383838
- menu.foreground#ffffff
- menu.selectionBackground#383838
- menu.selectionBorder#ff000000
- menu.selectionForeground#ffffff
- menu.separatorBackground#606060
- menubar.selectionBackground#383838
- menubar.selectionBorder#ff000000
- menubar.selectionForeground#ffffff
- merge.border#383838
- merge.commonContentBackground#383838
- merge.commonHeaderBackground#282828
- merge.currentContentBackground#395f8f
- merge.currentHeaderBackground#37178e
- merge.incomingContentBackground#0193c3
- merge.incomingHeaderBackground#114a56
- notificationCenter.border#D5AC84
- notificationCenterHeader.background#2a2a2a
- notificationCenterHeader.foreground#cccccc
- notifications.background#2a2a2a
- notifications.border#D5AC84
- notifications.foreground#cccccc
- notificationsErrorIcon.foregrounddefault
- notificationsInfoIcon.foregrounddefault
- notificationsWarningIcon.foregrounddefault
- notificationToast.borderdefault
- panel.background#1D1F23
- panel.border#34383C
- panelTitle.activeBorder#2472c8
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#DAF2FFbf
- peekView.border#383838
- peekViewEditor.background#1D1F23
- peekViewEditor.matchHighlightBackground#4a4a4a5f
- peekViewEditor.matchHighlightBorder#ff7f5033
- peekViewEditorGutter.background#1D1F23
- peekViewResult.background#26282B
- peekViewResult.fileForeground#ffffff
- peekViewResult.lineForeground#cfcfcf
- peekViewResult.matchHighlightBackground#4a4a4a
- peekViewResult.selectionBackground#262626
- peekViewResult.selectionForeground#a6a6a6
- peekViewTitle.background#2C2F32
- peekViewTitleDescription.foreground#cfcfcf
- peekViewTitleLabel.foreground#ffffff
- pickerGroup.border#D5AC84
- pickerGroup.foreground#D5AC84
- progressBar.background#89ddff
- scrollbar.shadow#7e57c200
- scrollbarSlider.activeBackground#D5AC84df
- scrollbarSlider.background#D5AC84df
- scrollbarSlider.hoverBackground#D5AC84af
- selection.background#7F8E9E
- sideBar.background#1C1E23
- sideBar.border#34383C
- sideBar.foreground#DAF2FFbf
- sideBarSectionHeader.background#222429
- sideBarSectionHeader.border#34383C
- sideBarSectionHeader.foreground#89DDFF
- sideBarTitle.foreground#C9E4FFbf
- statusBar.background#1B1D22
- statusBar.border#34383C
- statusBar.debuggingBackground#cc3333
- statusBar.debuggingBorder#ffffff40
- statusBar.debuggingForeground#000
- statusBar.foreground#DAF2FFbf
- statusBar.noFolderBackground#1B1D22
- statusBar.noFolderBorder#34383C
- statusBar.noFolderForeground#DAF2FFbf
- statusBarItem.remoteBackground#89ddff
- statusBarItem.remoteForeground#1B1D22
- tab.activeBackground#1B1D22
- tab.activeBorder#89ddff
- tab.activeBorderTop#89ddff
- tab.activeForeground#ffffff
- tab.activeModifiedBorder#6edaa9
- tab.border#383838
- tab.hoverBackground#222429
- tab.hoverBorder#89DDFF
- tab.hoverForeground#D2EBFF
- tab.inactiveBackground#1D1F23
- tab.inactiveForeground#DAF2FF
- terminal.ansiBlack#000000
- terminal.ansiBlue#2472c8
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#3b8eea
- terminal.ansiBrightCyan#29b8db
- terminal.ansiBrightGreen#23d18b
- terminal.ansiBrightMagenta#d670d6
- terminal.ansiBrightRed#f14c4c
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#f5f543
- terminal.ansiCyan#11a8cd
- terminal.ansiGreen#0dbc79
- terminal.ansiMagenta#bc3fbc
- terminal.ansiRed#cd3131
- terminal.ansiWhite#e5e5e5
- terminal.ansiYellow#e5e510
- terminal.background#1D1F23
- terminal.border#34383C
- terminal.foreground#ffffff
- terminalCursor.background#ffffff
- terminalCursor.foreground#2472c8
- titleBar.activeBackground#1e1e1e
- titleBar.activeForeground#ffffff
- titleBar.border#89ddffaf
- titleBar.inactiveBackground#2a2a2a
- titleBar.inactiveForeground#cfcfcf
- tree.inactiveIndentGuidesStroke#D5AC8431
- tree.indentGuidesStroke#89ddffaf
- widget.shadow#D5AC84af
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.separator.key-value.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #89DDFF | — |
| entity.name.tag.html, meta.tag.sgml | #FF5151 | — |
| entity.other.attribute-name.html | #FFCB6B | — |
| text.html.derivative meta.attribute string.quoted | #C3E88D | — |
| source.css entity.name.tag | #89DDFF | — |
| source.css entity.other.attribute-name.class | #017ACE | — |
| source.css entity.other.attribute-name.id, source.css keyword.control.at-rule | #00C79F | — |
| source.css entity.other.attribute-name.pseudo-class | #CF6FCF | — |
| source.css entity.other.attribute-name.pseudo-element | #94D0D2 | — |
| source.css support.type.property-name | #EAD5AA | — |
| source.css support.type.vendored.property-name, source.css support.constant.vendored.property-value | #D5AC84 | — |
| source.css constant.numeric, source.css constant.other.color.rgb-value punctuation.definition.constant | #F78C6C | — |
| source.css keyword.other.unit, source.css constant.other.color | #FFEB95 | — |
| source.css support.constant.property-value, source.css support.function | #8DE794 | — |
| source.css variable.parameter.keyframe-list | #A5D4A0 | — |
| text.html.markdown heading.1 | #89DDFF | — |
| text.html.markdown heading.2 | #017ACE | — |
| text.html.markdown heading | #00C79F | — |
| text.html.markdown markup.inline.raw | #FFFDD0 | — |
| text.html.markdown markup.underline.link | #D5AC84 | — |
| text.html.markdown markup.bold | #FFA228 | bold |
| source.json support.type.property-name | #017ACE | — |
| source.json meta.structure.dictionary.value string.quoted.double | #FFFDD0 | — |
| source.json constant.numeric | #FFA228 | — |
| source.json constant.language.json | #00C79F | — |
| keyword.control.import.js, keyword.control.from.js, keyword.control.import.ts, keyword.control.from.ts | #89DDFF | — |
| meta.import.js variable.other.readwrite, meta.import.ts variable.other.readwrite | #FFFDD0 | — |
| source.js meta.block variable.other.readwrite.alias, source.ts meta.block variable.other.readwrite.alias | #94d0d2 | — |
| meta.import.js string.quoted.single, meta.import.js punctuation.definition.string.begin, meta.import.js punctuation.definition.string.end, meta.import.ts string.quoted.single, meta.import.ts punctuation.definition.string.begin, meta.import.ts punctuation.definition.string.end | #D5AC84 | — |
| punctuation.definition.string, keyword.operator, punctuation.terminator, punctuation.separator, punctuation.accessor, storage.type.function.arrow.js, storage.type.function.arrow.ts | #89DDFF | — |
| source.js punctuation.definition.template-expression, source.ts punctuation.definition.template-expression | #017ACE | — |
| keyword.operator.new.js, keyword.operator.new.ts | #F39652 | — |
| keyword.control.export.js, keyword.control.default.js, keyword.control.flow.js, keyword.control.export.ts, keyword.control.default.ts, keyword.control.flow.ts | #89DDFF | — |
| storage.type.js, storage.type.function.js, storage.type.ts, storage.type.function.ts | #017ACE | — |
| keyword.control.conditional.js, keyword.control.conditional.ts | #017ACE | — |
| meta.var.expr.js keyword.control.flow, storage.modifier.async.js, meta.var.expr.ts keyword.control.flow, storage.modifier.async.ts | #89DDFF | — |
| keyword.control.trycatch.js, keyword.control.trycatch.ts | #89DDFF | — |
| meta.definition.variable.js variable.other.constant.js, meta.definition.variable.js variable.other.readwrite.js, meta.definition.variable.ts variable.other.constant.ts, meta.definition.variable.ts variable.other.readwrite.ts | #FFFDD0 | — |
| variable.other.readwrite.js, variable.other.object.js, variable.other.readwrite.ts, variable.other.object.ts | #FFFDD0 | — |
| meta.block.js variable.other.readwrite.js, meta.block.ts variable.other.readwrite.ts | #FFFDD0 | — |
| meta.definition.function.js, variable.other.constant.js entity.name.function.js, meta.definition.function.ts, variable.other.constant.ts entity.name.function.ts | #D5AC84 | — |
| meta.parameter.object-binding-pattern.js variable.parameter.js, meta.parameter.object-binding-pattern.ts variable.parameter.ts | #94d0d2 | — |
| meta.parameters.js variable.parameter.js, meta.parameters.ts variable.parameter.ts | #CF6FCF | — |
| meta.object-literal.key.js, meta.object-literal.key.ts | #EAD5AA | — |
| meta.object-literal.key.js entity.name.function.js, meta.object-literal.key.ts entity.name.function.ts | #D5AC84 | — |
| meta.object-literal.key.js punctuation.separator.key-value.js, meta.object-literal.key.ts punctuation.separator.key-value.ts | #89DDFF | — |
| meta.object.member.js variable.other.readwrite.js, meta.object.member.ts variable.other.readwrite.ts | #CF6FCF | — |
| meta.object.member.js variable.other.property.js, variable.other.property.js, meta.object.member.ts variable.other.property.ts, meta.object.member.ts variable.other.property.ts | #A5D4A0 | — |
| meta.object.member.js variable.other.object.property.js, variable.other.object.property.js, meta.object.member.ts variable.other.object.property.ts, variable.other.object.property.ts | #8DE794 | — |
| meta.array.literal.js variable.other.object.js, meta.array.literal.ts variable.other.object.ts | #CF6FCF | — |
| meta.array.literal.js variable.other.property.js, meta.array.literal.ts variable.other.property.ts | #E7B6D0 | — |
| meta.array.literal.js variable.other.object.property.js, meta.array.literal.ts variable.other.object.property.ts | #DB93D0 | — |
| meta.function-call.js, meta.function-call.ts | #00C79F | — |
| meta.template.expression.js meta.embedded.line.js, meta.template.expression.ts meta.embedded.line.ts | #94D0D2 | — |
| meta.template.expression.js meta.embedded.line.js variable.other.object.js, meta.template.expression.ts meta.embedded.line.ts variable.other.object.ts | #94D0D2 | — |
| constant.language.boolean.true.js, constant.language.boolean.true.ts | #46cb18 | — |
| constant.language.boolean.false.js, constant.language.boolean.false.ts | #ED3232 | — |
| constant.language.undefined.js, constant.language.null.js, constant.language.undefined.ts, constant.language.null.ts | #FF5151 | — |
| constant.numeric | #ffd155 | — |
| keyword.control.import.js.jsx, keyword.control.from.js.jsx, keyword.control.import.tsx, keyword.control.from.tsx | #89DDFF | — |
| meta.import.js.jsx variable.other.readwrite, meta.import.tsx variable.other.readwrite | #FFFDD0 | — |
| source.js.jsx meta.block variable.other.readwrite.alias, source.tsx meta.block variable.other.readwrite.alias | #94d0d2 | — |
| meta.import.js.jsx string.quoted.single, meta.import.js.jsx punctuation.definition.string.begin, meta.import.js.jsx punctuation.definition.string.end, meta.import.tsx string.quoted.single, meta.import.tsx punctuation.definition.string.begin, meta.import.tsx punctuation.definition.string.end | #D5AC84 | — |
| punctuation.definition.string, keyword.operator, keyword.control, punctuation.terminator, punctuation.separator, punctuation.accessor, storage.type.function.arrow.js.jsx, storage.type.function.arrow.tsx | #89DDFF | — |
| keyword.operator.new.js.jsx, keyword.operator.new.tsx | #F39652 | — |
| keyword.control.export.js.jsx, keyword.control.default.js.jsx, keyword.control.flow.js.jsx, keyword.control.export.tsx, keyword.control.default.tsx, keyword.control.flow.tsx | #89DDFF | — |
| storage.type.js.jsx, storage.type.function.js.jsx, storage.type.tsx, storage.type.function.tsx | #017ACE | — |
| keyword.control.conditional.js.jsx, keyword.control.conditional.tsx | #017ACE | — |
| meta.var.expr.js.jsx keyword.control.flow.js.jsx, storage.modifier.async.js.jsx, meta.var.expr.tsx keyword.control.flow, storage.modifier.async.tsx | #89DDFF | — |
| keyword.control.trycatch.js.jsx, keyword.control.trycatch.tsx | #89DDFF | — |
| meta.definition.variable.js.jsx variable.other.constant.js.jsx, meta.definition.variable.js.jsx variable.other.readwrite.js.jsx, meta.definition.variable.tsx variable.other.constant.tsx, meta.definition.variable.tsx variable.other.readwrite.tsx | #FFFDD0 | — |
| variable.other.readwrite.js.jsx, variable.other.object.js.jsx, variable.other.readwrite.tsx, variable.other.object.tsx | #FFFDD0 | — |
| meta.block.js.jsx variable.other.readwrite.js.jsx, meta.block.tsx variable.other.readwrite.tsx | #FFFDD0 | — |
| meta.definition.function.js.jsx, variable.other.constant.js.jsx entity.name.function.js.jsx, meta.definition.function.tsx, variable.other.constant.tsx entity.name.function.tsx | #D5AC84 | — |
| meta.parameter.object-binding-pattern.js.jsx variable.parameter.js.jsx, meta.parameter.object-binding-pattern.tsx variable.parameter.tsx | #94d0d2 | — |
| meta.parameters.js.jsx variable.parameter.js.jsx, meta.parameters.tsx variable.parameter.tsx | #CF6FCF | — |
| meta.object-literal.key.js.jsx, meta.object-literal.key.tsx | #EAD5AA | — |
| meta.object-literal.key.js.jsx entity.name.function.js.jsx, meta.object-literal.key.tsx entity.name.function.tsx | #D5AC84 | — |
| meta.object-literal.key.js.jsx punctuation.separator.key-value.js.jsx, meta.object-literal.key.tsx punctuation.separator.key-value.tsx | #89DDFF | — |
| meta.object.member.js.jsx variable.other.readwrite.js.jsx, meta.object.member.tsx variable.other.readwrite.tsx | #CF6FCF | — |
| meta.object.member.js.jsx variable.other.property.js.jsx, variable.other.property.js.jsx, meta.object.member.tsx variable.other.property.tsx, variable.other.property.tsx | #A5D4A0 | — |
| meta.object.member.js.jsx variable.other.object.property.js.jsx, variable.other.object.property.js.jsx, meta.object.member.tsx variable.other.object.property.tsx, variable.other.object.property.tsx | #8DE794 | — |
| meta.array.literal.js.jsx variable.other.object.js.jsx, meta.array.literal.tsx variable.other.object.tsx | #CF6FCF | — |
| meta.array.literal.js.jsx variable.other.property.js.jsx, meta.array.literal.tsx variable.other.property.tsx | #E7B6D0 | — |
| meta.array.literal.js.jsx variable.other.object.property.js.jsx, meta.array.literal.tsx variable.other.object.property.tsx | #DB93D0 | — |
| meta.function-call.js.jsx, meta.function-call.tsx | #00C79F | — |
| meta.template.expression.js.jsx meta.embedded.line.js.jsx, meta.template.expression.tsx meta.embedded.line.tsx | #94D0D2 | — |
| meta.template.expression.js.jsx meta.embedded.line.js.jsx variable.other.object.js.jsx, meta.template.expression.tsx meta.embedded.line.tsx variable.other.object.tsx | #94D0D2 | — |
| constant.language.boolean.true.js.jsx, constant.language.boolean.true.tsx | #46cb18 | — |
| constant.language.boolean.false.js.jsx, constant.language.boolean.false.tsx | #ED3232 | — |
| constant.language.undefined.js.jsx, constant.language.null.js.jsx, constant.language.undefined.tsx, constant.language.null.tsx | #FF5151 | — |
| source.js.jsx constant.numeric, source.tsx constant.numeric | #ffd155 | — |
| punctuation.definition.tag.begin.js.jsx, punctuation.definition.tag.end.js.jsx, punctuation.separator.key-value.js.jsx, punctuation.definition.tag.begin.tsx, punctuation.definition.tag.end.tsx, punctuation.separator.key-value.tsx | #89DDFF | — |
| entity.name.tag.js.jsx, entity.name.tag.tsx, meta.tag.sgml | #FF5151 | — |
| entity.other.attribute-name.js.jsx, entity.other.attribute-name.tsx | #FFCB6B | — |
| meta.tag.attributes.js.jsx string.quoted, meta.tag.attributes.tsx string.quoted | #C3E88D | — |
| storage.type | #017ACE | — |
| source.ts entity.name.type | #FFA228 | — |
| source.ts storage.modifier | #89DDFF | — |
| source.ts entity.other.inherited-class | #E2795A | — |
| source.ts variable.object.property, source.ts meta.definition.property, source.ts meta.indexer.declaration variable.parameter.ts | #FFFDD0 | — |
| source.ts support.type.primitive, source.ts support.type.builtin | #00C79F | — |
| comment | #7f848e | italic |