Frog Byte Dark
Publisher: sinnickThemes in package: 1
OpenAI DevDay 2025 inspired theme
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#16171C
- activityBar.foreground#E6EDF3
- activityBarBadge.background#1f79d3
- badge.background#5acb44
- badge.foreground#081109
- button.background#1f79d3
- button.foreground#FFFFFF
- editor.background#101116
- editor.foreground#E6EDF3
- editor.inactiveSelectionBackground#07121F
- editor.lineHighlightBackground#080D14
- editor.selectionBackground#0A1A2B
- editorBracketMatch.background#07121F
- editorBracketMatch.border#243140
- editorCursor.foreground#E6EDF3
- editorGutter.background#101116
- editorIndentGuide.activeBackground#243140
- editorIndentGuide.background#1B2430
- editorLineNumber.activeForeground#ffffff
- editorLineNumber.foreground#fd722e
- focusBorder#1f79d3
- list.hoverBackground#0B1522
- panel.background#16171C
- sideBar.background#16171C
- sideBar.foreground#C9D1D9
- statusBar.background#1f79d3
- statusBar.debuggingBackground#fd722e
- statusBar.foreground#ffffff
- statusBarItem.hoverBackground#fd722e
- statusBarItem.hoverForeground#282c34
- statusBarItem.remoteBackground#5acb44
- statusBarItem.remoteForeground#282c34
- tab.activeBackground#101116
- tab.activeBorder#fd722e
- tab.activeForeground#fd722e
- tab.inactiveBackground#04080D
- tab.inactiveForeground#93A1B3
- terminal.background#101116
- terminal.foreground#E6EDF3
- titleBar.activeBackground#101116
- titleBar.activeForeground#D6DEE6
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6B7280 | italic |
| string, constant.other.symbol, punctuation.definition.string | #E6B455 | — |
| constant.numeric, constant.language.boolean, constant.language.null | #fd722e | — |
| keyword, storage.type, storage.modifier, storage.control | #1f79d3 | — |
| keyword.control.import, keyword.control.export, keyword.control.from | #1f79d3 | bold |
| variable.language.this, variable.language.super | #fd722e | — |
| entity.name.function, meta.function-call, support.function, variable.function, meta.method.declaration | #5acb44 | — |
| variable, meta.definition.variable, meta.object-literal.key | #E6EDF3 | — |
| variable.other.constant, constant.other | #FF8750 | — |
| entity.name.type, support.type, support.class, entity.other.inherited-class | #9CD3FF | — |
| storage.type.function.arrow, punctuation.definition.parameters, meta.brace.round | #93A1B3 | — |
| entity.name.tag, meta.tag, support.class.component | #5acb44 | — |
| meta.tag.attributes, entity.other.attribute-name, support.type.property-name | #1f79d3 | — |
| punctuation.definition.tag, punctuation.separator.key-value | #9CA3AF | — |
| support.constant.property-value, meta.property-name, variable.other.property | #1f79d3 | — |
| meta.object-literal.key entity.name.function | #5acb44 | — |
| constant.character.escape, string.regexp | #84D9D0 | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.logical | #9AB0C6 | — |
| punctuation.separator.comma, punctuation.terminator.statement, punctuation.section.embedded | #93A1B3 | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #1f79d3 | — |
| constant.language.json | #fd722e | — |
| entity.name.tag.yaml, variable.other.key.yaml | #1f79d3 | — |
| source.css support.type.property-name | #E6EDF3 | — |
| source.css constant.other.color, support.constant.color.w3c-standard-color-name.css | #fd722e | — |
| source.css support.function, source.css entity.name.function | #5acb44 | — |
| markup.heading, markup.bold | #5acb44 | bold |
| markup.italic | #E6EDF3 | italic |
| markup.inline.raw.string, fenced_code.block.language | #1f79d3 | — |
| invalid, invalid.illegal | #FFFFFF | — |
| markup.deleted | #fd722e | — |
| markup.inserted | #5acb44 | — |