Quiet Dark Pink
Publisher: Quiet ThemesThemes in package: 1
A quiet, low-glare dark pink color theme for Visual Studio Code.
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#FF6FB7
- activityBar.background#141117
- activityBar.foreground#F9DDEB
- activityBar.inactiveForeground#8F8295
- activityBarBadge.background#FF6FB7
- activityBarBadge.foreground#17131A
- banner.background#9f517e
- button.background#B83A78
- button.foreground#FFFFFF
- button.hoverBackground#C94886
- checkbox.border#6B6B6B
- dropdown.background#211A28
- dropdown.border#3A2B42
- editor.background#17131A
- editor.findMatchBackground#FF6FB745
- editor.findMatchBorder#FFB2D7
- editor.findMatchHighlightBackground#FF6FB71C
- editor.findRangeHighlightBackground#FF6FB714
- editor.foreground#EEE7F1
- editor.hoverHighlightBackground#FF6FB714
- editor.inactiveSelectionBackground#43273899
- editor.lineHighlightBackground#2A1D2E88
- editor.lineHighlightBorder#FF6FB719
- editor.rangeHighlightBackground#FF6FB716
- editor.selectionBackground#5A3150
- editor.selectionHighlightBackground#C75A9B2C
- editor.wordHighlightBackground#FF6FB71E
- editor.wordHighlightStrongBackground#FF6FB72E
- editor.wordHighlightTextBackground#FF6FB718
- editor.wordHighlightTextBorder#FF6FB730
- editorBracketHighlight.foreground1#dfb976
- editorBracketHighlight.foreground2#5caeef
- editorBracketHighlight.foreground3#c172d9
- editorBracketHighlight.foreground4#4fb1bc
- editorBracketHighlight.foreground5#97c26c
- editorBracketHighlight.foreground6#abb2c0
- editorBracketMatch.background#FF6FB722
- editorBracketMatch.border#FF8FC7
- editorCursor.foreground#FF75BD
- editorGroupHeader.tabsBackground#141117
- editorGutter.addedBackground#86E1A7
- editorGutter.deletedBackground#FF6B7A
- editorGutter.modifiedBackground#FFB86C
- editorIndentGuide.activeBackground1#6E536D
- editorIndentGuide.background1#2E2634
- editorLineNumber.activeForeground#FF8FC7
- editorLineNumber.foreground#62576A
- editorUnnecessaryCode.border#6A606C
- errorLens.errorBackground#FF5A7D0B
- errorLens.errorForeground#FF8EA3
- errorLens.errorMessageBackground#FF5A7D0F
- errorLens.errorRangeBackground#FF5A7D16
- errorLens.hintBackground#B692F60E
- errorLens.hintForeground#CDB7F6
- errorLens.hintMessageBackground#B692F60A
- errorLens.hintRangeBackground#B692F612
- errorLens.infoBackground#FF6FB70B
- errorLens.infoForeground#FFB2D7
- errorLens.infoMessageBackground#FF6FB70A
- errorLens.infoRangeBackground#FF6FB710
- errorLens.warningBackground#FFD16608
- errorLens.warningForeground#FFD166
- errorLens.warningMessageBackground#FFD1660C
- errorLens.warningRangeBackground#FFD16616
- focusBorder#FF6FB7
- gitDecoration.addedResourceForeground#A6E3A1
- gitDecoration.deletedResourceForeground#FF6B7A
- gitDecoration.modifiedResourceForeground#FFD166
- gitDecoration.untrackedResourceForeground#78DCE8
- gitlens.gutterForegroundColor#8D7B8C
- gitlens.gutterUncommittedForegroundColor#FF8FC7
- gitlens.lineHighlightBackgroundColor#FF6FB718
- gitlens.trailingLineForegroundColor#8D7B8C
- input.background#211A28
- input.border#3A2B42
- input.foreground#EEE7F1
- input.placeholderForeground#8F8295
- inputOption.activeBorder#FF6FB7
- list.activeSelectionBackground#37243A
- list.activeSelectionForeground#FFFFFF
- list.activeSelectionIconForeground#FFF
- list.focusBackground#2E2233
- list.focusForeground#FFFFFF
- list.highlightForeground#FF8FC7
- list.hoverBackground#281F2D
- list.inactiveSelectionBackground#2A202F
- menu.background#211A28
- menu.border#3A2B42
- menu.foreground#E7DDEB
- menu.selectionBackground#37243A
- menu.selectionForeground#FFFFFF
- menu.separatorBackground#454545
- panel.background#18141C
- panel.border#33273A
- panelTitle.activeBorder#FF6FB7
- panelTitle.activeForeground#FFFFFF
- panelTitle.inactiveForeground#A89BAE
- pickerGroup.foreground#FF8FC7
- ports.iconRunningProcessForeground#369432
- quickInput.background#211A28
- quickInput.foreground#EEE7F1
- selection.background#5A3150
- sideBar.background#1D1822
- sideBar.border#302536
- sideBar.foreground#D8CEDD
- sideBarSectionHeader.background#221B28
- sideBarSectionHeader.border#382B40
- sideBarSectionHeader.foreground#EADDEA
- sideBarTitle.foreground#FFB2D7
- statusBar.background#4A1E35
- statusBar.border#6F2A4D
- statusBar.foreground#FFFFFF
- statusBarItem.hoverBackground#80305A
- statusBarItem.remoteBackground#FF6FB7
- statusBarItem.remoteForeground#17131A
- tab.activeBackground#1A1520
- tab.activeBorder#FF6FB7
- tab.activeBorderTop#FF6FB7
- tab.activeForeground#FFFFFF
- tab.border#302536
- tab.hoverBackground#241B29
- tab.inactiveBackground#17131A
- tab.inactiveForeground#A89BAE
- tab.lastPinnedBorder#ccc3
- terminal.ansiBlack#17131A
- terminal.ansiBlue#8AB4FF
- terminal.ansiCyan#78DCE8
- terminal.ansiGreen#A6E3A1
- terminal.ansiMagenta#FF6FB7
- terminal.ansiRed#FF6B7A
- terminal.ansiWhite#EEE7F1
- terminal.ansiYellow#FFD166
- terminal.background#151218
- terminal.foreground#E7DDEB
- terminal.inactiveSelectionBackground#3A3D41
- terminalCursor.foreground#FF75BD
- titleBar.activeBackground#17131A
- titleBar.activeForeground#EDE6F0
- tree.indentGuidesStroke#3A2B42
- widget.border#303031
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded, source.groovy.embedded, string meta.image.inline.markdown | #D4D4D4 | — |
| emphasis | — | italic |
| strong | — | bold |
| header | #F695C6 | — |
| comment | #af678d | — |
| constant.language | #F695C6 | — |
| constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent | #cec4a8 | — |
| constant.regexp | #646695 | — |
| entity.name.tag | #F695C6 | — |
| entity.name.tag.css | #d7ba7d | — |
| entity.other.attribute-name | #9cdcfe | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss | #d7ba7d | — |
| invalid | #e83c92 | — |
| markup.underline | — | underline |
| markup.bold | #F695C6 | bold |
| markup.heading | #F695C6 | bold |
| markup.italic | — | italic |
| markup.strikethrough | — | strikethrough |
| markup.inserted | #cec4a8 | — |
| markup.deleted | #e99a9a | — |
| markup.changed | #F695C6 | — |
| punctuation.definition.quote.begin.markdown | #6A9955 | — |
| punctuation.definition.list.begin.markdown | #FF8FC7 | — |
| markup.inline.raw | #e99a9a | — |
| punctuation.definition.tag | #808080 | — |
| meta.preprocessor, entity.name.function.preprocessor | #F695C6 | — |
| meta.preprocessor.string | #e99a9a | — |
| meta.preprocessor.numeric | #cec4a8 | — |
| meta.structure.dictionary.key.python | #9cdcfe | — |
| meta.diff.header | #F695C6 | — |
| storage | #F695C6 | — |
| storage.type | #F695C6 | — |
| storage.modifier, keyword.operator.noexcept | #F695C6 | — |
| string, meta.embedded.assembly | #e99a9a | — |
| string.tag | #e99a9a | — |
| string.value | #e99a9a | — |
| string.regexp | #d16969 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #F695C6 | — |
| meta.template.expression | #d4d4d4 | — |
| support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded | #c0caf5 | — |
| keyword | #d1b7f1 | — |
| keyword.control | #d1b7f1 | — |
| keyword.operator | #d4d4d4 | — |
| keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike | #F695C6 | — |
| keyword.other.unit | #cec4a8 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #F695C6 | — |
| support.function.git-rebase | #9cdcfe | — |
| constant.sha.git-rebase | #cec4a8 | — |
| storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java | #d4d4d4 | — |
| variable.language | #F695C6 | — |
| comment, punctuation.definition.comment | #7C7180 | italic |
| string, string.quoted, string.template | #E6A1AF | — |
| constant.numeric, constant.language, variable.other.enummember | #FFD166 | — |
| keyword.control, keyword.other, storage.type, storage.modifier, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as, keyword.control.default, keyword.control.this | #FF5BAA | — |
| entity.name.function, support.function, meta.function-call, meta.function-call.generic, variable.function, support.function.builtin, entity.name.function.member | #FF75BD | — |
| variable.other, variable.parameter, entity.name.variable | #DDD4E2 | — |
| support.class.component, entity.name.tag.jsx, entity.name.tag.tsx, entity.name.type.class, entity.name.type, support.type | #C792EA | — |
| comment, punctuation.definition.comment | #7C7180 | italic |
| keyword.control, keyword.other, storage.type, storage.modifier, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as, keyword.control.default, keyword.control.this | #FF5BAA | italic |
| keyword.operator, punctuation, meta.brace, punctuation.definition.block, punctuation.definition.parameters, punctuation.definition.array | #A79CAD | |
| entity.name.function, support.function, meta.function-call, meta.function-call.generic, variable.function, support.function.builtin, entity.name.function.member | #FF75BD | |
| variable.other.object, variable.other.property, support.variable.property, meta.object-literal.key, variable.object.property | #78DCE8 | |
| variable.other, variable.parameter, entity.name.variable | #DDD4E2 | |
| variable.parameter, meta.function.parameters | #F7C6DA | |
| support.class.component, entity.name.tag.jsx, entity.name.tag.tsx, entity.name.type.class, entity.name.type, support.type | #D66CFF | |
| entity.name.tag.html, entity.name.tag.inline.any.html, entity.name.tag.block.any.html | #FF8FC7 | |
| entity.other.attribute-name, support.type.property-name.css | #8AB4FF | |
| string, string.quoted, string.template | #E6A1AF | |
| constant.numeric, constant.language, variable.other.enummember | #FFD166 | |
| invalid, invalid.illegal | #FF5A7D | underline |
| entity.name.type.ts unused, entity.name.type.js unused, entity.name.variable.ts unused, entity.name.variable.js unused, variable.other.readwrite.js unused | #6A606C | italic |