BeomStyle Theme

Color themes

• 

  BeomStyle Day

• 

  BeomStyle Morning

• 

  BeomStyle Night

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#242837
• activityBar.foreground#80cbc4
• activityBarBadge.background#80cbc4
• activityBarBadge.foreground#242837
• button.background#80cbc4
• button.foreground#ffffff
• button.hoverBackground#80cbc4cc
• editor.background#292d3e
• editor.foreground#bfc7d5
• editor.lineHighlightBackground#32374d
• editor.selectionBackground#676e9550
• editorCursor.foreground#ffffff
• editorGroupHeader.tabsBackground#242837
• editorLineNumber.activeForeground#676e95
• editorLineNumber.foreground#4b5263
• editorWhitespace.foreground#4b5263
• list.activeSelectionBackground#32374d
• list.activeSelectionForeground#ffffff
• list.hoverBackground#32374d
• menu.background#292d3e
• menu.foreground#bfc7d5
• sideBar.background#242837
• sideBar.foreground#bfc7d5
• sideBarTitle.foreground#bfc7d5
• statusBar.background#242837
• statusBar.foreground#bfc7d5
• statusBar.noFolderBackground#242837
• tab.activeBackground#292d3e
• tab.activeForeground#80cbc4
• tab.inactiveBackground#242837
• tab.inactiveForeground#676e95
• titleBar.activeBackground#292d3e
• titleBar.activeForeground#bfc7d5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).