Meu Tema Claro/Escuro Colorido

Color themes

• 

  (Escuro) Clássico

• 

  (Escuro) Contemporâneo

• 

  (Escuro) Escolhido Pelo Chat GPT

• 

  (Escuro) Festa

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.

• activeBorder#555
• activityBar.background#202020
• activityBar.foreground#ccc
• activityBar.hoverBackground#333
• activityBar.inactiveForeground#ccc
• activityBarBadge.background#555
• background#000000
• breadcrumb.activeSelectionForeground#fff
• breadcrumb.focusForeground#fdf
• breadcrumb.foreground#ccc
• breadcrumbPicker.background#303030
• button.background#444
• button.foreground#ccc
• dropdown.background#333
• dropdown.border#555
• dropdown.foreground#ccc
• editor.background#090909
• editor.editorGhostText#ccc
• editor.foreground#fdf
• editor.inactiveSelectionBackground#ccc
• editor.lineHighlightBackground#2a2a2a
• editor.selectionBackground#037
• editorGroupHeader.tabsBackground#202020
• editorHoverWidget.background#202020
• editorHoverWidget.foreground#ccc
• editorHoverWidget.hoverBackground#333
• editorLineNumber.activeForeground#06f
• editorLineNumber.foreground#060
• editorSuggestWidget.background#303030
• editorSuggestWidget.selectedBackground#444
• editorWidget.background#202020
• editorWidget.foreground#bbb
• editorWidget.hoverBackground#333
• explorerItem.activeForeground#fff
• explorerItem.foreground#fff
• explorerItem.inactiveForeground#ccc
• foreground#eee
• input.background#333
• input.border#444
• input.foreground#ccc
• list.activeSelectionBackground#444
• list.activeSelectionForeground#ccc
• list.foreground#bbb
• list.hoverBackground#303030
• list.hoverForeground#ccc
• list.inactiveFocusBackground#444
• list.inactiveSelectionBackground#333
• list.inactiveSelectionForeground#ccc
• quickInput.background#000000
• quickInput.foreground#ffffff
• scrollbarSlider.activeBackground#444
• scrollbarSlider.background#333
• scrollbarSlider.hoverBackground#555
• sideBar.background#202020
• sideBar.foreground#bbb
• sideBarSectionHeader.background#333
• sideBarSectionHeader.foreground#ccc
• statusBar.background#303030
• statusBar.foreground#ccc
• statusBarItem.hoverBackground#444
• tab.activeBackground#303030
• tab.activeBorder#555
• tab.activeForeground#ddd
• tab.border#444
• tab.foreground#bbb
• tab.inactiveBackground#202020
• tab.inactiveForeground#ccc
• tab.unfocusedActiveBackground#303030
• tab.unfocusedInactiveBackground#202020
• terminal.foreground#ccc
• titleBar.activeBackground#303030
• titleBar.activeForeground#ccc
• titleBar.inactiveBackground#202020
• titleBar.inactiveForeground#ccc

tokenColors

TextMate scopes and font styles (syntax highlighting rules).