Seral Theme
Publisher: Ali YilmazThemes in package: 2
A beautiful color theme for Visual Studio Code
Color themes
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.activeBorder#635bff
- activityBar.background#010409
- activityBar.foreground#f0f6fc
- activityBar.inactiveForeground#7d8590
- badge.background#635bff
- badge.foreground#ffffff
- button.background#635bff
- button.foreground#ffffff
- button.hoverBackground#0a2540
- dropdown.background#21262d
- dropdown.border#30363d
- dropdown.foreground#f0f6fc
- editor.background#021024
- editor.findMatchBackground#ffd60040
- editor.findMatchHighlightBackground#ffd60030
- editor.foreground#f0f6fc
- editor.lineHighlightBackground#161b22
- editor.selectionBackground#264f78
- editor.selectionHighlightBackground#6e40c970
- editor.wordHighlightBackground#7d859070
- editor.wordHighlightStrongBackground#635bff40
- editorCursor.foreground#635bff
- editorLineNumber.activeForeground#635bff
- editorLineNumber.foreground#7d8590
- input.background#21262d
- input.border#30363d
- input.foreground#f0f6fc
- input.placeholderForeground#7d8590
- list.activeSelectionBackground#21262d
- list.activeSelectionForeground#f0f6fc
- list.focusBackground#21262d
- list.hoverBackground#161b22
- list.inactiveSelectionBackground#30363d
- notificationCenter.border#21262d
- notificationCenterHeader.background#161b22
- notifications.background#161b22
- notifications.border#30363d
- notifications.foreground#f0f6fc
- notificationToast.border#21262d
- panel.background#0d1117
- panel.border#21262d
- panelTitle.activeBorder#635bff
- panelTitle.activeForeground#f0f6fc
- panelTitle.inactiveForeground#7d8590
- progressBar.background#635bff
- sideBar.background#0d1117
- sideBar.border#21262d
- sideBar.foreground#f0f6fc
- sideBarSectionHeader.background#161b22
- sideBarSectionHeader.foreground#f0f6fc
- statusBar.background#0a2540
- statusBar.foreground#adbac7
- statusBar.noFolderBackground#0a2540
- statusBarItem.hoverBackground#21262d
- tab.activeBackground#0d1117
- tab.activeBorder#635bff
- tab.activeForeground#f0f6fc
- tab.border#21262d
- tab.inactiveBackground#010409
- tab.inactiveForeground#7d8590
- terminal.ansiBlack#484f58
- terminal.ansiBlue#58a6ff
- terminal.ansiBrightBlack#6e7681
- terminal.ansiBrightBlue#79c0ff
- terminal.ansiBrightCyan#56d4dd
- terminal.ansiBrightGreen#56d364
- terminal.ansiBrightMagenta#d2a8ff
- terminal.ansiBrightRed#ffa198
- terminal.ansiBrightWhite#f0f6fc
- terminal.ansiBrightYellow#e3b341
- terminal.ansiCyan#39c5cf
- terminal.ansiGreen#3fb950
- terminal.ansiMagenta#bc8cff
- terminal.ansiRed#ff7b72
- terminal.ansiWhite#b1bac4
- terminal.ansiYellow#ffd60a
- terminal.background#0d1117
- terminal.foreground#f0f6fc
- titleBar.activeBackground#010409
- titleBar.activeForeground#f0f6fc
- titleBar.inactiveBackground#010409
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8b949e | italic |
| string, punctuation.definition.string | #a5f3fc | — |
| constant.numeric | #ffd60a | — |
| constant.language.boolean | #ffd60a | — |
| keyword, storage.type, storage.modifier | #ff7b72 | — |
| entity.name.function, meta.function-call, variable.function, support.function | #ffd700 | — |
| entity.name.class, entity.name.type, support.class | #ffd60a | — |
| variable, meta.definition.variable | #f0f6fc | — |
| variable.other.property, support.variable.property | #79c0ff | — |
| entity.name.tag, meta.tag | #7ee787 | — |
| entity.other.attribute-name | #ffd60a | — |
| keyword.operator | #ff7b72 | — |
| punctuation | #c9d1d9 | — |
| keyword.control.import, keyword.control.export, keyword.control.from | #635bff | — |
| string.regexp | #56d364 | — |
| constant.character.escape | #ffa198 | — |
| support.type.property-name.json, meta.object-literal.key.json, variable.other.property.json | #ffd700 | — |
| string.quoted.double.json, meta.structure.dictionary.value.json string.quoted.double.json | #a5f3fc | — |
| constant.numeric.json, meta.structure.dictionary.value.json constant.numeric.json | #ffd60a | — |
| constant.language.json, meta.structure.dictionary.value.json constant.language.json | #ff7b72 | — |
| constant.language.null.json, meta.structure.dictionary.value.json constant.language.null.json | #8b949e | italic |
| punctuation.definition.string.begin.json, punctuation.definition.string.end.json, punctuation.separator.dictionary.key-value.json, punctuation.separator.dictionary.pair.json, punctuation.separator.array.json, punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json, punctuation.definition.array.begin.json, punctuation.definition.array.end.json | #635bff | — |
| comment.line.double-slash.json, comment.block.json | #8b949e | italic |
| invalid.illegal.json, invalid.deprecated.json | #ff7b72 | underline |
| meta.path.json, string.unquoted.json | #ffd60a | — |
| keyword.other.json, storage.type.json | #ff7b72 | — |
| string.quoted.single.json5, comment.line.json5, comment.block.json5 | #a5f3fc | — |
| meta.structure.array.json, meta.structure.dictionary.json | #f0f6fc | — |
| constant.character.escape.json, constant.character.numeric.json | #ffa198 | — |
| meta.array.index.json, constant.numeric.index.json | #ffd700 | — |
| markup.heading, entity.name.section.markdown, markup.heading.setext | #635bff | bold |
| punctuation.definition.heading.markdown | #ffd700 | — |
| markup.bold, punctuation.definition.bold.markdown | #ffd60a | bold |
| markup.italic, punctuation.definition.italic.markdown | #a5f3fc | italic |
| markup.strikethrough | #8b949e | strikethrough |
| markup.inline.raw.markdown, markup.inline.raw.string.markdown | #ff7b72 | — |
| markup.fenced_code.block.markdown, markup.raw.block.markdown | #7ee787 | — |
| fenced_code.block.language.markdown | #ffd700 | — |
| markup.underline.link.markdown | #79c0ff | underline |
| string.other.link.title.markdown, string.other.link.description.markdown | #58a6ff | — |
| markup.underline.link.image.markdown, markup.underline.link.markdown | #79c0ff | — |
| markup.underline.link.image.markdown | #bc8cff | — |
| markup.quote.markdown, punctuation.definition.quote.begin.markdown | #8b949e | italic |
| punctuation.definition.list.begin.markdown | #ffd700 | — |
| meta.separator.markdown | #635bff | — |
| markup.table.markdown | #f0f6fc | — |
| markup.table.header.markdown | #ffd60a | bold |
| punctuation.separator.table-cell.markdown, meta.table.header.markdown punctuation.separator.table-cell.markdown | #635bff | — |
| meta.tag.inline.any.html, meta.tag.block.any.html | #7ee787 | — |
| entity.other.attribute-name.html | #ffd60a | — |
| markup.math.inline.markdown, markup.math.block.markdown | #bc8cff | — |
| markup.footnote.markdown | #56d364 | — |