Super Pink Theme for Nastya
Publisher: HaLLIaTbIPbThemes in package: 1
A beautiful pink theme specially created for Nastya
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#000000
- activityBar.background#ff66aa
- activityBar.foreground#000000
- activityBarBadge.background#000000
- activityBarBadge.foreground#ff66aa
- badge.background#000000
- badge.foreground#ff66aa
- banner.background#ff55a0
- banner.foreground#000000
- banner.iconForeground#000000
- button.background#000000
- button.border#000000
- button.foreground#ff66aa
- button.hoverBackground#333333
- contrastActiveBorder#000000
- contrastBorder#00000070
- debugToolBar.background#ff55a0
- debugToolBar.border#00000070
- dropdown.background#ff55a0
- dropdown.border#00000070
- dropdown.foreground#000000
- dropdown.listBackground#ff66aa
- editor.background#ff66aa
- editor.findMatchBackground#00000050
- editor.findMatchHighlightBackground#00000030
- editor.focusedStackFrameHighlightBackground#00000040
- editor.foreground#000000
- editor.hoverHighlightBackground#00000025
- editor.inactiveSelectionBackground#00000020
- editor.lineHighlightBackground#ff77bb
- editor.selectionBackground#00000030
- editor.stackFrameHighlightBackground#00000030
- editor.wordHighlightBackground#00000020
- editor.wordHighlightStrongBackground#00000040
- editorBracketMatch.background#00000030
- editorBracketMatch.border#00000070
- editorCursor.foreground#000000
- editorError.foreground#000000
- editorGroup.border#00000030
- editorGroupHeader.tabsBackground#ff66aa
- editorGroupHeader.tabsBorder#00000030
- editorHoverWidget.background#ff55a0
- editorHoverWidget.border#00000070
- editorHoverWidget.foreground#000000
- editorInfo.foreground#000000
- editorLineNumber.activeForeground#000000
- editorLineNumber.foreground#00000070
- editorOverviewRuler.border#00000060
- editorOverviewRuler.errorForeground#000000
- editorOverviewRuler.infoForeground#000000
- editorOverviewRuler.warningForeground#000000
- editorSuggestWidget.background#ff55a0
- editorSuggestWidget.border#00000070
- editorSuggestWidget.foreground#000000
- editorSuggestWidget.highlightForeground#000000
- editorSuggestWidget.selectedBackground#000000
- editorWarning.foreground#000000
- errorForeground#000000
- focusBorder#000000
- gitDecoration.addedResourceForeground#000000
- gitDecoration.conflictingResourceForeground#000000
- gitDecoration.deletedResourceForeground#000000
- gitDecoration.ignoredResourceForeground#00000060
- gitDecoration.modifiedResourceForeground#000000
- gitDecoration.submoduleResourceForeground#000000
- gitDecoration.untrackedResourceForeground#000000
- input.background#ff77bb
- input.border#00000070
- input.foreground#000000
- input.placeholderForeground#00000060
- inputOption.activeBorder#000000
- inputValidation.errorBackground#00000030
- inputValidation.infoBackground#00000010
- inputValidation.warningBackground#00000020
- list.activeSelectionBackground#000000
- list.activeSelectionForeground#ff66aa
- list.dropBackground#00000025
- list.focusBackground#00000030
- list.focusForeground#000000
- list.highlightForeground#000000
- list.hoverBackground#00000020
- list.hoverForeground#000000
- list.inactiveSelectionBackground#00000015
- list.inactiveSelectionForeground#000000
- menu.background#ff55a0
- menu.foreground#000000
- menu.selectionBackground#000000
- menu.selectionForeground#ff66aa
- menu.separatorBackground#00000070
- menubar.selectionBackground#00000030
- menubar.selectionForeground#000000
- merge.border#00000070
- merge.currentContentBackground#00000020
- merge.currentHeaderBackground#00000030
- merge.incomingContentBackground#00000020
- merge.incomingHeaderBackground#00000030
- minimap.background#ff66aa
- minimapSlider.activeBackground#000000
- minimapSlider.background#00000060
- minimapSlider.hoverBackground#00000080
- panel.background#ff66aa
- panel.border#00000050
- panelTitle.activeBorder#000000
- panelTitle.activeForeground#000000
- panelTitle.inactiveForeground#00000080
- peekView.border#00000070
- peekViewEditor.background#ff55a0
- peekViewEditor.matchHighlightBackground#00000030
- peekViewResult.background#ff55a0
- peekViewResult.matchHighlightBackground#00000030
- peekViewTitle.background#ff55a0
- peekViewTitleDescription.foreground#00000080
- pickerGroup.border#00000060
- pickerGroup.foreground#000000
- progressBar.background#000000
- quickInput.background#ff55a0
- quickInput.foreground#000000
- scrollbarSlider.activeBackground#000000
- scrollbarSlider.background#00000060
- scrollbarSlider.hoverBackground#00000080
- settings.checkboxBackground#ff55a0
- settings.checkboxBorder#00000070
- settings.checkboxForeground#000000
- settings.dropdownBackground#ff55a0
- settings.dropdownBorder#00000070
- settings.dropdownForeground#000000
- settings.focusedRowBackground#00000020
- settings.headerForeground#000000
- settings.modifiedItemIndicator#000000
- settings.numberInputBackground#ff55a0
- settings.numberInputBorder#00000070
- settings.numberInputForeground#000000
- settings.textInputBackground#ff55a0
- settings.textInputBorder#00000070
- settings.textInputForeground#000000
- sideBar.background#ff66aa
- sideBar.border#00000050
- sideBar.foreground#000000
- sideBarSectionHeader.background#ff55a0
- sideBarSectionHeader.foreground#000000
- statusBar.background#ff66aa
- statusBar.debuggingBackground#ff66aa
- statusBar.foreground#000000
- statusBar.noFolderBackground#ff66aa
- statusBarItem.hoverBackground#ff77bb
- statusBarItem.remoteBackground#ff66aa
- tab.activeBackground#ff77bb
- tab.activeBorder#000000
- tab.activeBorderTop#000000
- tab.activeForeground#000000
- tab.border#00000050
- tab.hoverBackground#ff88cc
- tab.inactiveBackground#ff66aa
- tab.inactiveForeground#00000080
- tab.unfocusedHoverBackground#ff77bb
- terminal.ansiBrightMagenta#000000
- terminal.ansiMagenta#000000
- terminal.background#ff66aa
- terminal.border#00000070
- terminal.foreground#000000
- terminal.selectionBackground#00000040
- terminalCursor.background#ff66aa
- terminalCursor.foreground#000000
- textLink.activeForeground#333333
- textLink.foreground#000000
- titleBar.activeBackground#ff66aa
- titleBar.activeForeground#000000
- titleBar.inactiveBackground#ff66aa
- titleBar.inactiveForeground#00000080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| emphasis | — | italic |
| strong | — | bold |
| comment | #00000080 | italic |
| constant.language, constant.other, variable.language | #000000 | — |
| constant.numeric, constant.character, constant.other.color, constant.other.symbol | #000000 | — |
| string, string.quoted.double, string.quoted.single, string.regexp | #000000 | — |
| keyword, keyword.control, storage, storage.type | #000000 | bold |
| entity.name.tag, punctuation.definition.tag | #0066CC | bold |
| entity.other.attribute-name, meta.attribute | #0088FF | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less | #CC5500 | bold |
| support.constant.property-value.css, support.constant.property-value.scss, support.constant.property-value.less | #FF6600 | — |
| meta.selector.css, meta.selector.scss, meta.selector.less | #FF3300 | — |
| entity.name.function, support.function, meta.function-call, meta.method-call | #008800 | bold |
| variable, variable.parameter, variable.other, meta.object-literal.key | #00AA00 | — |
| entity.name.class, entity.other.inherited-class, support.class, entity.name.type.class | #00CC00 | — |
| entity.name.function.member | #008800 | — |
| support.type.property-name | #CC5500 | — |
| 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 | #FF6600 | — |
| punctuation.definition.tag, punctuation.definition.comment, punctuation.definition.string, punctuation.separator | #00000070 | — |
| meta.brace, punctuation.definition.block, punctuation.definition.array | #00000070 | — |
| markup.heading, markup.bold, markup.italic, markup.underline | #000000 | bold |
| markup.quote | #000000 | italic |
| markup.raw | #000000 | — |
| markup.inserted | #000000 | — |
| markup.deleted | #000000 | — |
| markup.changed | #000000 | — |
| invalid, invalid.illegal | #000000 | bold |
| meta.diff, meta.diff.header | #000000 | — |
| support.constant, support.variable | #000000 | — |
| constant.other.color, support.constant.color | #000000 | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical | #000000 | — |
| storage.modifier, keyword.other | #000000 | — |
| text.html.basic, text.xml | #000000 | — |
| source.css, source.less, source.scss | #000000 | — |
| source.js, source.ts, source.jsx, source.tsx | #000000 | — |
| source.python, source.java, source.c, source.cpp, source.csharp | #000000 | — |