Light Theme ( Prism )
Publisher: AlexanderThemes in package: 2
Light theme for ... eyes or something.
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.activeBackground#70809020
- activityBar.activeBorder#fff0
- activityBar.background#f8f6f5
- activityBar.border#c6ccd3
- activityBar.foreground#111
- activityBarBadge.background#9ba6b1
- badge.background#9ba6b1
- badge.foreground#fff
- breadcrumb.activeSelectionForeground#990055DD
- breadcrumb.background#f8f6f5
- breadcrumb.focusForeground#990055DD
- breadcrumb.foreground#000
- button.background#008ac6
- button.hoverBackground#0079ad
- button.secondaryBackground#708090
- commandCenter.activeBackground#70809030
- commandCenter.activeBorder#708090
- commandCenter.background#70809018
- commandCenter.border#70809080
- commandCenter.foreground#000000
- debugConsole.infoForeground#0083bc
- debugTokenExpression.boolean#0077AA
- debugTokenExpression.error#e6254b
- debugTokenExpression.name#990055
- debugTokenExpression.number#0077AA
- debugTokenExpression.string#669900
- debugTokenExpression.value#8d9aa6
- diffEditor.insertedLineBackground#66990024
- diffEditor.insertedTextBackground#6699002b
- diffEditor.removedLineBackground#d9355624
- diffEditor.removedTextBackground#d9355628
- editor.background#f8f6f5
- editor.findMatchBackground#70809040
- editor.findMatchBorder#0095d5
- editor.findMatchHighlightBackground#ea5c0055
- editor.findMatchHighlightBorder#fff0
- editor.foldBackground#0095d518
- editor.foreground#494949
- editor.hoverHighlightBackground#0095d529
- editor.lineHighlightBackground#7080901b
- editor.selectionBackground#cbe2fa
- editor.selectionHighlightBorder#70809050
- editor.wordHighlightBackground#66990018
- editor.wordHighlightBorder#66990040
- editor.wordHighlightStrongBackground#66990018
- editor.wordHighlightStrongBorder#66990040
- editorBracketMatch.background#0095d517
- editorBracketMatch.border#8d9aa6
- editorCursor.background#fff
- editorCursor.foreground#0095d5
- editorError.foreground#d93556
- editorGroup.border#c6ccd3bb
- editorGroupHeader.border#70809040
- editorGroupHeader.tabsBackground#f7f5f3
- editorGroupHeader.tabsBorder#e2e6e9
- editorHoverWidget.border#d4d9de
- editorHoverWidget.highlightForeground#0079ad
- editorHoverWidget.statusBarBackground#70809018
- editorIndentGuide.activeBackground1#70809060
- editorIndentGuide.background1#70809022
- editorLineNumber.activeForeground#5a6773
- editorLineNumber.foreground#70809060
- editorLink.activeForeground#990055DD
- editorOverviewRuler.addedForeground#0095d5
- editorOverviewRuler.border#d4d9de
- editorOverviewRuler.bracketMatchForeground#8d9aa6
- editorOverviewRuler.deletedForeground#0095d5
- editorOverviewRuler.modifiedForeground#0095d5
- editorOverviewRuler.warningForeground#ee9900
- editorOverviewRuler.wordHighlightForeground#66990080
- editorOverviewRuler.wordHighlightStrongForeground#66990080
- editorRuler.foreground#d5d9de
- editorSuggestWidget.highlightForeground#0066bf
- editorUnnecessaryCode.opacity#ffffff8f
- editorWarning.foreground#ee9900
- editorWidget.resizeBorder#84909c99
- extensionButton.prominentBackground#008ac6
- extensionButton.prominentHoverBackground#0079ad
- extensionIcon.starForeground#ee9900
- focusBorder#0095d5
- gitDecoration.deletedResourceForeground#d93556
- gitDecoration.ignoredResourceForeground#9ba7b1
- gitDecoration.modifiedResourceForeground#0095d5
- gitDecoration.stageDeletedResourceForeground#d93556
- gitDecoration.stageModifiedResourceForeground#0095d5
- gitDecoration.untrackedResourceForeground#690
- input.border#e3e6e9
- input.foreground#171a1d
- inputValidation.errorBackground#d93556
- inputValidation.errorBorder#d93556
- inputValidation.errorForeground#ffffff
- inputValidation.infoBackground#0095d5
- inputValidation.infoBorder#0095d5
- inputValidation.infoForeground#ffffff
- inputValidation.warningBackground#ee9900
- inputValidation.warningBorder#ee9900
- inputValidation.warningForeground#ffffff
- list.activeSelectionBackground#70809015
- list.activeSelectionForeground#000000
- list.errorForeground#e6254b
- list.highlightForeground#0066bf
- list.hoverBackground#70809020
- list.inactiveSelectionBackground#70809020
- list.warningForeground#ee9900
- menu.selectionBackground#70809028
- menu.selectionForeground#616161
- menu.separatorBackground#70809040
- menubar.selectionBackground#70809030
- minimap.errorHighlight#d93556
- minimap.warningHighlight#ee9900
- minimapSlider.activeBackground#70809040
- minimapSlider.background#70809040
- minimapSlider.hoverBackground#70809040
- panel.border#d4d9de
- panelSectionHeader.background#7080901a
- panelTitle.activeBorder#000
- panelTitle.activeForeground#000
- panelTitle.inactiveForeground#84909c
- peekViewEditor.background#f8f6f5
- progressBar.background#0095d5
- quickInput.foreground#222
- quickInputList.focusBackground#70809020
- quickInputTitle.background#0000
- sash.hoverBorder#0095d570
- scrollbar.shadow#70809050
- scrollbarSlider.activeBackground#70809040
- scrollbarSlider.background#70809040
- scrollbarSlider.hoverBackground#70809040
- selection.background#0095d540
- sideBar.background#f8f6f5
- sideBar.border#d4d9de
- sideBarSectionHeader.background#7080901a
- statusBar.background#f8f6f5
- statusBar.border#c6ccd388
- statusBar.debuggingBackground#ee990030
- statusBar.foreground#090909
- statusBar.noFolderBackground#70809020
- statusBar.noFolderForeground#000
- statusBarItem.compactHoverBackground#70809020
- statusBarItem.errorBackground#d93556
- statusBarItem.errorForeground#ffffff
- statusBarItem.hoverBackground#70809040
- statusBarItem.prominentBackground#d93556
- statusBarItem.prominentForeground#ffffff
- statusBarItem.warningBackground#ee9900
- statusBarItem.warningForeground#ffffff
- tab.activeBackground#70809014
- tab.activeBorder#708090
- tab.activeForeground#000000
- tab.activeModifiedBorder#0095d5
- tab.border#70809030
- tab.hoverBackground#70809018
- tab.hoverBorder#708090
- tab.inactiveBackground#f7f5f3
- tab.inactiveForeground#444
- tab.lastPinnedBorder#70809030
- tab.unfocusedActiveForeground#000000
- tab.unfocusedHoverBackground#70809020
- tab.unfocusedInactiveBackground#f7f5f3
- tab.unfocusedInactiveForeground#000000
- terminal.ansiBlack#000
- terminal.ansiBlue#008ac6
- terminal.ansiBrightBlack#000
- terminal.ansiBrightBlue#0083bc
- terminal.ansiBrightGreen#690
- terminal.ansiBrightMagenta#a8005e
- terminal.ansiBrightWhite#5a6773
- terminal.ansiBrightYellow#ee9900
- terminal.ansiGreen#690
- terminal.ansiMagenta#a8005e
- terminal.ansiRed#d93556
- terminal.ansiWhite#b8c0c7
- terminal.ansiYellow#ee9900
- terminal.selectionBackground#cbe2fa
- textCodeBlock.background#dde1e5
- textLink.activeForeground#990055DD
- textLink.foreground#07a
- textPreformat.background#dde1e5cc
- textPreformat.foreground#22272b
- titleBar.activeBackground#f8f6f5
- titleBar.activeForeground#111
- titleBar.border#70809040
- toolbar.hoverBackground#70809025
- toolbar.hoverOutline#424242
- welcomePage.progress.foreground#0077aa
- welcomePage.tileBackground#70809010
- welcomePage.tileHoverBackground#70809020
- widget.shadow#70809050
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8d9aa6 | — |
| comment.block.preprocessor | #AAAAAA | |
| meta.brace.square, meta.brace.round, punctuation.separator.parameter | #999 | — |
| variable.parameter, meta.function.parameter variable | #990055 | — |
| meta.embedded, source.groovy.embedded, meta.template.expression | #494949 | — |
| invalid.deprecated | #96000080 | — |
| invalid, invalid.illegal | #d93556 | — |
| keyword.operator, constant.language.import-export-all | #9a6e3a | — |
| keyword, storage | #07a | — |
| storage.type, support.type, keyword.operator.expression, keyword.operator.new | #07a | — |
| cast.expr.ts meta.brace.angle.ts, keyword.operator.definiteassignment | #ee9900 | — |
| constant.language, support.constant, variable.language | #07a | — |
| support.variable.property.dom, support.variable.dom, support.variable.property, variable | #494949 | — |
| meta.template.expression punctuation.definition.template-expression, expression.embedded punctuation.definition.generic, punctuation.section.embedded, variable.interpolation, string.interpolated.pug, meta.interpolation.stylus meta.brace.curly | #EE9900 | bold |
| entity.name.function, support.function, new.expr entity.name.type | #d93556 | — |
| support.class | #d93556 | bold |
| entity.other.inherited-class | #690 | — |
| support.class | #690 | — |
| support.class.component | #d93556 | — |
| entity.name.type, support.type.primitive, support.type.builtin, meta.type.annotation entity.name.type, meta.type.parameters entity.name.type | #708090 | — |
| entity.name.type | — | bold |
| punctuation.definition.typeparameters, keyword.operator.type, keyword.operator.optional, source.tsx punctuation.section.embedded, source.jsx punctuation.section.embedded | #ee9900 | |
| entity.other.attribute-name.html, entity.other.attribute-name.id.html, entity.other.attribute-name.tsx | #07a | — |
| entity.name.exception | #660000 | — |
| constant.numeric, constant.character, constant, constant.language.boolean, constant.language.nan, constant.language.infinity, constant.language.undefined, constant.language.null, source.editorconfig constant.language | #990055 | bold |
| entity.other.inherited-class | — | bold |
| string, punctuation.definition.string | #690 | — |
| constant.character.escape | #ee9900 | — |
| string.regexp, string.regexp punctuation.definition.string | #ee9900 | — |
| constant.other.symbol | #AB6526 | — |
| punctuation | #999 | — |
| meta.tag.metadata.doctype entity.name.tag, meta.tag.metadata.doctype punctuation.definition.tag, meta.tag.metadata.doctype entity.other.attribute-name.html, meta.tag.sgml.doctype | #8D9AA6bb | — |
| entity.name.tag | #990055 | — |
| meta.tag string | #07a | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #07a | — |
| constant.character.entity, punctuation.definition.entity | #AB6526 | — |
| meta.property-name, support.type.property-name | #990055 | — |
| keyword.control.at-rule.import | #07a | — |
| entity.other.attribute-name.class, entity.other.attribute-name punctuation.definition.entity | #690 | — |
| entity.name.tag.css | #ee9900 | — |
| entity.other.attribute-name.id, entity.other.attribute-name.id punctuation.definition.entity | #9a6e3a | — |
| entity.other.attribute-name.id.html | #690 | — |
| constant.numeric.css | #384048 | — |
| entity.other.attribute-name punctuation.definition.entity | #999 | — |
| constant.numeric keyword.other.unit | #8d9aa6 | — |
| variable.parameter.url | #9a6e3a | — |
| constant.other.color | #07a | — |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class | #07a | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #448C27 | — |
| keyword.other.important | #d93556 | bold |
| variable.scss | #ee9900 | — |
| entity.name.tag.reference.scss | #9a6e3a | — |
| markup.changed | #ee9900 | — |
| markup.deleted | #d93556 | — |
| markup.error | #660000 | — |
| markup.inserted | #690 | — |
| meta.link | #4B83CD | — |
| markup.output, markup.raw | #777777 | — |
| markup.prompt | #777777 | — |
| markup.heading | #AA3731 | — |
| markup.traceback | #660000 | — |
| markup.underline | — | underline |
| markup.quote | #7A3E9D | — |
| meta.diff.range, meta.diff.index, meta.separator | #07a | — |
| meta.diff.header.from-file | #990055 | — |
| meta.diff.header.to-file | #690 | — |
| entity.name.section.group-title.ini | #ee9900 | bold |
| punctuation.definition.entity.ini | #999 | — |
| keyword.other.definition.ini | #990055 | — |
| source.ini | #07a | — |
| entity.name.section.markdown, markup.heading.setext | #ee9900 | bold |
| punctuation.definition.list | #d93556 | — |
| markup.inline.raw | #07a | — |
| meta.link punctuation.definition.string, meta.image punctuation.definition.string | #999 | — |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.underline.link.image.markdown | #990055DD | — |
| markup.heading.setext | #9ba6b1 | — |
| constant.numeric.json | #07a | — |
| string.interpolated.pug variable | #494949 | — |
| support.variable | #ee9900 | — |
| meta.tag string, source.vue string.quoted | #669900 | — |
| meta.directive.vue entity.other.attribute-name.html | #e19100 | — |
| meta.function-call.generic.python, meta.function-call support.type | #d93556 | — |
| punctuation.definition.list.end.python, punctuation.definition.list.begin.python | #999 | — |
| support.type.exception, entity.name.exception | #d93556 | bold |
| log.info | #0087c1 | — |
| log.warning | #ee9900 | — |
| log.error | #d93556 | — |
| log.debug | #9a6e3a | — |
| log.constant | #990055 | — |
| comment.block.documentation variable.other.jsdoc | #494949 | — |
| punctuation.definition.directive | #990055 | — |
| string.quoted.other.lt-gt.include punctuation.definition.string | #999 | — |
| punctuation.separator.namespace | #9a6e3a | — |
| meta.import.java storage.modifier | #990055 | — |
| keyword.operator.instanceof.java | #07a | — |
| punctuation.definition.variable.begin.batchfile, punctuation.definition.variable.end.batchfile | #d93556 | — |
| keyword.type | #708090 | — |
| entity.name.type.namespace | #ee9900 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...