Placard
Publisher: Milad FathyThemes in package: 1
A Beautiful Dark Color Theme For VSCode Insider
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#24BFA5
- activityBar.activeFocusBorder#24BFA5
- activityBar.background#121315
- activityBar.foreground#e7e7e7
- activityBarBadge.background#24BFA5
- activityBarBadge.foreground#f0f0f0
- breadcrumb.background#121315
- breadcrumb.focusForeground#24BFA5
- breadcrumb.foreground#e0e0e0
- breadcrumbPicker.background#1b1b1d
- button.background#24bfa5a8
- button.foreground#f0f0f0
- button.hoverBackground#0db498d3
- checkbox.border#24BFA5
- checkbox.foreground#24BFA5
- diffEditor.insertedTextBackground#66f0c213
- dropdown.background#202124
- dropdown.border#00BCD4
- dropdown.foreground#eeeeee
- editor.background#17181a
- editor.findMatchBorder#00BCD4
- editor.foreground#e2e2e2ec
- editor.lineHighlightBackground#343f5667
- editor.lineHighlightBorder#343f5667
- editor.selectionBackground#343F56
- editor.selectionHighlightBackground#2929293b
- editor.wordHighlightBackground#343F56
- editorCursor.foreground#24BFA5
- editorGroupHeader.tabsBackground#17181a
- editorGutter.addedBackground#24BFA5
- editorGutter.modifiedBackground#938464
- editorHoverWidget.background#17181a
- editorHoverWidget.foreground#cecece
- editorIndentGuide.background#97a7c826
- editorLineNumber.activeForeground#ffffff9a
- editorLineNumber.foreground#94949460
- editorSuggestWidget.background#212224
- editorSuggestWidget.border#585858
- editorSuggestWidget.foreground#cecece
- editorSuggestWidget.highlightForeground#24BFA5
- editorSuggestWidget.selectedBackground#1c423cc5
- editorWhitespace.foreground#3b3a32
- editorWidget.background#17181a
- focusBorder#535353
- foreground#dadada
- gitDecoration.ignoredResourceForeground#3D4D67
- gitDecoration.modifiedResourceForeground#E3C18A
- gitDecoration.untrackedResourceForeground#70CA8E
- input.background#202124
- input.border#dfdfdf44
- input.foreground#f0f0f0
- input.placeholderForeground#c0c0c06e
- inputOption.activeBorder#24BFA5
- inputOption.activeForeground#f0f0f0
- list.activeSelectionBackground#e6e6e609
- list.activeSelectionForeground#ffffff
- list.deemphasizedForeground#24BFA5
- list.focusBackground#1a1a17
- list.focusForeground#fff
- list.focusOutline#c0c0c06e
- list.highlightForeground#24BFA5
- list.hoverBackground#1E1F21
- list.inactiveSelectionBackground#e6e6e609
- list.inactiveSelectionForeground#D5D9E2
- menu.selectionForeground#24BFA5
- menubar.selectionForeground#24BFA5
- notificationLink.foreground#f8f8f8
- panel.background#121315
- panel.border#121315
- panel.dropBorder#24BFA5
- panelInput.border#24BFA5
- panelTitle.activeBorder#24BFA5
- panelTitle.activeForeground#ffff
- pickerGroup.foreground#24BFA5
- progressBar.background#00BCD4
- scrollbarSlider.activeBackground#ffffff50
- scrollbarSlider.background#252526
- scrollbarSlider.hoverBackground#2b2b2b
- settings.dropdownBorder#24BFA5
- settings.headerForeground#24BFA5
- settings.modifiedItemIndicator#24BFA5
- sideBar.background#121315
- sideBarSectionHeader.background#121315
- sideBarSectionHeader.border#121315
- sideBarSectionHeader.foreground#24BFA5
- sideBarTitle.foreground#24BFA5
- statusBar.background#121315
- statusBar.border#121315
- statusBar.foreground#e8e8e8
- statusBar.noFolderBackground#121315
- statusBar.noFolderBorder#121315
- statusBarItem.activeBackground#24BFA5
- statusBarItem.hoverBackground#64f0d82d
- tab.activeBackground#24bfa509
- tab.activeBorder#24BFA5
- tab.inactiveBackground#252629
- tab.inactiveForeground#f0f0f0
- tab.unfocusedInactiveForeground#24BFA5
- terminal.background#121315
- terminal.border#121315
- textLink.foreground#00BCD4
- titleBar.activeBackground#121315
- titleBar.activeForeground#f0f0f0
- titleBar.inactiveBackground#121315
- titleBar.inactiveForeground#f0f0f0
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| Global settings | #97a7c8ff | — |
| comment | #69768a | — |
| string | #37E7AC | — |
| string.unquoted.html, string.quoted.double.js, string.quoted.single.html, constant.other.symbol, entity.other.inherited-class | #B3D667 | — |
| string.quoted.single.js | #70F49C | — |
| support.variable.dom.js | #59f2f7 | — |
| variable.other.constant.js, variable.other.constant.object.js, variable.other.constant.property.js | #f0ab65 | — |
| constant.numeric | #58b4ff | — |
| constant.language | #FFE792 | — |
| constant.character, constant.other | #AC58FF | — |
| variable | #B7C6DA | — |
| keyword | #E95293 | — |
| storage | #FF5BA2 | — |
| storage.type | #be5df7 | — |
| entity.name.class | #82C600 | — |
| entity.other.inherited-class | #82C600 | italic underline |
| variable.parameter | #85AC3A | — |
| entity.name.tag | #00B2FF | — |
| entity.other.attribute-name, string.quoted.double.json | #fed404ea | — |
| , entity.other.attribute-name.class.css | #c34ef1c7 | — |
| meta.tag.other, entity.name.tag.style, entity.name.tag.script, meta.tag.block.script, source.js.embedded punctuation.definition.tag.html, source.css.embedded punctuation.definition.tag.html | #1ab2f8 | — |
| meta.tag.metadata.meta.void.html,punctuation.separator.key-value.html | #FED604 | — |
| variable.language.this.js, variable.language.this.ts, entity.name.type | #f859b1 | — |
| entity.other.attribute-name.id.html | #f64ab475 | — |
| entity.name.function.js, entity.name.function.method.js, entity.name.accessor.js, entity.name.class.js | #f39163 | — |
| support.class.builtin.js, entity.name.type.class.js | #f859b1 | — |
| variable.parameter.js, constant.other.object.key.js, variable.other.readwrite.js, punctuation.definition.parameters.begin.js, punctuation.definition.parameters.end.js, meta.object-literal.key.js, meta.array.literal.js, meta.brace.round.js, punctuation.definition.block.js, meta.objectliteral.js | #ff9e9e | — |
| constant.language.boolean.false.js, constant.language.boolean.true.js | #ea80e1 | — |
| support.variable.property.dom.js, entity.name.type.new.js | #e76572 | — |
| punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end | #0587c4 | — |
| meta.tag string -source -punctuation, text source text meta.tag string -punctuation | #37E7AC | — |
| punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html | #D0B344 | — |
| meta.toc-list.id | #88F2AF | — |
| string.quoted.double.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html, string.quoted.double.handlebars | #37E7AC | — |
| entity.other.attribute-name.id | #fa66bca6 | — |
| support.type.property-name.css | #E26674 | — |
| entity.other.attribute-name.id.css | #ff58bfcc | — |
| keyword.other.unit | #FF9E9E | — |
| entity.name.tag.css, meta.selector.css | #fb7c4adc | — |
| keyword.control.at-rule.media.css | #ab54fd | — |
| constant.other.color.rgb-value.hex.css | #E26674 | — |
| meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css | #FF9E9E | — |
| support.constant.color.current.css | #FF9E9E | — |
| constant.numeric.css | #FF9E9E | — |
| support.function | #fe9e71 | — |
| support.constant | #E76572 | — |
| support.type, support.class | #E26674 | — |
| punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array | #d8d8d8 | — |
| none | #d8d8d8 | — |
| keyword.operator | #40f0f7 | — |
| keyword | #0088ff | — |
| variable, meta.selector.css | #E26674 | — |
| entity.name.function, meta.require, support.function.any-method | #FF9E9E | — |
| support.class, entity.name.class, entity.name.type.class | #E76572 | — |
| meta.class | #f8f8f8 | — |
| keyword.other.special-method | #7cafc2 | — |
| storage | #ba8baf | — |
| constant.numeric | #dc9656 | — |
| none | #e79c55 | — |
| none | #dc9656 | — |
| constant | #dc9656 | — |
| invalid.deprecated | #ffffff | — |
| meta.diff, meta.diff.header | #655c2d | — |
| markup.deleted | #FF5BA2 | — |
| markup.inserted | #82C600 | — |
| markup.changed | #ffff63 | — |
| punctuation.section.embedded.begin.php | #aa95f7 | — |
| punctuation.section.embedded.end.php | #aa95f7 | — |
| punctuation.definition.variable | #E26674 | — |
| entity.name.filename.find-in-files | #ffff63 | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
| keyword.other.sql, keyword | #b267e6 | — |
| support.function.table.sql, source.sql | #37E7AC | — |
| keyword.operator.comparison.sql, source.sql | #f44747 | — |
| keyword.other.DML.sql | #f8ec40 | — |
| source.sql | #0C88FF | — |
| variable.scss | #CC6699 | — |
| meta.definition.variable.scs | #E26662 | — |
| source.css.scss | #CC6699 | — |
| keyword.control.at-rule.include.scss | #f53f32 | — |
| keyword.control.at-rule.mixin.scss | #f53f32 | — |
| keyword.control.at-rule.use.scss | #f53f32 | — |
| entity.name.function.scss | #f53f32 | — |