tomixrm Color Theme
Publisher: tomixrmThemes in package: 1
A dark color theme inspired by Monokai, featuring a warm dark UI with carefully balanced syntax colors.
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.activeBorder#ff9940
- activityBar.background#fafafa
- activityBar.border#fafafa33
- activityBar.foreground#545c64
- activityBar.inactiveForeground#7f8790
- activityBarBadge.background#ff9940
- activityBarBadge.foreground#fafafa
- badge.background#cc5f00
- badge.foreground#fff4ec
- button.background#ff9940
- button.border#00000000
- button.foreground#fafafa
- button.hoverBackground#f9943b
- button.secondaryBackground#959da6
- button.secondaryForeground#fafafa
- button.secondaryHoverBackground#848c95
- chat.avatarBackground#403b44
- chat.avatarForeground#f7f4ef
- chat.checkpointSeparator#524c58
- chat.editedFileForeground#e8c15d
- chat.requestBackground#3a353d
- chat.requestBorder#524c58
- chat.slashCommandBackground#ff994026
- chat.slashCommandForeground#ff9940
- chat.thinkingShimmer#f7f4ef66
- debugConsole.errorForeground#ff6b90
- debugConsole.infoForeground#7dd7e6
- debugConsole.sourceForeground#fffdf8
- debugConsole.warningForeground#ff9d6b
- debugConsoleInputIcon.foreground#ff9940
- debugExceptionWidget.background#403b44
- debugExceptionWidget.border#524c58
- debugView.stateLabelForeground#ffce46
- debugView.valueChangedHighlight#ffce4633
- descriptionForeground#9f99a4
- diffEditor.insertedLineBackground#04dfc114
- diffEditor.insertedTextBackground#04dfc126
- diffEditor.removedLineBackground#b6074712
- diffEditor.removedTextBackground#b6074720
- disabledForeground#b3b9bf
- dropdown.background#ffffff
- dropdown.border#dcdee1
- dropdown.foreground#959da6
- dropdown.listBackground#ffffff
- editor.background#2f2b31
- editor.findMatchBackground#e8c15d33
- editor.findMatchHighlightBackground#e8c15d1f
- editor.findRangeHighlightBackground#ffffff10
- editor.foreground#c8c8c8
- editor.hoverHighlightBackground#ffffff10
- editor.inactiveSelectionBackground#f7f4ef12
- editor.lineHighlightBackground#f7f4ef0d
- editor.selectionBackground#c9c4ce26
- editor.selectionForeground#f7f4ef
- editor.selectionHighlightBackground#ffffff12
- editor.wordHighlightBackground#ffffff12
- editor.wordHighlightStrongBackground#ff994026
- editorBracketHighlight.foreground1#ff6b90
- editorBracketHighlight.foreground2#ff9d6b
- editorBracketHighlight.foreground3#e8c15d
- editorBracketHighlight.foreground4#9ed06c
- editorBracketHighlight.foreground5#7dd7e6
- editorBracketHighlight.foreground6#b39af5
- editorBracketMatch.background#f7f4ef12
- editorBracketMatch.border#8d8892
- editorCodeLens.foreground#8d8892
- editorCursor.foreground#ff9940
- editorError.foreground#b60747
- editorGroup.border#959da61a
- editorGroupHeader.border#fafafa33
- editorGroupHeader.noTabsBackground#fafafa
- editorGroupHeader.tabsBackground#fafafa
- editorGroupHeader.tabsBorder#fafafa33
- editorGutter.addedBackground#04b9a4
- editorGutter.deletedBackground#b60747
- editorGutter.modifiedBackground#c79602
- editorHint.foreground#8d8892
- editorHoverWidget.background#403b44
- editorHoverWidget.border#524c58
- editorHoverWidget.foreground#c9c4ce
- editorIndentGuide.activeBackground1#8d889266
- editorIndentGuide.background1#8d889230
- editorInfo.foreground#04b9a4
- editorLineNumber.activeForeground#c9c4ce
- editorLineNumber.foreground#8d889288
- editorLink.activeForeground#7dd7e6
- editorStickyScroll.background#2f2b31
- editorStickyScroll.border#524c58
- editorStickyScroll.shadow#19181a40
- editorStickyScrollHover.background#403b44
- editorSuggestWidget.background#403b44
- editorSuggestWidget.border#524c58
- editorSuggestWidget.foreground#c9c4ce
- editorSuggestWidget.highlightForeground#f7f4ef
- editorSuggestWidget.selectedBackground#ffffff14
- editorSuggestWidget.selectedForeground#f7f4ef
- editorWarning.foreground#f68b00
- editorWhitespace.foreground#8d889244
- editorWidget.background#2E2B31
- editorWidget.border#524c58
- editorWidget.foreground#c9c4ce
- editorWidget.resizeBorder#ff9940
- errorForeground#ed4a86
- extensionButton.prominentBackground#ff9940
- extensionButton.prominentForeground#fafafa
- extensionButton.prominentHoverBackground#f9943b
- focusBorder#5b595c
- foreground#8d8892
- gitDecoration.addedResourceForeground#04b9a4
- gitDecoration.deletedResourceForeground#b60747
- gitDecoration.ignoredResourceForeground#b3b9bf
- gitDecoration.modifiedResourceForeground#c79602
- gitDecoration.untrackedResourceForeground#7c9900
- icon.foreground#9c9c9c
- input.background#ffffff
- input.border#dcdee1
- input.foreground#6c7680
- input.placeholderForeground#b3b9bf
- inputOption.activeBackground#ff994026
- inputOption.activeBorder#ff9940
- inputOption.hoverBackground#959da61a
- inputValidation.errorBackground#fafafa
- inputValidation.errorBorder#b60747
- inputValidation.errorForeground#6c7680
- inputValidation.infoBackground#fafafa
- inputValidation.infoBorder#04dfc1
- inputValidation.infoForeground#6c7680
- inputValidation.warningBackground#fafafa
- inputValidation.warningBorder#f68b00
- inputValidation.warningForeground#6c7680
- list.activeSelectionBackground#959da61a
- list.activeSelectionForeground#959da6
- list.dropBackground#ff99401f
- list.focusBackground#959da61a
- list.focusForeground#959da6
- list.highlightForeground#fc8a27
- list.hoverBackground#959da61a
- list.hoverForeground#959da6
- list.inactiveSelectionBackground#959da61a
- list.inactiveSelectionForeground#959da6
- list.invalidItemForeground#b3b9bf
- menu.background#ffffff
- menu.foreground#6c7680
- menu.selectionBackground#959da61a
- menu.selectionForeground#6c7680
- menu.separatorBackground#dcdee1
- notebook.cellBorderColor#524c58
- notebook.cellEditorBackground#2f2b31
- notebook.editorBackground#2f2b31
- notebook.focusedCellBackground#3a353d
- notebook.focusedCellBorder#ff9940
- notebook.inactiveFocusedCellBorder#524c58
- notebook.selectedCellBackground#3a353d
- notificationCenterHeader.background#fafafa
- notificationCenterHeader.foreground#6c7680
- notifications.background#fafafa
- notifications.border#dcdee1
- notifications.foreground#6c7680
- panel.background#2f2b31
- panel.border#524c58
- panelSectionHeader.background#3a353d
- panelSectionHeader.border#524c58
- panelSectionHeader.foreground#c9c4ce
- panelStickyScroll.background#2f2b31
- panelStickyScroll.border#524c58
- panelStickyScroll.shadow#2f2b31
- panelTitle.activeBorder#e8c15d
- panelTitle.activeForeground#d4a83b
- panelTitle.inactiveForeground#8d8892
- panelTitleBadge.background#ff9940
- panelTitleBadge.foreground#fffaf2
- peekView.border#ff9940
- peekViewEditor.background#2f2b31
- peekViewEditor.matchHighlightBackground#e8c15d26
- peekViewResult.background#3a353d
- peekViewResult.matchHighlightBackground#e8c15d26
- peekViewResult.selectionBackground#ffffff14
- peekViewTitle.background#3a353d
- pickerGroup.border#dcdee1
- pickerGroup.foreground#ff9940
- problemsErrorIcon.foreground#ff6b90
- problemsInfoIcon.foreground#7dd7e6
- problemsWarningIcon.foreground#e8c15d
- progressBar.background#ff9940
- quickInput.background#fafafa
- quickInput.foreground#6c7680
- quickInputTitle.background#fafafa
- scrollbar.shadow#959da61a
- scrollbarSlider.activeBackground#959da6b3
- scrollbarSlider.background#959da666
- scrollbarSlider.hoverBackground#959da699
- selection.background#919191fd
- sideBar.background#fafafa
- sideBar.border#fafafa33
- sideBar.foreground#4f4f4f
- sideBarSectionHeader.background#fafafa
- sideBarSectionHeader.border#fafafa33
- sideBarSectionHeader.foreground#959da6
- sideBarTitle.foreground#6a6a6a
- statusBar.background#fafafa
- statusBar.border#fafafa33
- statusBar.debuggingBackground#ed9366
- statusBar.debuggingForeground#fafafa
- statusBar.foreground#959da6
- statusBar.noFolderBackground#ffffff
- statusBarItem.activeBackground#00000050
- statusBarItem.hoverBackground#00000030
- statusBarItem.prominentBackground#959da61a
- statusBarItem.prominentHoverBackground#00000030
- tab.activeBackground#fafafa
- tab.activeBorder#ff9940
- tab.activeBorderTop#ff9940
- tab.activeForeground#6c7680
- tab.border#fafafa33
- tab.inactiveBackground#e6e6e6
- tab.inactiveForeground#959da6
- tab.unfocusedActiveBorder#959da6
- tab.unfocusedActiveBorderTop#959da6
- tab.unfocusedActiveForeground#959da6
- tab.unfocusedInactiveForeground#959da6
- terminal.ansiBlack#403b44
- terminal.ansiBlue#6fa8ff
- terminal.ansiBrightBlack#8d8892
- terminal.ansiBrightBlue#8bbcff
- terminal.ansiBrightCyan#95e3ef
- terminal.ansiBrightGreen#b4df8a
- terminal.ansiBrightMagenta#c7b2ff
- terminal.ansiBrightRed#ff85a4
- terminal.ansiBrightWhite#fffefb
- terminal.ansiBrightYellow#f1d57d
- terminal.ansiCyan#7dd7e6
- terminal.ansiGreen#9ed06c
- terminal.ansiMagenta#b39af5
- terminal.ansiRed#ff6b90
- terminal.ansiWhite#fffdf8
- terminal.ansiYellow#e8c15d
- terminal.background#2f2b31
- terminal.foreground#fffdf8
- terminal.selectionBackground#f7f4ef26
- terminalCursor.background#00000000
- terminalCursor.foreground#f7f4ef
- textBlockQuote.background#675a30
- textBlockQuote.border#ffce46
- textCodeBlock.background#959da61a
- textLink.activeForeground#f37f19
- textLink.foreground#ff9940
- textPreformat.foreground#675a30
- titleBar.activeBackground#fafafa
- titleBar.activeForeground#6c7680
- titleBar.border#fafafa33
- titleBar.inactiveBackground#fafafa
- titleBar.inactiveForeground#959da6
- widget.border#5b595c
- widget.shadow#19181a40
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #faf8f5 | — |
| comment, punctuation.definition.comment, comment.block.documentation, comment.line.double-slash.documentation | #807c82 | italic |
| keyword, keyword.control, keyword.operator, keyword.operator.new, storage, storage.modifier, storage.type.modifier | #ff668c | — |
| storage.type, entity.name.type, entity.name.class, entity.name.namespace, entity.other.inherited-class, support.type, support.class, support.type.primitive, meta.type, meta.return-type | #7bdae7 | italic |
| punctuation, meta.brace, meta.delimiter | #939194 | — |
| string, string.quoted, string.template, markup.inline.raw, markup.raw.block, markup.raw.block.fenced | #f4cd62 | — |
| constant.character.escape, string.regexp, string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end, constant.other.symbol | #af9cf4 | — |
| constant.numeric, constant.language, constant.character, constant.other, variable.other.constant, entity.name.constant, support.constant, support.variable | #af9cf4 | — |
| entity.name.function, entity.name.function.member, support.function, variable.function, meta.function-call, meta.function, meta.method, support.macro | #a4d671 | — |
| variable, variable.other, variable.other.readwrite, meta.object.member | #faf8f5 | — |
| variable.parameter, parameters variable.function | #fe9b69 | italic |
| variable.language, variable.language.this, variable.language.self, variable.parameter.function.language.special.self, variable.parameter.function.language.special.cls | #bdb9be | italic |
| variable.other.property, variable.other.member, variable.other.property.static, support.type.property-name, support.variable.property | #faf8f5 | — |
| entity.other.attribute-name | #7bdae7 | italic |
| entity.name.tag, meta.tag, punctuation.definition.tag | #ff668c | — |
| source.json meta.mapping.key string, source.yaml meta.mapping.key string, support.type.property-name.json | #faf8f5 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector-suffix.css, entity.other.attribute-name.css, entity.other.animation-name.css | #a4d671 | — |
| entity.other.attribute-name.id.css, source.sass variable.other, source.sass variable.sass, source.scss variable.other, source.scss variable.scss, source.scss variable.sass, source.css variable.other, source.less variable.other, source.less variable.other.less, source.less variable.declaration.less | #fe9b69 | italic |
| meta.preprocessor, entity.name.function.preprocessor, entity.name.constant.preprocessor, storage.type.annotation, meta.annotation, meta.decorator, punctuation.definition.annotation | #af9cf4 | — |
| invalid, invalid.illegal | #ff668c | italic underline |
| markup.inserted | #a4d671 | — |
| markup.deleted | #ff668c | — |
| markup.changed | #f4cd62 | — |
| markup.heading, entity.name.section.markdown | #ffbb69 | bold |
| markup.bold, markup.italic | #faf8f5 | — |
| markup.quote | #bdb9be | italic |
| string.other.link.title.markdown, string.other.link.description.markdown, markup.underline.link.markdown | #a4d671 | — |
| punctuation.definition.list.begin.markdown, punctuation.definition.heading.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown | #939194 | — |