Okinawan Themes

Color themes

• 

  Kerama Deep

• 

  Shuri Midnight

• 

  Yanbaru Shadow

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#1A0F0F
• badge.background#8E4439
• badge.foreground#DCE1E6
• button.background#8E4439
• button.foreground#DCE1E6
• button.hoverBackground#A65A4E
• dropdown.background#1F1414
• dropdown.border#3D2525
• dropdown.foreground#DCE1E6
• editor.background#150A0A
• editor.foreground#DCE1E6
• editor.lineHighlightBackground#1F1414
• editor.selectionBackground#3D2525
• editorBracketMatch.background#4A2828
• editorBracketMatch.border#8E4439
• editorCursor.foreground#8E4439
• editorError.foreground#B36D61
• editorInfo.foreground#C59358
• editorLineNumber.foreground#5D4D4D
• editorLink.activeForeground#C59358
• editorWarning.foreground#D1A658
• focusBorder#8E4439
• gitDecoration.addedResourceForeground#6B8171
• gitDecoration.deletedResourceForeground#B36D61
• gitDecoration.modifiedResourceForeground#C59358
• input.background#1F1414
• input.border#3D2525
• input.foreground#DCE1E6
• list.activeSelectionBackground#3D2525
• list.activeSelectionForeground#DCE1E6
• list.hoverBackground#2D1D1D
• scrollbarSlider.background#3D2525
• scrollbarSlider.hoverBackground#4A2828
• sideBar.background#1D1111
• statusBar.background#150A0A
• statusBar.foreground#8E5858
• tab.activeBackground#150A0A
• tab.activeBorder#8E4439
• tab.activeForeground#DCE1E6
• tab.border#1D1111
• tab.inactiveBackground#1D1111
• tab.inactiveForeground#5D4D4D
• tab.unfocusedActiveForeground#C59358
• tab.unfocusedInactiveForeground#5D4D4D
• terminal.ansiBlack#1A0F0F
• terminal.ansiBlue#3D2525
• terminal.ansiBrightBlack#5D4D4D
• terminal.ansiBrightBlue#8E4439
• terminal.ansiBrightCyan#C59358
• terminal.ansiBrightGreen#6B8171
• terminal.ansiBrightMagenta#A65A4E
• terminal.ansiBrightRed#B36D61
• terminal.ansiBrightWhite#DCE1E6
• terminal.ansiBrightYellow#D1A658
• terminal.ansiCyan#C59358
• terminal.ansiGreen#6B8171
• terminal.ansiMagenta#8E4439
• terminal.ansiRed#8E4439
• terminal.ansiWhite#DCE1E6
• terminal.ansiYellow#D1A658
• terminal.background#150A0A
• terminal.foreground#DCE1E6

tokenColors

TextMate scopes and font styles (syntax highlighting rules).