Addiv's Cyan

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#00d6e2
• activityBar.foreground#000000
• activityBar.inactiveForeground#00474b
• activityBarBadge.background#00666b
• activityBarBadge.foreground#000000
• breadcrumb.activeSelectionForeground#00666b
• breadcrumb.background#c2faff
• breadcrumb.focusForeground#00e1ff
• breadcrumb.foreground#00474b
• breadcrumbPicker.background#ffffff
• button.background#00e1ff
• button.foreground#000000
• button.secondaryBackground#00d6e2
• button.secondaryForeground#000000
• dropdown.background#c2faff
• dropdown.foreground#000000
• editor.background#c8fcfd
• editor.foreground#00474b
• editor.lineHighlightBackground#c2faff
• editor.selectionBackground#00d6e2
• editor.selectionHighlightBackground#c2faff80
• editorBracketHighlight.foreground1#00e1ff
• editorBracketHighlight.foreground2#00d6e2
• editorBracketHighlight.foreground3#00d6e2
• editorBracketHighlight.foreground4#00d6e2
• editorBracketHighlight.foreground5#00d6e2
• editorBracketHighlight.foreground6#00d6e2
• editorError.foreground#D32F2F
• editorGroupHeader.border#00d6e2
• editorGroupHeader.tabsBackground#c2faff
• editorGroupHeader.tabsBorder#00e1ff
• editorGutter.addedBackground#4CAF50
• editorGutter.deletedBackground#F44336
• editorGutter.modifiedBackground#FFC107
• editorLineNumber.foreground#00b6c3
• editorWarning.foreground#FF8F00
• editorWidget.background#c2faff
• editorWidget.foreground#000000
• focusBorder#00e1ff
• foreground#000000
• gitDecoration.addedResourceForeground#4CAF50
• gitDecoration.deletedResourceForeground#F44336
• gitDecoration.modifiedResourceForeground#FFC107
• input.background#c2faff
• input.foreground#000000
• inputOption.activeBorder#00e1ff
• inputValidation.errorBackground#FFCDD2
• inputValidation.infoBackground#c2faff
• inputValidation.warningBackground#FFF3E0
• list.activeSelectionBackground#00d6e2
• list.hoverBackground#ddfdff
• list.inactiveSelectionBackground#c2faff
• menu.background#c2faff
• menu.border#00e1ff
• menu.foreground#000000
• menu.selectionBackground#00d6e2
• menu.selectionForeground#000000
• panel.background#c2faff
• panelSectionHeader.background#00d6e2
• panelSectionHeader.foreground#000000
• panelTitle.activeForeground#00666b
• panelTitle.inactiveForeground#00474b
• sideBar.background#c2faff
• sideBar.foreground#000000
• sideBarSectionHeader.background#00d6e2
• sideBarSectionHeader.foreground#000000
• statusBar.background#00d6e2
• statusBar.foreground#000000
• statusBarItem.remoteBackground#00e1ff
• statusBarItem.remoteForeground#000000
• tab.activeBackground#c8fcfd
• tab.activeForeground#000000
• tab.border#00e1ff
• tab.inactiveBackground#c2faff
• tab.inactiveForeground#000000
• terminal.ansiBlack#c2faff
• terminal.ansiBlue#2196F3
• terminal.ansiBrightBlack#00d6e2
• terminal.ansiCyan#00BCD4
• terminal.ansiGreen#4CAF50
• terminal.ansiMagenta#E91E63
• terminal.ansiRed#F44336
• terminal.ansiWhite#000000
• terminal.ansiYellow#FFC107
• terminal.background#c2faff
• terminal.foreground#000000
• titleBar.activeBackground#00fbff
• titleBar.activeForeground#00666b
• titleBar.inactiveBackground#00d6e2
• titleBar.inactiveForeground#00474b
• toolbar.hoverBackground#c2faff
• tree.indentGuidesStroke#00b6c3

tokenColors

TextMate scopes and font styles (syntax highlighting rules).