Code Light
Publisher: MaterilioThemes in package: 1
It's a Light Theme for the REAL CODERS out there!
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#FFFFFF
- activityBar.border#FFFFFF00
- activityBar.foreground#333333cb
- activityBarBadge.background#d8787800
- activityBarBadge.foreground#000000
- badge.background#ffffff00
- badge.foreground#000000
- breadcrumb.activeSelectionForeground#F24236
- breadcrumb.background#FFFFFF
- breadcrumb.focusForeground#333333
- breadcrumb.foreground#ff7979
- breadcrumbPicker.background#FFFFFF
- button.background#F2423650
- contrastBorder#F2423640
- debugToolBar.background#FFFFFF
- diffEditor.insertedTextBackground#d8606015
- diffEditor.removedTextBackground#da555520
- dropdown.background#FFFFFF
- dropdown.border#33333310
- editor.background#FFFFFF
- editor.findMatchBackground#FFFFFF
- editor.findMatchBorder#F24236
- editor.findMatchHighlightBackground#F2423693
- editor.findMatchHighlightBorder#00000030
- editor.foreground#333333
- editor.lineHighlightBackground#FFFFFF50
- editor.selectionBackground#d8787830
- editor.selectionHighlightBackground#aa34346b
- editor.selectionHighlightBorder#d87878f0
- editorBracketMatch.background#fbf5fb
- editorBracketMatch.border#a830307f
- editorCursor.foreground#a83030
- editorError.foreground#C24E4E70
- editorGroup.border#FFFFFF30
- editorGroup.dropBackground#a830303f
- editorGroupHeader.tabsBackground#FFFFFF
- editorGutter.addedBackground#d8606060
- editorGutter.deletedBackground#C24E4E60
- editorGutter.modifiedBackground#d8787860
- editorHoverWidget.background#FFFFFF
- editorHoverWidget.border#33333310
- editorIndentGuide.activeBackground#FFFFFF
- editorIndentGuide.background#FFFFFF70
- editorInfo.foreground#d8787870
- editorLineNumber.activeForeground#d87878bd
- editorLineNumber.foreground#2424242c
- editorLink.activeForeground#333333
- editorMarkerNavigation.background#33333305
- editorOverviewRuler.border#FFFFFF00
- editorOverviewRuler.errorForeground#ff000025
- editorOverviewRuler.findMatchForeground#f243366b
- editorOverviewRuler.infoForeground#d8787825
- editorOverviewRuler.modifiedForeground#ff00c825
- editorOverviewRuler.warningForeground#a8303025
- editorRuler.foreground#FFFFFF
- editorSuggestWidget.background#FFFFFF
- editorSuggestWidget.border#33333310
- editorSuggestWidget.foreground#333333
- editorSuggestWidget.highlightForeground#a83030
- editorSuggestWidget.selectedBackground#F2423620
- editorWarning.foreground#d86060
- editorWhitespace.foreground#33333340
- editorWidget.background#FFFFFF
- editorWidget.border#a83030
- editorWidget.resizeBorder#F24236
- extensionButton.prominentBackground#d8606090
- extensionButton.prominentHoverBackground#C24E4E
- focusBorder#33333300
- gitDecoration.conflictingResourceForeground#540069
- gitDecoration.deletedResourceForeground#630000
- gitDecoration.ignoredResourceForeground#818181
- gitDecoration.modifiedResourceForeground#280055
- gitDecoration.untrackedResourceForeground#4223a1
- input.background#FFFFFF
- input.border#33333310
- input.foreground#333333
- input.placeholderForeground#33333360
- inputOption.activeBackground#33333330
- inputOption.activeBorder#33333330
- inputValidation.errorBorder#C24E4E50
- inputValidation.infoBorder#d8787850
- inputValidation.warningBorder#a8303050
- list.activeSelectionBackground#FFFFFF
- list.activeSelectionForeground#242424
- list.deemphasizedForeground#00ccff
- list.errorForeground#ff5050e7
- list.focusBackground#FFFFFF
- list.focusForeground#242424
- list.highlightForeground#f3f3f3
- list.hoverBackground#ca545465
- list.hoverForeground#242424
- list.inactiveFocusBackground#a83030
- list.inactiveSelectionBackground#FFFFFF30
- list.inactiveSelectionForeground#242424
- list.invalidItemForeground#49b6ff
- list.warningForeground#ff6dd3e3
- listFilterWidget.background#c335359f
- listFilterWidget.noMatchesOutline#FFFFFF30
- listFilterWidget.outline#FFFFFF30
- menu.background#FFFFFFf8
- menu.border#FFFFFF
- menu.foreground#242424
- menu.selectionBackground#ff000055
- menu.selectionBorder#00000000
- menu.selectionForeground#ff0000
- menu.separatorBackground#24242457
- menubar.selectionBackground#FFFFFF
- menubar.selectionBorder#f2433600
- menubar.selectionForeground#242424
- minimap.background#FFFFFF
- minimapGutter.addedBackground#C24E4E
- minimapGutter.deletedBackground#a83030
- minimapGutter.modifiedBackground#d86060
- minimapSlider.activeBackground#d86060b0
- minimapSlider.background#d860601f
- minimapSlider.hoverBackground#d860603d
- notificationLink.foreground#F24236
- notifications.background#FFFFFF
- notifications.foreground#333333
- panel.background#FFFFFF
- panel.border#FFFFFF60
- panelTitle.activeBorder#F24236
- panelTitle.activeForeground#333333
- panelTitle.inactiveForeground#333333
- peekView.border#FFFFFF30
- peekViewEditor.background#33333305
- peekViewEditor.matchHighlightBackground#F2423650
- peekViewEditorGutter.background#33333305
- peekViewResult.background#33333305
- peekViewResult.matchHighlightBackground#F2423650
- peekViewResult.selectionBackground#F2423670
- peekViewTitle.background#333333
- peekViewTitleDescription.foreground#33333360
- pickerGroup.foreground#F24236
- progressBar.background#F24236
- scrollbar.shadow#FFFFFF00
- scrollbarSlider.activeBackground#f243368f
- scrollbarSlider.background#f2433644
- scrollbarSlider.hoverBackground#f2433667
- selection.background#F24236
- settings.checkboxBackground#FFFFFF
- settings.checkboxForeground#333333
- settings.dropdownBackground#FFFFFF
- settings.dropdownForeground#333333
- settings.headerForeground#F24236
- settings.modifiedItemIndicator#F24236
- settings.numberInputBackground#f5f5fb
- settings.numberInputForeground#333333
- settings.textInputBackground#FFFFFF
- settings.textInputForeground#333333
- sideBar.background#FFFFFF
- sideBar.border#00000000
- sideBar.foreground#202020
- sideBarSectionHeader.background#FFFFFF
- sideBarSectionHeader.border#FFFFFF96
- sideBarSectionHeader.foreground#333333
- sideBarTitle.foreground#333333
- statusBar.background#ff454580
- statusBar.border#FFFFFF60
- statusBar.debuggingBackground#a83030
- statusBar.debuggingForeground#333333
- statusBar.foreground#eeeeee
- statusBar.noFolderBackground#FFFFFF
- statusBarItem.hoverBackground#a8303065
- statusBarItem.remoteBackground#F24236
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#f243361e
- tab.activeBorder#c3343400
- tab.activeForeground#242424
- tab.activeModifiedBorder#F24236
- tab.border#FFFFFF
- tab.inactiveBackground#FFFFFF
- tab.inactiveForeground#333333de
- tab.unfocusedActiveBackground#FFFFFF
- tab.unfocusedActiveBorder#3d3d3d
- tab.unfocusedActiveForeground#333333
- tab.unfocusedInactiveBackground#FFFFFF
- tab.unfocusedInactiveForeground#3333337f
- terminal.ansiBlack#000000
- terminal.ansiBlue#1f79ff
- terminal.ansiBrightBlack#000000
- terminal.ansiBrightBlue#0084ff
- terminal.ansiBrightCyan#26ffdb
- terminal.ansiBrightGreen#70e700
- terminal.ansiBrightMagenta#a83030
- terminal.ansiBrightRed#C24E4E
- terminal.ansiBrightWhite#333333
- terminal.ansiBrightYellow#dfc800
- terminal.ansiCyan#009797
- terminal.ansiGreen#0e7c00
- terminal.ansiMagenta#6b0050
- terminal.ansiRed#b90000
- terminal.ansiWhite#fcfcfc
- terminal.ansiYellow#e4c200
- terminal.border#FFFFFF
- terminal.foreground#141414
- terminalCursor.background#FFFFFF
- terminalCursor.foreground#252525
- textLink.activeForeground#333333
- textLink.foreground#F24236
- titleBar.activeBackground#FFFFFF
- titleBar.activeForeground#242424
- titleBar.border#FFFFFF60
- titleBar.inactiveBackground#FFFFFF
- titleBar.inactiveForeground#242424
- tree.indentGuidesStroke#FFFFFF
- widget.shadow#793d3d30
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #AAAAAA | italic |
| comment.block.preprocessor | #AAAAAA | |
| comment.documentation, comment.block.documentation | #448C27 | — |
| invalid.illegal | #660000 | — |
| keyword.operator | #777777 | — |
| keyword, storage | #4B83CD | — |
| storage.type, support.type | #7A3E9D | — |
| constant.language, support.constant, variable.language | #AB6526 | — |
| variable, support.variable | #7A3E9D | — |
| entity.name.function, support.function | #AA3731 | bold |
| entity.name.type, entity.other.inherited-class, support.class | #7A3E9D | bold |
| entity.name.exception | #660000 | — |
| entity.name.section | — | bold |
| constant.numeric, constant.character, constant | #AB6526 | — |
| string | #448C27 | — |
| constant.character.escape | #777777 | — |
| string.regexp | #4B83CD | — |
| constant.other.symbol | #AB6526 | — |
| punctuation | #777777 | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #AAAAAA | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #91B3E0 | — |
| entity.name.tag | #4B83CD | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #91B3E0 | italic |
| constant.character.entity, punctuation.definition.entity | #AB6526 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #7A3E9D | — |
| meta.property-name, support.type.property-name | #AB6526 | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #448C27 | — |
| keyword.other.important | — | bold |
| markup.changed | #000000 | — |
| markup.deleted | #000000 | — |
| markup.italic | — | italic |
| markup.error | #660000 | — |
| markup.inserted | #000000 | — |
| meta.link | #4B83CD | — |
| markup.output, markup.raw | #777777 | — |
| markup.prompt | #777777 | — |
| markup.heading | #AA3731 | — |
| markup.bold | — | bold |
| markup.traceback | #660000 | — |
| markup.underline | — | underline |
| markup.quote | #7A3E9D | — |
| markup.list | #4B83CD | — |
| markup.bold, markup.italic | #448C27 | — |
| markup.inline.raw | #AB6526 | |
| meta.diff.range, meta.diff.index, meta.separator | #434343 | — |
| meta.diff.header.from-file | #434343 | — |
| meta.diff.header.to-file | #434343 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...