Clear Dawn
Publisher: Ivan Hernandez ValmisaThemes in package: 2
A desaturated, high contrast, light 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#414861
- activityBarBadge.background#614151
- badge.background#715141
- badge.foreground#FEF6F0
- button.background#715141
- button.foreground#FEF6F0
- button.hoverBackground#D08030
- descriptionForeground#D08030
- editor.background#FAF4F0
- editor.foreground#100800
- editor.inactiveSelectionBackground#EBF0F8
- editor.lineHighlightBackground#FFFDFA
- editor.lineHighlightBorder#FFF
- editor.selectionBackground#BDC7E3
- editor.selectionHighlightBackground#EBF0F8
- editorCursor.background#ffeedd
- editorCursor.foreground#D08030
- editorIndentGuide.background#D3D3D3
- editorSuggestWidget.background#F3F3F3
- foreground#715141
- input.background#FFFFFF
- input.foreground#715141
- list.focusBackground#FFD0D0
- list.highlightForeground#FF6060
- list.hoverBackground#FFF0F0
- panel.background#E8D0C8
- panel.border#715141
- sideBar.background#E8D0C8
- sideBar.border#715141
- sideBar.foreground#100800
- sideBarTitle.foreground#6F6F6F
- statusBar.background#414861
- statusBar.debuggingBackground#813131
- statusBar.foreground#FFFDF8
- statusBar.noFolderBackground#614151
- terminal.ansiBlack#040800
- terminal.ansiBlue#004080
- terminal.ansiBrightBlack#809070
- terminal.ansiBrightBlue#2040E0
- terminal.ansiBrightCyan#20E0D0
- terminal.ansiBrightGreen#20E010
- terminal.ansiBrightMagenta#E040E0
- terminal.ansiBrightRed#E04800
- terminal.ansiBrightWhite#D8E8E0
- terminal.ansiBrightYellow#D0E000
- terminal.ansiCyan#009080
- terminal.ansiGreen#209000
- terminal.ansiMagenta#804080
- terminal.ansiRed#804000
- terminal.ansiWhite#C8D0C0
- terminal.ansiYellow#809000
- terminal.background#040800
- terminal.foreground#C8E0C0
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| emphasis | — | italic |
| strong | — | bold |
| meta.diff.header | #100800 | — |
| comment | #AA9999 | italic |
| constant.language | #6171A1 | italic |
| constant.numeric | #A16191 | — |
| string | #A13131 | — |
| constant.other.placeholder | #A16191 | italic |
| string.comment.buffered.block.jade, string.quoted.jade, string.interpolated.jade, string.unquoted.plain.in.yaml, string.unquoted.plain.out.yaml, string.unquoted.block.yaml, string.quoted.single.yaml, string.quoted.double.xml, string.quoted.single.xml, string.unquoted.cdata.xml, string.quoted.double.html, string.quoted.single.html, string.unquoted.html, string.quoted.single.handlebars, string.quoted.double.handlebars | #A13131 | — |
| string.regexp, constant.regexp | #A13130 | italic |
| entity.name.selector | #100800 | — |
| entity.other.attribute-name.namespace | #6171A1 | |
| entity.other.attribute-name | #100800 | |
| entity.name.tag | — | bold |
| entity.name.tag.css | — | italic bold |
| entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss | #A16191 | italic bold |
| entity.other.attribute-name.class.css, meta.attribute.class.html string.quoted.single.html, meta.attribute.class.html string.quoted.double.html | #6171A1 | italic bold |
| entity.other.attribute-name.id, meta.attribute.id.html string.quoted.single.html, meta.attribute.id.html string.quoted.double.html | #519171 | italic bold |
| invalid | #100800 | — |
| markup.underline | — | underline |
| markup.bold | — | bold |
| markup.heading | #6171A1 | bold |
| markup.italic | — | italic |
| markup.list | #A16191 | — |
| markup.list.numbered | #A16191 | — |
| markup.list.numbered | #A16191 | — |
| markup.quote | #519171 | — |
| markup.raw | #519171 | — |
| markup.inline.raw | #519171 | — |
| markup.inserted | #00D080 | — |
| markup.deleted | #D00000 | — |
| markup.changed | #0080F0 | — |
| beginning.punctuation.definition.quote.markdown, beginning.punctuation.definition.list.markdown | #100800 | — |
| markup.inline.raw | #100800 | — |
| meta.selector | #100800 | — |
| punctuation.definition.tag | #706050 | — |
| meta.preprocessor | #100800 | — |
| meta.preprocessor.string | #A13131 | — |
| meta.preprocessor.numeric | #A16191 | — |
| meta.structure.dictionary.key.python | #100800 | — |
| storage | — | bold |
| storage.type | — | bold |
| storage.modifier | — | bold |
| punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts, punctuation.definition.template-expression.end.js | #6171A1 | bold |
| meta.template.expression, meta.interpolation | #6171A1 | — |
| support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color | — | — |
| support.type.property-name | #100800 | bold |
| variable.css, variable.scss, variable.other.less | #519171 | italic bold |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | — | — |
| support.function.git-rebase | #0080F0 | — |
| constant.sha.git-rebase | #00C080 | — |
| storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java | — | italic bold |
| keyword, keyword.control | — | bold |
| keyword.control.export, keyword.control.as, keyword.other.as, keyword.other.await, keyword.other.lock | — | italic bold |
| keyword.operator.cast, keyword.operator.new, keyword.other.new, keyword.operator.sizeof, keyword.operator.expression, keyword.operator.logical.python | #6171A1 | italic |
| keyword.operator | #100800 | bold |
| keyword.other.unit | #6171A1 | italic |
| entity.name.function, support.function, support.constant.handlebars | #6171A1 | — |
| meta.return-type, support.class, support.type, entity.name.type, entity.name.class, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy | — | bold |
| entity.name.type.class, entity.name.type.alias, entity.name.variable.parameter, variable.parameter | #519171 | italic bold |
| variable.language, keyword.other.this | #519171 | italic |
| meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json | #A16191 | — |
| entity.other.inherited-class | — | bold |
| variable, meta.definition.variable.name, support.variable | — | — |
| meta.object-literal.key, meta.object-literal.key entity.name.function | — | italic |
| support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color | #6171A1 | — |
| text.html.markdown.journal.task.open.bullet, text.html.markdown.journal.task.open.marker | #FFFF00 | — |
| text.html.markdown.journal.task.open.keyword, text.html.markdown.journal.task.completed.keyword, text.html.markdown.journal.memo.keyword, text.html.markdown.journal.link.keyword | — | italic |
| text.html.markdown.journal.task.open.text | — | — |
| text.html.markdown.journal.task.completed.marker, text.html.markdown.journal.task.completed.text | #AAAAAA | — |
| text.html.markdown.journal.task.completed.bullet, text.html.markdown.journal.memo.bullet, text.html.markdown.journal.scope, text.html.markdown.journal.link.bullet | #CCCC00 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...