Oolong

Color themes

• 

  Dry Oolong (Experimental)

• 

  Milk Oolong (Beta)

• 

  Oolong

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#072020
• activityBar.border#0b3934
• activityBar.foreground#EDC291
• activityBarBadge.background#EDC291
• activityBarBadge.foreground#0b3934
• activityBarTop.foreground#EDC291
• badge.background#EDC291
• badge.foreground#0b3934
• breadcrumb.focusForeground#EDC291
• breadcrumb.foreground#EDC291
• button.background#0b3934
• button.border#0b3934
• button.foreground#ffffff
• button.hoverBackground#072020
• button.secondaryBackground#082B2B
• button.secondaryForeground#EDC291
• button.separator#EDC291
• checkbox.background#072020
• checkbox.border#0b3934
• commandCenter.activeBackground#072626
• commandCenter.activeBorder#0b3934
• commandCenter.background#072020
• commandCenter.border#0b3934
• commandCenter.inactiveBorder#0b3934
• debugConsole.errorForeground#ff3a3a
• debugConsole.infoForeground#EDC291
• debugConsole.sourceForeground#A2D5E0
• debugConsole.warningForeground#ffce3a
• debugIcon.breakpointForeground#ff3a3a
• debugIcon.pauseForeground#1e96ff
• debugIcon.restartForeground#6CCD5B
• debugIcon.stepBackForeground#1e96ff
• debugIcon.stepIntoForeground#1e96ff
• debugIcon.stepOutForeground#1e96ff
• debugIcon.stepOverForeground#1e96ff
• debugIcon.stopForeground#ff3a3a
• debugToolBar.background#072020
• debugView.stateLabelBackground#08302C
• descriptionForeground#EDC29199
• dropdown.background#072020
• dropdown.border#0b3934
• dropdown.foreground#EDC291
• editor.background#072626
• editor.findMatchBackground#045677
• editor.findMatchHighlightBackground#6FC8AD30
• editor.findMatchHighlightBorder#6FC8AD20
• editor.findRangeHighlightBackground#0A3D3873
• editor.foreground#EDC291
• editor.hoverHighlightBackground#034661d0
• editor.lineHighlightBackground#0A3D38
• editor.rangeHighlightBackground#0A3D38f0
• editor.selectionBackground#033c52
• editor.selectionHighlightBorder#0F5147
• editor.stackFrameHighlightBackground#EDC2913e
• editor.wordHighlightBackground#03466110
• editor.wordHighlightBorder#04648B
• editorBracketHighlight.foreground1#EDC291
• editorBracketHighlight.foreground2#EDC291
• editorBracketHighlight.foreground3#EDC291
• editorBracketHighlight.foreground4#EDC291
• editorBracketHighlight.foreground5#EDC291
• editorBracketHighlight.foreground6#EDC291
• editorCommentsWidget.rangeActiveBackground#0F5147
• editorCommentsWidget.replyInputBackground#072626
• editorCursor.foreground#EDC291
• editorError.foreground#ff3a3a
• editorGroup.border#0b3934
• editorGroup.dropBackground#1050993f
• editorGroupHeader.tabsBackground#072020
• editorGroupHeader.tabsBorder#0b3934
• editorIndentGuide.background1#EDC29138
• editorInlayHint.foreground#EDC291c5
• editorLineNumber.activeForeground#EDC291
• editorLineNumber.foreground#EDC29170
• editorLink.activeForeground#1e96ff
• editorRuler.foreground#0A3D38
• editorStickyScrollHover.background#0A3D38
• editorSuggestWidget.border#0b3934
• editorSuggestWidget.focusHighlightForeground#1e96ff
• editorSuggestWidget.highlightForeground#1e96ff
• editorWidget.background#082B2B
• editorWidget.border#0b3934
• editorWidget.foreground#EDC291
• errorForeground#ff3a3a
• extensionButton.background#0b3934
• extensionButton.foreground#EDC291
• extensionButton.hoverBackground#072020
• extensionButton.separator#EDC291
• focusBorder#0b3934
• foreground#EDC291
• gitDecoration.modifiedResourceForeground#A2D5E0
• gitlens.gutterBackgroundColor#07262600
• gitlens.gutterForegroundColor#EDC291
• gitlens.trailingLineForegroundColor#9AE399a0
• icon.foreground#EDC291
• input.background#082B2B
• input.border#0b3934
• input.foreground#EDC291
• keybindingLabel.background#0A3D38
• keybindingLabel.border#0b3934
• keybindingLabel.bottomBorder#0b3934
• keybindingLabel.foreground#EDC291
• list.activeSelectionBackground#0A3D38
• list.activeSelectionForeground#EDC291
• list.dropBackground#1050993f
• list.errorForeground#ff3a3a
• list.hoverBackground#0A3D38
• list.hoverForeground#EDC291
• list.inactiveSelectionBackground#0A3D38
• list.inactiveSelectionForeground#EDC291
• menu.background#082B2B
• menu.foreground#EDC291
• menu.selectionBackground#0A3D38
• menu.selectionForeground#EDC291
• multiDiffEditor.headerBackground#072020
• notifications.background#072020
• notifications.border#0b3934
• panel.background#072020
• panel.border#0b3934
• panelInput.border#0b3934
• panelSection.dropBackground#1050993f
• panelTitle.activeForeground#EDC291
• panelTitle.inactiveForeground#EDC291
• peekView.border#0b3934
• peekViewEditor.background#082B2B
• peekViewResult.background#072020
• peekViewResult.fileForeground#EDC291
• peekViewResult.lineForeground#EDC291
• peekViewResult.matchHighlightBackground#0B413C
• peekViewResult.selectionBackground#0b3934
• peekViewResult.selectionForeground#EDC291
• peekViewTitle.background#072020
• peekViewTitleLabel.foreground#EDC291
• quickInput.background#072020
• quickInput.foreground#EDC291
• quickInputList.focusBackground#0A3D38
• quickInputList.focusIconForeground#EDC291
• sash.hoverBorder#EDC291
• scrollbar.shadow#0b3934
• scrollbarSlider.activeBackground#EDC291B0
• scrollbarSlider.background#EDC29160
• scrollbarSlider.hoverBackground#EDC29190
• selection.background#034661
• settings.focusedRowBorder#0b3934
• settings.headerBorder#EDC291
• settings.headerForeground#EDC291
• sideBar.background#072020
• sideBar.border#0b3934
• sideBar.dropBackground#1050993f
• sideBar.foreground#EDC291
• sideBarSectionHeader.background#072020
• sideBarSectionHeader.border#0b3934
• statusBar.background#072020
• statusBar.border#0b3934
• statusBar.debuggingBackground#ac1f0d
• statusBar.debuggingForeground#EDC291
• statusBar.foreground#EDC291
• statusBar.noFolderBackground#072020
• statusBarItem.remoteBackground#EDC291
• statusBarItem.remoteForeground#072020
• statusBarItem.remoteHoverBackground#072020
• statusBarItem.remoteHoverForeground#EDC291
• tab.activeBorder#072626
• tab.activeBorderTop#EDC291
• tab.activeForeground#EDC291
• tab.activeModifiedBorder#1e96ff
• tab.border#0b3934
• tab.hoverBackground#082B2B
• tab.inactiveBackground#072020
• tab.inactiveModifiedBorder#1e96ff
• tab.lastPinnedBorder#0b3934
• terminal.dropBackground#1050993f
• terminal.foreground#EDC291
• terminalStickyScrollHover.background#0A3D38
• textLink.activeForeground#1e96ff
• textLink.foreground#1e96ff
• titleBar.activeBackground#072020
• titleBar.activeForeground#EDC291
• titleBar.border#0b3934
• titleBar.inactiveBackground#072020
• titleBar.inactiveForeground#EDC29192
• tree.indentGuidesStroke#EDC291

tokenColors

TextMate scopes and font styles (syntax highlighting rules).