CIMTheme
Publisher: Cenk ImrenThemes in package: 1
A high-contrast dark VS Code theme using a deep navy base with gold and blue accents.
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.activeBackground#0c1826
- activityBar.activeBorder#f3ac20
- activityBar.background#08111d
- activityBar.foreground#ffffff
- activityBar.inactiveForeground#8c9bad
- activityBarBadge.background#f3ac20
- activityBarBadge.foreground#08111d
- badge.background#f3ac20
- badge.foreground#08111d
- breadcrumb.activeSelectionForeground#f3ac20
- breadcrumb.background#0c1826
- breadcrumb.focusForeground#ffffff
- breadcrumb.foreground#aebccc
- button.background#f3ac20
- button.foreground#08111d
- button.hoverBackground#ffc24a
- button.secondaryBackground#123250
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#0876bc
- checkbox.background#08111d
- checkbox.border#36516e
- checkbox.foreground#ffffff
- descriptionForeground#c3cedb
- diffEditor.border#172a40
- diffEditor.insertedTextBackground#2fb36d33
- diffEditor.removedTextBackground#ff6b7a33
- disabledForeground#8c9bad
- dropdown.background#08111d
- dropdown.border#36516e
- dropdown.foreground#ffffff
- editor.background#0c1826
- editor.findMatchBackground#f3ac20
- editor.findMatchForeground#08111d
- editor.findMatchHighlightBackground#0876bc66
- editor.foreground#ffffff
- editor.inactiveSelectionBackground#0876bc40
- editor.lineHighlightBackground#ffffff0a
- editor.lineHighlightBorder#ffffff00
- editor.selectionBackground#0876bc66
- editor.selectionHighlightBackground#f3ac2026
- editor.wordHighlightBackground#f3ac2026
- editor.wordHighlightStrongBackground#0876bc55
- editorBracketMatch.background#f3ac2026
- editorBracketMatch.border#f3ac20
- editorCodeLens.foreground#8c9bad
- editorCursor.foreground#f3ac20
- editorError.foreground#ff6b7a
- editorGroup.border#172a40
- editorGroupHeader.tabsBackground#08111d
- editorGroupHeader.tabsBorder#172a40
- editorGutter.addedBackground#2fb36d
- editorGutter.background#0c1826
- editorGutter.deletedBackground#ff6b7a
- editorGutter.modifiedBackground#0876bc
- editorHint.foreground#8c9bad
- editorIndentGuide.activeBackground1#f3ac20
- editorIndentGuide.background1#24384f
- editorInfo.foreground#33a6f2
- editorLineNumber.activeForeground#f3ac20
- editorLineNumber.foreground#5d728a
- editorRuler.foreground#24384f
- editorWarning.foreground#f3ac20
- editorWhitespace.foreground#36516e
- errorForeground#ff6b7a
- focusBorder#f3ac20
- foreground#ffffff
- gitDecoration.addedResourceForeground#5ed890
- gitDecoration.deletedResourceForeground#ff8793
- gitDecoration.ignoredResourceForeground#6f8195
- gitDecoration.modifiedResourceForeground#62c0ff
- gitDecoration.renamedResourceForeground#f3ac20
- gitDecoration.untrackedResourceForeground#5ed890
- icon.foreground#d8e2ee
- input.background#08111d
- input.border#36516e
- input.foreground#ffffff
- input.placeholderForeground#91a0b2
- inputOption.activeBackground#f3ac2033
- inputOption.activeBorder#f3ac20
- inputValidation.errorBackground#3a0d17
- inputValidation.errorBorder#ff6b7a
- inputValidation.infoBackground#092842
- inputValidation.infoBorder#0876bc
- inputValidation.warningBackground#3a2a07
- inputValidation.warningBorder#f3ac20
- list.activeSelectionBackground#f3ac20
- list.activeSelectionForeground#0c1826
- list.activeSelectionIconForeground#0c1826
- list.errorForeground#ff6b7a
- list.focusBackground#123250
- list.focusForeground#ffffff
- list.highlightForeground#f3ac20
- list.hoverBackground#13253a
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#123250
- list.inactiveSelectionForeground#ffffff
- list.warningForeground#f3ac20
- notificationCenterHeader.background#102034
- notificationCenterHeader.foreground#ffffff
- notificationLink.foreground#33a6f2
- notifications.background#08111d
- notifications.border#172a40
- notifications.foreground#ffffff
- panel.background#08111d
- panel.border#172a40
- panelTitle.activeBorder#f3ac20
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#8c9bad
- peekView.border#f3ac20
- peekViewEditor.background#08111d
- peekViewResult.background#0c1826
- peekViewTitle.background#08111d
- peekViewTitleDescription.foreground#aebccc
- peekViewTitleLabel.foreground#ffffff
- pickerGroup.border#24384f
- pickerGroup.foreground#f3ac20
- progressBar.background#f3ac20
- quickInput.background#08111d
- quickInput.foreground#ffffff
- quickInputTitle.background#102034
- sash.hoverBorder#f3ac20
- scrollbar.shadow#00000066
- scrollbarSlider.activeBackground#f3ac2088
- scrollbarSlider.background#36516e88
- scrollbarSlider.hoverBackground#0876bc88
- selection.background#0876bc66
- sideBar.background#0c1826
- sideBar.border#172a40
- sideBar.foreground#f2f6fb
- sideBarSectionHeader.background#102034
- sideBarSectionHeader.border#1d334c
- sideBarSectionHeader.foreground#ffffff
- sideBarTitle.foreground#ffffff
- statusBar.background#08111d
- statusBar.border#172a40
- statusBar.debuggingBackground#f3ac20
- statusBar.debuggingForeground#08111d
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#102034
- statusBarItem.hoverBackground#123250
- statusBarItem.remoteBackground#0876bc
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#0c1826
- tab.activeBorderTop#f3ac20
- tab.activeForeground#ffffff
- tab.border#172a40
- tab.hoverBackground#102034
- tab.hoverForeground#ffffff
- tab.inactiveBackground#08111d
- tab.inactiveForeground#9aaabc
- tab.unfocusedActiveForeground#d8e2ee
- tab.unfocusedInactiveForeground#74879d
- terminal.ansiBlack#08111d
- terminal.ansiBlue#33a6f2
- terminal.ansiBrightBlack#5d728a
- terminal.ansiBrightBlue#62c0ff
- terminal.ansiBrightCyan#7fdcff
- terminal.ansiBrightGreen#5ed890
- terminal.ansiBrightMagenta#d8a4ff
- terminal.ansiBrightRed#ff8793
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffc24a
- terminal.ansiCyan#33c3e6
- terminal.ansiGreen#2fb36d
- terminal.ansiMagenta#c47aff
- terminal.ansiRed#ff6b7a
- terminal.ansiWhite#e8f1fb
- terminal.ansiYellow#f3ac20
- terminal.background#08111d
- terminal.foreground#ffffff
- textBlockQuote.background#102034
- textBlockQuote.border#f3ac20
- textCodeBlock.background#08111d
- textLink.activeForeground#f3ac20
- textLink.foreground#33a6f2
- textPreformat.foreground#e8f1fb
- textSeparator.foreground#24384f
- titleBar.activeBackground#08111d
- titleBar.activeForeground#ffffff
- titleBar.border#172a40
- titleBar.inactiveBackground#08111d
- titleBar.inactiveForeground#8c9bad
- widget.shadow#00000066
- window.activeBorder#f3ac20
- window.inactiveBorder#13253a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6f8795 | italic |
| string, constant.other.symbol, markup.heading | #c3e88d | — |
| constant.numeric, constant.language, support.constant, variable.other.constant | #f78c6c | — |
| keyword, storage.type, storage.modifier, punctuation.definition.keyword | #c792ea | — |
| entity.name.function, support.function, meta.function-call | #82aaff | — |
| entity.name.type, entity.name.class, support.type, support.class | #ffcb6b | — |
| variable, variable.other, entity.name.variable, meta.object-literal.key | #eeffff | — |
| variable.parameter, meta.parameter | #f78c6c | — |
| entity.name.tag, entity.name.tag.html, entity.name.tag.xml, punctuation.definition.tag, meta.tag punctuation.definition.tag, meta.tag.sgml.doctype, meta.tag.structure.any.html | #ff5370 | — |
| support.type.property-name, meta.property-name | #82aaff | — |
| entity.other.attribute-name, support.variable.property | #ffcb6b | — |
| punctuation, meta.brace, meta.delimiter | #89ddff | — |
| invalid, invalid.illegal | #ffffff | — |
| markup.deleted | #ff5370 | — |
| markup.inserted | #c3e88d | — |
| markup.changed | #ffcb6b | — |