Owokai Themes

Color themes

• 

  Owokai

• 

  Owokai Alt

• 

  Owokai Hard

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#20201f
• activityBar.border#2c2c2a
• activityBar.foreground#dddddd
• activityBarBadge.background#76480d
• activityBarBadge.foreground#ddded2
• badge.background#20201f
• badge.foreground#969b8c
• button.background#3e3b2c
• button.border#2f302c
• debugToolBar.background#20201f
• diffEditor.insertedLineBackground#23863633
• diffEditor.insertedTextBackground#2386364d
• diffEditor.removedLineBackground#da363333
• diffEditor.removedTextBackground#da36334d
• dropdown.background#292928
• dropdown.listBackground#20201f
• editor.background#161618
• editor.findMatchBackground#d7da8600
• editor.findMatchBorder#efefef90
• editor.findMatchHighlightBackground#d7da8620
• editor.findMatchHighlightBorder#d9da86aa
• editor.foldBackground#1f1f1f
• editor.foreground#dddddd
• editor.lineHighlightBackground#1d1d1c
• editor.selectionBackground#3271e560
• editor.selectionHighlightBackground#00000000
• editor.selectionHighlightBorder#6588a050
• editor.wordHighlightBackground#4a4a7680
• editor.wordHighlightStrongBackground#6a6a9680
• editorBracketHighlight.foreground1#dddddd
• editorBracketHighlight.foreground2#EBCB8B
• editorBracketHighlight.foreground3#B48EAD
• editorBracketHighlight.foreground4#D08770
• editorBracketHighlight.foreground5#A3BE8C
• editorBracketMatch.background#5a74eb90
• editorBracketMatch.border#00000000
• editorCursor.background#0e0e0e
• editorCursor.foreground#fffb25bb
• editorGroup.border#2c2c2a
• editorGroup.dropBackground#43413980
• editorGroupHeader.tabsBackground#20201f
• editorGroupHeader.tabsBorder#2c2c2a
• editorHoverWidget.background#272822ee
• editorHoverWidget.border#2f3029ee
• editorIndentGuide.activeBackground#47454130
• editorIndentGuide.background#47454130
• editorInlayHint.background#b3b3b0
• editorInlayHint.foreground#181818
• editorLineNumber.activeForeground#b4aa60
• editorLineNumber.foreground#444444
• editorSuggestWidget.background#151616cc
• editorSuggestWidget.border#75715e30
• editorUnnecessaryCode.border#ffd900
• editorUnnecessaryCode.opacity#000000aa
• editorWhitespace.foreground#464741aa
• editorWidget.background#20201f
• editorWidget.resizeBorder#00000000
• focusBorder#4c88f960
• input.background#20201f
• inputValidation.errorBackground#90274A
• inputValidation.errorBorder#f92672
• inputValidation.infoBackground#546190
• inputValidation.infoBorder#819aff
• inputValidation.warningBackground#848528
• inputValidation.warningBorder#e2e22e
• list.activeSelectionBackground#393b31
• list.dropBackground#414339
• list.highlightForeground#f8f8f2
• list.hoverBackground#2b2c27
• list.inactiveSelectionBackground#32332b
• menu.background#20201f
• menu.foreground#dddddd
• minimap.selectionHighlight#878b9180
• panel.background#111111
• panel.border#2c2c2a
• panelSection.border#20201f
• panelSectionHeader.background#111111
• panelTitle.activeBorder#00000000
• panelTitle.activeForeground#c5c5c0
• panelTitle.inactiveForeground#75715E
• peekView.border#4d4d47
• peekViewEditor.background#1f1f1e
• peekViewEditor.matchHighlightBackground#373a33
• peekViewResult.background#252523
• peekViewResult.matchHighlightBackground#373a33
• peekViewResult.selectionBackground#414339
• peekViewTitle.background#20201f
• pickerGroup.foreground#75715E
• ports.iconRunningProcessForeground#ccccc7
• progressBar.background#75715E
• quickInputList.focusBackground#3271e560
• scrollbar.shadow#000000aa
• scrollbarSlider.background#33352d90
• selection.background#91918780
• settings.checkboxBackground#2b2c27
• settings.focusedRowBackground#1d1d1c
• settings.rowHoverBackground#00000000
• sideBar.background#161618
• sideBar.border#2c2c2a
• sideBarSectionHeader.background#161618
• sideBarSectionHeader.border#333333
• sideBarSectionHeader.foreground#969b8c
• sideBarTitle.foreground#969b8c
• statusBar.background#20201f
• statusBar.border#2c2c2a
• statusBar.debuggingBackground#9c9c44
• statusBar.debuggingForeground#242727
• statusBar.foreground#969b8c
• statusBar.noFolderBackground#20201f
• statusBarItem.remoteBackground#0b4252
• tab.activeBorder#181818
• tab.activeBorderTop#363632
• tab.border#2c2c2a00
• tab.hoverBackground#292b26
• tab.inactiveBackground#20201f
• tab.inactiveForeground#ccccc7
• tab.lastPinnedBorder#414339
• terminal.ansiBlack#333333
• terminal.ansiBlue#458588
• terminal.ansiBrightBlack#474038
• terminal.ansiBrightBlue#83A598
• terminal.ansiBrightCyan#8EC07C
• terminal.ansiBrightGreen#B8BB26
• terminal.ansiBrightMagenta#D3869B
• terminal.ansiBrightRed#FB4934
• terminal.ansiBrightWhite#EBDBB2
• terminal.ansiBrightYellow#fae62f
• terminal.ansiCyan#689D6A
• terminal.ansiGreen#98971A
• terminal.ansiMagenta#B16286
• terminal.ansiRed#CC241D
• terminal.ansiWhite#A89984
• terminal.ansiYellow#d7bc21
• terminal.background#111111
• terminal.foreground#cacac2
• titleBar.activeBackground#20201f
• titleBar.inactiveBackground#1b1c19
• widget.border#333333
• widget.shadow#00000098

tokenColors

TextMate scopes and font styles (syntax highlighting rules).