DevOption-Theme
Publisher: DevOptionThemes in package: 2
DevOption VS Code Theme
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.background#3D4852
- activityBar.foreground#F1F5F8
- activityBarBadge.background#009688
- activityBarBadge.foreground#F1F5F8
- breadcrumb.activeSelectionForeground#009688
- breadcrumb.focusForeground#009688
- breadcrumb.foreground#3D4852
- breadcrumbPicker.background#E4E8EB
- button.background#009688
- button.foreground#F1F5F8
- button.hoverBackground#1F4E4D
- editor.background#F1F5F8
- editor.foreground#3D4852
- editorGroup.border#E4E8EB
- editorGroupHeader.tabsBackground#E4E8EB
- gitDecoration.conflictingResourceForeground#d32f2f
- gitDecoration.deletedResourceForeground#d32f2f
- gitDecoration.modifiedResourceForeground#ffa000
- gitDecoration.untrackedResourceForeground#009688
- list.activeSelectionBackground#009688
- list.activeSelectionForeground#F1F5F8
- sideBar.background#E4E8EB
- sideBar.foreground#3D4852
- statusBar.background#009688
- statusBar.foreground#F1F5F8
- statusBar.noFolderBackground#009688
- statusBar.noFolderForeground#F1F5F8
- tab.inactiveBackground#E4E8EB
- tab.unfocusedHoverBackground#D7DBDE
- terminal.ansiBlack#3D4852
- terminal.ansiBlue#1976d2
- terminal.ansiBrightBlack#3D4852
- terminal.ansiBrightBlue#1976d2
- terminal.ansiBrightCyan#b2ebf2
- terminal.ansiBrightGreen#009688
- terminal.ansiBrightMagenta#c2185b
- terminal.ansiBrightRed#d32f2f
- terminal.ansiBrightWhite#F1F5F8
- terminal.ansiBrightYellow#ffa000
- terminal.ansiCyan#b2ebf2
- terminal.ansiGreen#009688
- terminal.ansiMagenta#c2185b
- terminal.ansiRed#d32f2f
- terminal.ansiWhite#F1F5F8
- terminal.ansiYellow#ffa000
- terminal.background#F1F5F8
- terminal.foreground#3D4852
- textLink.activeForeground#009688
- textLink.foreground#009688
- textPreformat.foreground#009688
- textSeparator.foreground#009688
- titleBar.activeBackground#009688
- titleBar.activeForeground#F1F5F8
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #444444 | — |
| comment | #aaaaaa | — |
| string | #64aeb3 | — |
| constant.numeric | #64aeb3 | — |
| constant.language | #8291ad | — |
| constant.character, constant.other | #8291ad | — |
| variable | — | |
| keyword | #508aaa | — |
| storage | #8291ad | |
| storage.type | #6ab0a3 | |
| entity.name.class | #8291ad | underline |
| entity.other.inherited-class | #8291ad | |
| entity.name.function | #508aaa | |
| variable.parameter | #888888 | |
| entity.name.tag | #6ab0a3 | |
| entity.other.attribute-name | #8291ad | |
| support.function | #6ab0a3 | |
| support.constant | #8291ad | |
| support.type, support.class | #8291ad | |
| support.other.variable | — | |
| invalid | #cf433e | |
| invalid.deprecated | #cf433e | — |
| meta.structure.dictionary.json string.quoted.double.json | #64aeb3 | — |
| meta.diff, meta.diff.header | #aaaaaa | — |
| markup.deleted | #e61f44 | — |
| markup.inserted | #A6E22E | — |
| markup.changed | #f7b83d | — |
| constant.numeric.line-number.find-in-files - match | #8FBE00A0 | — |
| entity.name.filename.find-in-files | #E6DB74 | — |
| keyword.other | #848484 | — |
| meta.property-value, support.constant.property-value, constant.other.color | #64aeb3 | — |
| meta.structure.dictionary.json string.quoted.double.json | #8291ad | — |
| meta.structure.dictionary.value.json string.quoted.double.json | #64aeb3 | — |
| meta.property-name support.type.property-name | — | normal |
| meta.property-value punctuation.separator.key-value | #444444 | — |
| keyword.other.use, keyword.other.function.use, keyword.other.namespace, keyword.other.new, keyword.other.special-method, keyword.other.unit, keyword.other.use-as | #6ab0a3 | — |
| meta.use support.class.builtin, meta.other.inherited-class support.class.builtin | #6ab0a3 | normal |
| variable.other | #888888 | normal |
| variable.parameter.function.coffee | #64aeb3 | |
| entity.name.section.markdown | #8291ad | — |
| punctuation.definition.heading.markdown | #508aaa | — |
| markup.raw.inline.markdown | #64aeb3 | — |
| punctuation.definition.bold.markdown, punctuation.definition.italic.markdown | #508aaa | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown | #508aaa | — |
| punctuation.definition.metadata.markdown | #508aaa | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown, meta.image.inline.markdown | #6ab0a3 | |
| markup.bold.markdown, markup.italic.markdown | #6ab0a3 | — |
| markup.italic.markdown | — | italic |
| markup.bold.markdown | — | bold |
| markup.raw.block.markdown | #664e4d | — |
| markup.deleted.git_gutter | #e61f44 | — |
| markup.inserted.git_gutter | #a7da1e | — |
| markup.changed.git_gutter | #f7b83d | — |
| meta.template.expression | #444444 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...