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#242635
• activityBar.foreground#82aaff
• activityBarBadge.background#82aaff
• activityBarBadge.foreground#242635
• button.background#82aaff
• button.foreground#ffffff
• button.hoverBackground#82aaffcc
• editor.background#2a2d3e
• editor.foreground#b4c2f0
• editor.lineHighlightBackground#32374d
• editor.selectionBackground#717cb450
• editorCursor.foreground#c8d3f5
• editorGroupHeader.tabsBackground#242635
• editorLineNumber.activeForeground#7982a9
• editorLineNumber.foreground#484f70
• editorWhitespace.foreground#484f70
• list.activeSelectionBackground#32374d
• list.activeSelectionForeground#c8d3f5
• list.hoverBackground#32374d
• menu.background#2a2d3e
• menu.foreground#b4c2f0
• sideBar.background#242635
• sideBar.foreground#b4c2f0
• sideBarTitle.foreground#b4c2f0
• statusBar.background#242635
• statusBar.foreground#b4c2f0
• statusBar.noFolderBackground#242635
• tab.activeBackground#2a2d3e
• tab.activeForeground#82aaff
• tab.inactiveBackground#242635
• tab.inactiveForeground#7982a9
• titleBar.activeBackground#2a2d3e
• titleBar.activeForeground#b4c2f0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).