Solkai Theme
Publisher: Yi.JihongThemes in package: 2
A dark/light theme set combining One Monokai syntax with Solarized Light warmth. Features custom boolean/null/undefined highlighting.
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.activeBorder#0099e1
- activityBar.background#DDD4C2
- activityBar.foreground#3b4048
- activityBarBadge.background#B58900
- activityBarBadge.foreground#EFE7D3
- badge.background#B58900AA
- badge.foreground#EFE7D3
- breadcrumb.activeSelectionForeground#1a6fb5
- breadcrumb.focusForeground#383a42
- breadcrumb.foreground#a0a1a7
- button.background#AC9D57
- button.foreground#EFE7D3
- button.hoverBackground#0099e1
- button.secondaryBackground#d5d7d8
- button.secondaryForeground#0083c0
- button.secondaryHoverBackground#d9dbdc
- charts.blue#275fe4
- charts.green#23974a
- charts.orange#df631c
- charts.purple#823ff1
- charts.red#d52753
- charts.yellow#c5a332
- checkbox.background#E0D9C6
- checkbox.border#d5d7d8
- checkbox.foreground#0083c0
- commandCenter.activeBackground#E0D9C6
- commandCenter.background#E0D9C6
- commandCenter.border#d5d7d8
- debugConsole.errorForeground#d52753
- debugConsole.infoForeground#275fe4
- debugConsole.sourceForeground#a0a1a7
- debugConsole.warningForeground#B5880A
- debugConsoleInputIcon.foreground#0083c0
- debugExceptionWidget.background#CFC8B3
- debugExceptionWidget.border#AB395B
- debugIcon.breakpointCurrentStackframeForeground#0099e1
- debugIcon.breakpointDisabledForeground#727378
- debugIcon.breakpointForeground#d52753
- debugIcon.breakpointStackframeForeground#23974a
- debugIcon.breakpointUnverifiedForeground#a05a48
- debugIcon.continueForeground#23974a
- debugIcon.disconnectForeground#d52753
- debugIcon.pauseForeground#A05A48
- debugIcon.restartForeground#df631c
- debugIcon.startForeground#23974a
- debugIcon.stepBackForeground#0098e4
- debugIcon.stepIntoForeground#0098e4
- debugIcon.stepOutForeground#0098e4
- debugIcon.stepOverForeground#0098e4
- debugIcon.stopForeground#D52753
- debugTokenExpression.boolean#0098DD
- debugTokenExpression.error#ff0000
- debugTokenExpression.name#A05A48
- debugTokenExpression.number#CE33C0
- debugTokenExpression.string#C45000
- debugTokenExpression.value#383A42
- debugToolBar.background#CFC8B3
- debugView.exceptionLabelBackground#ff0000
- debugView.exceptionLabelForeground#EFE7D3
- debugView.stateLabelBackground#d5d7d8
- debugView.stateLabelForeground#383A42
- debugView.valueChangedHighlight#58b8e6
- diffEditor.diagonalFill#d5d7d8
- diffEditor.insertedLineBackground#1ef1531f
- diffEditor.insertedTextBackground#1ef15335
- diffEditor.removedLineBackground#f33b5127
- diffEditor.removedTextBackground#f33b5131
- dropdown.background#E0D9C6
- dropdown.border#D3AF86
- dropdown.foreground#383a42
- dropdown.listBackground#E0D9C6
- editor.background#EFE7D3
- editor.findMatchBackground#99e5c2c5
- editor.findMatchBorder#f31459
- editor.findMatchHighlightBackground#99e5c2c5
- editor.findRangeHighlightBackground#a0a1a72d
- editor.focusedStackFrameHighlightBackground#43db7644
- editor.foldBackground#EFE7D38c
- editor.foreground#3B4048
- editor.hoverHighlightBackground#383a4213
- editor.lineHighlightBackground#E0D9C6
- editor.rangeHighlightBackground#c1e2faa6
- editor.selectionBackground#E0D9C6
- editor.selectionHighlightBackground#383a4213
- editor.snippetFinalTabstopHighlightBackground#a0a1a733
- editor.snippetFinalTabstopHighlightBorder#a0a1a7
- editor.snippetTabstopHighlightBackground#a0a1a733
- editor.snippetTabstopHighlightBorder#a0a1a7
- editor.stackFrameHighlightBackground#ffc47760
- editor.symbolHighlightBackground#ce33c12d
- editor.wordHighlightBackground#afcfff65
- editor.wordHighlightStrongBackground#e99dd562
- editorBracketHighlight.foreground1#1a8c3a
- editorBracketHighlight.foreground2#a557ff
- editorBracketHighlight.foreground3#2e8bc0
- editorBracketHighlight.foreground4#ffa023
- editorBracketHighlight.foreground5#0e91a8
- editorBracketHighlight.foreground6#f067f0
- editorBracketHighlight.unexpectedBracket.foreground#ff0000
- editorBracketMatch.background#00000000
- editorBracketMatch.border#7a82da
- editorCodeLens.foreground#a0a1a7
- editorCursor.background#EFE7D3
- editorCursor.foreground#657B83
- editorError.background#ff00001a
- editorError.foreground#ff0000
- editorGroup.border#CFC8B3
- editorGroup.dropBackground#CFC8B3AA
- editorGroup.emptyBackground#E0D9C6
- editorGroup.focusedEmptyBorder#0099e1
- editorGroupHeader.noTabsBackground#E0D9C6
- editorGroupHeader.tabsBackground#d5cebc
- editorGutter.addedBackground#3cbc66
- editorGutter.deletedBackground#a05a48
- editorGutter.modifiedBackground#0099e1
- editorHint.foreground#7a82da
- editorHoverWidget.background#CCC4B0
- editorHoverWidget.statusBarBackground#d5d8d8
- editorIndentGuide.activeBackground#081E2580
- editorIndentGuide.activeBackground1#BBB39F
- editorIndentGuide.background#586E7580
- editorIndentGuide.background1#d5d7d8
- editorInfo.background#009ae111
- editorInfo.foreground#1a6fb5
- editorInlayHint.background#27618d10
- editorInlayHint.foreground#27618da6
- editorLightBulb.foreground#ff8f3a
- editorLightBulbAutoFix.foreground#ff8f3a
- editorLineNumber.activeForeground#567983
- editorLineNumber.foreground#a0a1a7
- editorLink.activeForeground#1a6fb5
- editorMarkerNavigation.background#EFE7D3
- editorOverviewRuler.addedForeground#3cbc66
- editorOverviewRuler.bracketMatchForeground#7a82da
- editorOverviewRuler.deletedForeground#a05a48
- editorOverviewRuler.errorForeground#ff0000
- editorOverviewRuler.findMatchForeground#99e5c2c5
- editorOverviewRuler.infoForeground#0099e1
- editorOverviewRuler.modifiedForeground#0099e1
- editorOverviewRuler.selectionHighlightForeground#8bcdffa7
- editorOverviewRuler.warningForeground#B5880A
- editorOverviewRuler.wordHighlightForeground#8bcdffa7
- editorOverviewRuler.wordHighlightStrongForeground#e99dd5b9
- editorPane.background#eeeeee
- editorRuler.foreground#d5d7d8
- editorWarning.background#B5880A33
- editorWarning.foreground#B5880A
- editorWhitespace.foreground#586E7580
- editorWidget.background#E0D9C6
- editorWidget.border#d5d7d8
- errorForeground#ff0000
- extensionButton.prominentBackground#b58900
- extensionButton.prominentForeground#EFE7D3
- extensionButton.prominentHoverBackground#584c27aa
- focusBorder#b49471
- foreground#383a42
- gitDecoration.addedResourceForeground#23974a
- gitDecoration.conflictingResourceForeground#d52753
- gitDecoration.deletedResourceForeground#a05a48
- gitDecoration.ignoredResourceForeground#a0a1a7
- gitDecoration.modifiedResourceForeground#1a6fb5
- gitDecoration.renamedResourceForeground#ce33c0
- gitDecoration.stageDeletedResourceForeground#a05a48
- gitDecoration.stageModifiedResourceForeground#1a6fb5
- gitDecoration.submoduleResourceForeground#823ff1
- gitDecoration.untrackedResourceForeground#23974a
- gitlens.gutterBackgroundColor#EFE7D355
- gitlens.gutterForegroundColor#383a42
- gitlens.gutterUncommittedForegroundColor#1a6fb5
- gitlens.lineHighlightBackgroundColor#7a82da27
- gitlens.lineHighlightOverviewRulerColor#7a82da8d
- gitlens.trailingLineForegroundColor#a0a1a788
- input.background#CFC8B3
- input.border#d5d7d8
- input.foreground#586E75
- input.placeholderForeground#586E75AA
- inputOption.activeBackground#d2ecff
- inputOption.activeBorder#D3AF86
- inputOption.activeForeground#000000
- inputValidation.errorBackground#ffcccc
- inputValidation.errorBorder#ff2e3f
- inputValidation.infoBackground#d2ecff
- inputValidation.infoBorder#0099e1
- inputValidation.warningBackground#B5880A22
- inputValidation.warningBorder#B5880A
- keybindingLabel.background#d2ecff
- keybindingLabel.border#383a4230
- keybindingLabel.bottomBorder#383a4230
- keybindingLabel.foreground#383a42
- list.activeSelectionBackground#DFCA88
- list.activeSelectionForeground#2b2b2b
- list.dropBackground#d2ecff
- list.errorForeground#ff0000
- list.focusForeground#000000
- list.highlightForeground#B58900
- list.hoverBackground#DFCA8844
- list.inactiveSelectionBackground#D1CBB8
- list.warningForeground#B5880A
- listFilterWidget.background#99e5c2c5
- listFilterWidget.noMatchesOutline#ff2e3f
- merge.currentContentBackground#a05a481c
- merge.currentHeaderBackground#a05a483b
- merge.incomingContentBackground#009ae121
- merge.incomingHeaderBackground#009ae13b
- mergeEditor.change.background#1ef1531f
- mergeEditor.change.word.background#1ef15335
- mergeEditor.conflict.handled.minimapOverViewRuler#3cbc66
- mergeEditor.conflict.handledFocused.border#3cbc66
- mergeEditor.conflict.handledUnfocused.border#3cbc673a
- mergeEditor.conflict.unhandled.minimapOverViewRuler#0ab6ff
- mergeEditor.conflict.unhandledFocused.border#0ab6ff
- mergeEditor.conflict.unhandledUnfocused.border#0ab5ff96
- minimap.background#EFE7D3cc
- minimap.findMatchHighlight#99e5c2c5
- minimap.selectionHighlight#E0D9C6
- minimap.selectionOccurrenceHighlight#8bcdffa7
- notebook.cellBorderColor#d5d7d8
- notebook.cellEditorBackground#F7F0E0
- notebook.cellHoverBackground#bdbbbb21
- notebook.cellStatusBarItemHoverBackground#E0D9C6
- notebook.cellToolbarSeparator#d5d7d8
- notebook.focusedCellBackground#E0D9C6
- notebook.focusedCellBorder#0099e1
- notebook.inactiveFocusedCellBorder#bdbbbb
- notebook.inactiveSelectedCellBorder#0099e1
- notebook.outputContainerBackgroundColor#E0D9C6
- notebook.selectedCellBackground#E0D9C6
- notebook.symbolHighlightBackground#d2ecff
- notebookScrollbarSlider.activeBackground#00000026
- notebookScrollbarSlider.background#00000012
- notebookScrollbarSlider.hoverBackground#0000001a
- notebookStatusErrorIcon.foreground#d52753
- notebookStatusRunningIcon.foreground#275fe4
- notebookStatusSuccessIcon.foreground#23974a
- notificationCenter.border#d5d7d8
- notificationCenterHeader.background#d5d7d8
- notificationCenterHeader.foreground#383a42
- notificationLink.foreground#1a6fb5
- notifications.background#E0D9C6
- notifications.border#d5d7d8
- notifications.foreground#383a42
- notificationToast.border#d5d7d8
- panel.border#CFC8B3
- panelTitle.activeBorder#0099e1
- panelTitle.activeForeground#383a42
- panelTitle.inactiveForeground#383a42aa
- peekView.border#B58900
- peekViewEditor.background#FFFBF2
- peekViewEditor.matchHighlightBackground#7744AA40
- peekViewResult.background#E0D9C6
- peekViewResult.fileForeground#383a42
- peekViewResult.lineForeground#383a42
- peekViewResult.matchHighlightBackground#99e5c1
- peekViewResult.selectionBackground#0099e1
- peekViewResult.selectionForeground#EFE7D3
- peekViewTitle.background#E0D9C6
- peekViewTitleDescription.foreground#a0a1a7
- peekViewTitleLabel.foreground#383a42
- pickerGroup.border#2AA19899
- pickerGroup.foreground#2AA19899
- ports.iconRunningProcessForeground#2AA19899
- progressBar.background#B58900
- quickInputList.focusBackground#DFCA8866
- quickInputList.focusForeground#000000
- sash.hoverBorder#0099e1
- scrollbar.shadow#d1d1d1
- scrollbarSlider.activeBackground#00000026
- scrollbarSlider.background#00000012
- scrollbarSlider.hoverBackground#0000001a
- selection.background#878b9180
- sideBar.background#E5DCCA
- sideBar.border#d1d1d1
- sideBar.dropBackground#E0D9C6
- sideBar.foreground#383a42
- sideBarSectionHeader.background#DDD4C2
- sideBarSectionHeader.foreground#383a42
- sideBarTitle.foreground#586E75
- statusBar.background#E0D9C6
- statusBar.border#0099e1
- statusBar.debuggingBackground#E0D9C6
- statusBar.debuggingBorder#ff8f3a
- statusBar.debuggingForeground#383a42
- statusBar.foreground#586E75
- statusBar.noFolderBackground#E0D9C6
- statusBar.noFolderBorder#823ff1
- statusBar.noFolderForeground#383a42
- statusBarItem.activeBackground#00000026
- statusBarItem.compactHoverBackground#00000026
- statusBarItem.errorBackground#ff00001a
- statusBarItem.errorForeground#ff0000
- statusBarItem.hoverBackground#00000013
- statusBarItem.prominentBackground#CFC8B3
- statusBarItem.prominentForeground#EFE7D3
- statusBarItem.prominentHoverBackground#CFC8B399
- statusBarItem.remoteBackground#AC9D57
- statusBarItem.remoteForeground#E0D9C6
- statusBarItem.remoteHoverBackground#444751
- statusBarItem.remoteHoverForeground#E0D9C6
- statusBarItem.warningBackground#B5880A22
- statusBarItem.warningForeground#B5880A
- symbolIcon.arrayForeground#7a82da
- symbolIcon.booleanForeground#0098DD
- symbolIcon.classForeground#d52753
- symbolIcon.colorForeground#823FF1
- symbolIcon.constantForeground#823ff1
- symbolIcon.constructorForeground#0098DD
- symbolIcon.enumeratorForeground#d52753
- symbolIcon.enumeratorMemberForeground#A05A48
- symbolIcon.eventForeground#1a8a96
- symbolIcon.fieldForeground#A05A48
- symbolIcon.fileForeground#383a42
- symbolIcon.folderForeground#383a42
- symbolIcon.functionForeground#23974a
- symbolIcon.interfaceForeground#d52753
- symbolIcon.keyForeground#A05A48
- symbolIcon.keywordForeground#0098DD
- symbolIcon.methodForeground#23974a
- symbolIcon.moduleForeground#d52753
- symbolIcon.namespaceForeground#d52753
- symbolIcon.nullForeground#0098DD
- symbolIcon.numberForeground#CE33C0
- symbolIcon.objectForeground#383a42
- symbolIcon.operatorForeground#7A82DA
- symbolIcon.propertyForeground#A05A48
- symbolIcon.referenceForeground#383a42
- symbolIcon.snippetForeground#A0A1A7
- symbolIcon.stringForeground#C45000
- symbolIcon.structForeground#d52753
- symbolIcon.textForeground#A0A1A7
- symbolIcon.typeParameterForeground#1a8a96
- symbolIcon.unitForeground#9E6B00
- symbolIcon.variableForeground#383a42
- tab.activeBackground#EFE7D3
- tab.activeBorderTop#0099e1
- tab.activeForeground#383a42
- tab.activeModifiedBorder#cb4b16
- tab.border#CFC8B3
- tab.hoverBackground#f5f5f5
- tab.inactiveBackground#dfd6c5
- tab.inactiveForeground#586E75
- tab.lastPinnedBorder#EFE7D3
- tab.unfocusedActiveBorderTop#a0a1a7
- terminal.ansiBlack#073642
- terminal.ansiBlue#268bd2
- terminal.ansiBrightBlack#002b36
- terminal.ansiBrightBlue#839496
- terminal.ansiBrightCyan#93a1a1
- terminal.ansiBrightGreen#586e75
- terminal.ansiBrightMagenta#6c71c4
- terminal.ansiBrightRed#cb4b16
- terminal.ansiBrightWhite#EFE7D3
- terminal.ansiBrightYellow#657b83
- terminal.ansiCyan#2aa198
- terminal.ansiGreen#859900
- terminal.ansiMagenta#d33682
- terminal.ansiRed#dc322f
- terminal.ansiWhite#E0D9C6
- terminal.ansiYellow#b58900
- terminal.background#EFE7D3
- terminal.findMatchBorder#f31459
- terminal.tab.activeBorder#0099e1
- terminalCommandDecoration.defaultBackground#d5d7d8
- terminalCommandDecoration.errorBackground#ff0000
- terminalCommandDecoration.successBackground#23974a
- terminalCursor.foreground#f31459
- textBlockQuote.background#d5d7d8
- textBlockQuote.border#0099e1
- textCodeBlock.background#d5d7d8
- textLink.activeForeground#1a6fb5
- textLink.foreground#1a6fb5
- textPreformat.foreground#a05a48
- textSeparator.foreground#d5d7d8
- titleBar.activeBackground#E0D9C6
- titleBar.activeForeground#383a42
- titleBar.inactiveBackground#BBB39F99
- titleBar.inactiveForeground#383a4299
- walkThrough.embeddedEditorBackground#00000014
- widget.shadow#a0a1a7
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, string.comment | #7A8B8F | — |
| string, string.template | #C45000 | — |
| constant.numeric | #5538A0 | — |
| string.embedded.begin, string.embedded.end, punctuation.definition.template-expression, punctuation.section.embedded | #5538A0 | — |
| punctuation.section.embedded.begin.js, punctuation.section.embedded.end.js, punctuation.section.embedded.begin.erb, punctuation.section.embedded.end.erb, source.elixir.embedded, punctuation.separator, punctuation.accessor, meta.brace | #303540 | — |
| constant.language | #0A5E9E | — |
| constant.character, constant.other | #0A5E9E | — |
| variable.language | #C5243A | — |
| keyword, keyword.operator.logical, keyword.operator.constructor | #C5243A | — |
| keyword.operator | #C5243A | — |
| storage | #C5243A | — |
| storage.type | #0A5E9E | — |
| entity.name.class, entity.name.module, entity.name.type, storage.identifier, support.class | #1B4FC2 | — |
| variable.other.object, variable.other.constant, variable.other.global, variable.other.readwrite.class, variable.other.readwrite.instance, variable.other.readwrite.batchfile, variable.readwrite, variable.readwrite.other.block | #1B4FC2 | — |
| variable.other, variable.other.property, variable.other.block | #303540 | — |
| entity.other.inherited-class | #2C6A0E | — |
| storage.modifier.import, storage.modifier.package | #1B4FC2 | — |
| entity.name.function, support.function | #2C6A0E | — |
| variable.parameter, entity.name.variable.parameter, parameter.variable | #984558 | italic |
| entity.name.function-call | #303540 | — |
| function.support.builtin, function.support.core | #2C6A0E | — |
| entity.name.tag, entity.name.tag.class.js | #C5243A | — |
| entity.name.tag.class, entity.name.tag.id | #0A5E9E | — |
| entity.other.attribute-name | #2C6A0E | — |
| support.constant | #0A5E9E | — |
| support.type, support.variable | #0A5E9E | — |
| support.dictionary.json | #0A5E9E | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, support.type.property-name.sass | #303540 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-class.scss, entity.other.attribute-name.pseudo-class.less, entity.other.attribute-name.pseudo-class.sass, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-element.scss, entity.other.attribute-name.pseudo-element.less, entity.other.attribute-name.pseudo-element.sass | #0A5E9E | — |
| support.constant.css, support.constant.scss, support.constant.less, support.constant.sass | #2C6A0E | — |
| variable.css, variable.scss, variable.less, variable.sass | #0A5E9E | — |
| variable.css.string, variable.scss.string, variable.less.string, variable.sass.string | #C45000 | — |
| unit.css, unit.scss, unit.less, unit.sass | #5538A0 | — |
| function.css, function.scss, function.less, function.sass | #0A5E9E | — |
| support.other.variable | — | |
| invalid | #D32F2F | — |
| invalid.deprecated | #D32F2F | — |
| support.type.property-name.json | #0A5E9E | — |
| string.detected-link | #1B4FC2 | — |
| meta.diff, meta.diff.header | #7A8385 | — |
| markup.deleted | #C5243A | — |
| markup.inserted | #2C6A0E | — |
| markup.changed | #C45000 | — |
| constant.numeric.line-number.find-in-files - match | #0B6E79A0 | — |
| entity.name.filename.find-in-files | #C45000 | — |
| markup.italic, markup.italic.markdown | — | italic |
| punctuation.definition.italic.markdown, punctuation.definition.bold.markdown, punctuation.definition.heading.markdown | #7A8385 | — |
| punctuation.definition.italic.markdown | — | italic |
| markup.underline.link.markdown | #1B4FC2 | — |
| markup.bold.markdown | — | bold |
| markup.heading.markdown | #C5243A | bold |
| markup.quote.markdown | #2C6A0E | — |
| meta.separator.markdown | #5538A0 | bold |
| markup.inline.raw, markup.raw.block.markdown | #0A5E9E | — |
| punctuation.definition.list_item.markdown | #3B4048 | bold |
| constant.language.boolean.true | #008A78 | — |
| constant.language.boolean.false | #B5446E | — |
| constant.language.null, constant.language.nil, constant.language.none | #9E18C2 | — |
| constant.language.undefined | #0E7D75 | — |