FRC Theme-Package

Color themes

• 

  1678 Dark theme

• 

  2609 Theme

• 

  7902 Dark theme

• 

  7902 Theme Blue

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#172235
• activityBar.foreground#3685E5
• activityBarBadge.background#4CAEFF
• dropdown.background#172235
• dropdown.border#3685E5
• dropdown.foreground#8CECF8
• editor.background#172235
• editor.copyHighlightBackground#172235
• editor.copyHighlightForeground#3685E5
• editor.foreground#8CECF8
• editor.inactiveSelectionBackground#172235
• editor.lineHighlightBackground#1647BD
• editor.selectionBackground#172235
• editorCursor.foreground#3685E5
• editorGroupHeader.tabsBackground#172235
• editorIndentGuide.activeBackground#3685E5
• editorIndentGuide.background#172235
• list.activeSelectionBackground#172235
• list.activeSelectionForeground#8CECF8
• list.focusBackground#172235
• list.focusForeground#8CECF8
• list.hoverBackground#3685E5
• list.hoverForeground#8CECF8
• list.inactiveSelectionBackground#172235
• list.inactiveSelectionForeground#8CECF8
• sideBar.background#172235
• sideBar.border#3685E5
• sideBar.foreground#8CECF8
• sideBarSectionHeader.background#1647BD
• sideBarSectionHeader.foreground#8CECF8
• sideBarTitle.foreground#8CECF8
• statusBar.background#172235
• statusBar.foreground#8CECF8
• tab.activeBackground#172235
• tab.activeBorder#3685E5
• tab.activeBorderTop#3685E5
• tab.activeForeground#FFFFFF
• tab.border#3685E5
• tab.hoverBackground#172235
• tab.hoverForeground#FFFFFF
• tab.inactiveBackground#172235
• tab.inactiveBorder#215BCA
• tab.inactiveForeground#CCCCCC
• tab.unfocusedActiveBackground#172235
• tab.unfocusedActiveBorderTop#215BCA
• tab.unfocusedInactiveBackground#172235
• titleBar.activeBackground#172235
• titleBar.activeForeground#8CECF8
• titleBar.border#3685E5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).