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#f6f8fa
- activityBar.foreground#24292f
- activityBar.inactiveForeground#656d76
- badge.background#635bff
- badge.foreground#ffffff
- button.background#635bff
- button.foreground#ffffff
- button.hoverBackground#0a2540
- dropdown.background#ffffff
- dropdown.border#d0d7de
- dropdown.foreground#24292f
- editor.background#ffffff
- editor.findMatchBackground#ffdf5d60
- editor.findMatchHighlightBackground#ffdf5d40
- editor.foreground#24292f
- editor.lineHighlightBackground#f6f8fa
- editor.selectionBackground#0969da40
- editor.selectionHighlightBackground#635bff20
- editor.wordHighlightBackground#656d7640
- editor.wordHighlightStrongBackground#635bff30
- editorCursor.foreground#635bff
- editorLineNumber.activeForeground#635bff
- editorLineNumber.foreground#656d76
- input.background#ffffff
- input.border#d0d7de
- input.foreground#24292f
- input.placeholderForeground#656d76
- list.activeSelectionBackground#ebedf0
- list.activeSelectionForeground#24292f
- list.focusBackground#ebedf0
- list.hoverBackground#f6f8fa
- list.inactiveSelectionBackground#f6f8fa
- notificationCenter.border#d0d7de
- notificationCenterHeader.background#f6f8fa
- notifications.background#f6f8fa
- notifications.border#d0d7de
- notifications.foreground#24292f
- notificationToast.border#d0d7de
- panel.background#f6f8fa
- panel.border#d0d7de
- panelTitle.activeBorder#635bff
- panelTitle.activeForeground#24292f
- panelTitle.inactiveForeground#656d76
- progressBar.background#635bff
- sideBar.background#f6f8fa
- sideBar.border#d0d7de
- sideBar.foreground#24292f
- sideBarSectionHeader.background#ffffff
- sideBarSectionHeader.foreground#24292f
- statusBar.background#ffffff
- statusBar.foreground#425a72
- statusBar.noFolderBackground#ffffff
- statusBarItem.hoverBackground#f6f8fa
- tab.activeBackground#ffffff
- tab.activeBorder#635bff
- tab.activeForeground#24292f
- tab.border#d0d7de
- tab.inactiveBackground#f6f8fa
- tab.inactiveForeground#656d76
- terminal.ansiBlack#24292f
- terminal.ansiBlue#0969da
- terminal.ansiBrightBlack#656d76
- terminal.ansiBrightBlue#218bff
- terminal.ansiBrightCyan#3192aa
- terminal.ansiBrightGreen#1a7f37
- terminal.ansiBrightMagenta#a475f9
- terminal.ansiBrightRed#a40e26
- terminal.ansiBrightWhite#8c959f
- terminal.ansiBrightYellow#633c01
- terminal.ansiCyan#1b7c83
- terminal.ansiGreen#116329
- terminal.ansiMagenta#8250df
- terminal.ansiRed#cf222e
- terminal.ansiWhite#656d76
- terminal.ansiYellow#4d2d00
- terminal.background#ffffff
- terminal.foreground#24292f
- titleBar.activeBackground#f6f8fa
- titleBar.activeForeground#24292f
- titleBar.inactiveBackground#f6f8fa
- titleBar.inactiveForeground#656d76
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #656d76 | italic |
| string, punctuation.definition.string | #0a3069 | — |
| constant.numeric | #0969da | — |
| constant.language.boolean | #0969da | — |
| keyword, storage.type, storage.modifier | #cf222e | — |
| entity.name.function, meta.function-call, variable.function, support.function | #8250df | — |
| entity.name.class, entity.name.type, support.class | #953800 | — |
| variable, meta.definition.variable | #24292f | — |
| variable.other.property, support.variable.property | #0969da | — |
| entity.name.tag, meta.tag | #116329 | — |
| entity.other.attribute-name | #953800 | — |
| keyword.operator | #cf222e | — |
| punctuation | #24292f | — |
| keyword.control.import, keyword.control.export, keyword.control.from | #635bff | — |
| string.regexp | #116329 | — |
| constant.character.escape | #a40e26 | — |
| support.type.property-name.json, meta.object-literal.key.json, variable.other.property.json | #0969da | — |
| string.quoted.double.json, meta.structure.dictionary.value.json string.quoted.double.json | #0a3069 | — |
| constant.numeric.json, meta.structure.dictionary.value.json constant.numeric.json | #953800 | — |
| constant.language.json, meta.structure.dictionary.value.json constant.language.json | #cf222e | — |
| constant.language.null.json, meta.structure.dictionary.value.json constant.language.null.json | #656d76 | 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 | #656d76 | italic |
| invalid.illegal.json, invalid.deprecated.json | #cf222e | underline |
| meta.path.json, string.unquoted.json | #953800 | — |
| keyword.other.json, storage.type.json | #cf222e | — |
| string.quoted.single.json5, comment.line.json5, comment.block.json5 | #0a3069 | — |
| meta.structure.array.json, meta.structure.dictionary.json | #24292f | — |
| constant.character.escape.json, constant.character.numeric.json | #a40e26 | — |
| markup.heading, entity.name.section.markdown, markup.heading.setext | #635bff | bold |
| punctuation.definition.heading.markdown | #953800 | — |
| markup.bold, punctuation.definition.bold.markdown | #0969da | bold |
| markup.italic, punctuation.definition.italic.markdown | #0a3069 | italic |
| markup.strikethrough | #656d76 | strikethrough |
| markup.inline.raw.markdown, markup.inline.raw.string.markdown | #cf222e | — |
| markup.fenced_code.block.markdown, markup.raw.block.markdown | #116329 | — |
| fenced_code.block.language.markdown | #953800 | — |
| markup.underline.link.markdown | #0969da | underline |
| string.other.link.title.markdown, string.other.link.description.markdown | #218bff | — |
| markup.underline.link.image.markdown, markup.underline.link.markdown | #0969da | — |
| markup.underline.link.image.markdown | #8250df | — |
| markup.quote.markdown, punctuation.definition.quote.begin.markdown | #656d76 | italic |
| punctuation.definition.list.begin.markdown | #953800 | — |
| meta.separator.markdown | #635bff | — |
| markup.table.markdown | #24292f | — |
| markup.table.header.markdown | #0969da | 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 | #116329 | — |
| entity.other.attribute-name.html | #953800 | — |
| markup.math.inline.markdown, markup.math.block.markdown | #8250df | — |
| markup.footnote.markdown | #1a7f37 | — |