Cool-girls-theme
Publisher: suwanqingThemes in package: 1
a cool pink theme for girls
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#123555
- activityBar.border#03263a
- activityBar.foreground#fff
- activityBarBadge.background#feada6
- activityBarBadge.foreground#fff
- badge.background#feada6
- badge.foreground#ffffff
- button.background#feada6
- button.foreground#fff
- button.hoverBackground#feada6dc
- debugExceptionWidget.border#feada6
- debugToolBar.background#03263a
- debugToolBar.border#feada6
- diffEditor.insertedTextBackground#6eeec420
- diffEditor.removedTextBackground#ff616130
- dropdown.background#123555
- dropdown.foreground#feada6
- editor.background#123555
- editor.findMatchBackground#c7adfb90
- editor.findMatchBorder#c7adfb00
- editor.findMatchHighlightBackground#c7adfb30
- editor.findMatchHighlightBorder#c7adfb50
- editor.findRangeHighlightBackground#12355531
- editor.focusedStackFrameHighlightBackground#7abd7a4d
- editor.foreground#e1eed2
- editor.lineHighlightBackground#184168
- editor.rangeHighlightBackground#184168
- editor.snippetFinalTabstopHighlightBackground#1f2330
- editor.snippetFinalTabstopHighlightBorder#feada6
- editor.snippetTabstopHighlightBackground#424a64
- editor.snippetTabstopHighlightBorder#feada6
- editor.stackFrameHighlightBackground#ffff0033
- editor.wordHighlightBorder#feada673
- editorBracketMatch.border#feada681
- editorCursor.foreground#feada6
- editorError.foreground#f36f98
- editorGroup.border#03263a
- editorGroup.dropBackground#123555b7
- editorGroup.emptyBackground#123555
- editorGroupHeader.tabsBackground#123555
- editorGroupHeader.tabsBorder#03263a
- editorHint.foreground#f2c88c
- editorHoverWidget.border#feada6
- editorIndentGuide.activeBackground#b2cffb3a
- editorIndentGuide.background#b2cffb1a
- editorLightBulb.foreground#feada6
- editorLineNumber.activeForeground#feada6
- editorLink.activeForeground#feada6
- editorMarkerNavigation.background#123555
- editorOverviewRuler.border#b2cffb2a
- editorOverviewRuler.selectionHighlightForeground#97ee91
- editorPane.background#03263a
- editorRuler.foreground#c7adfb2f
- editorSuggestWidget.border#feada6
- editorSuggestWidget.highlightForeground#feada6
- editorWarning.foreground#f2c88c
- editorWhitespace.foreground#b2cffb1a
- editorWidget.background#123555
- editorWidget.foreground#feada6
- editorWidget.resizeBorder#feada6
- extensionBadge.remoteBackground#feada6
- extensionBadge.remoteForeground#fff
- gitDecoration.addedResourceForeground#81b88b
- gitDecoration.conflictingResourceForeground#d1494e
- gitDecoration.modifiedResourceForeground#f2c88c
- gitDecoration.submoduleResourceForeground#c7adfb5f
- input.background#123555
- input.border#b2cffb1a
- input.foreground#d7d6df
- input.placeholderForeground#ccc
- inputValidation.errorBackground#1f2330
- inputValidation.errorBorder#feada6
- inputValidation.errorForeground#feada6
- inputValidation.infoBackground#1f2330
- inputValidation.infoBorder#919cb9
- inputValidation.infoForeground#d7d6df
- inputValidation.warningBackground#1f2330
- inputValidation.warningBorder#dbd0a7
- inputValidation.warningForeground#dbd0a7
- list.activeSelectionBackground#899bbf3a
- list.activeSelectionForeground#fff
- list.errorForeground#f36f98
- list.filterMatchBorder#c7adfb50
- list.highlightForeground#feada6
- list.hoverBackground#919cb925
- list.inactiveSelectionBackground#919cb925
- list.warningForeground#f2c88c
- menu.selectionBackground#feada6
- menu.selectionForeground#fff
- menu.separatorBackground#feada6
- menubar.selectionBackground#03263a
- menubar.selectionForeground#fff
- notificationCenter.border#feada6
- notificationCenterHeader.background#123555
- notifications.background#123555
- notifications.border#feada6
- notificationToast.border#feada6
- panel.background#123555
- panel.border#03263a
- panelTitle.activeBorder#feada6
- panelTitle.activeForeground#feada6
- panelTitle.inactiveForeground#ccc
- peekView.border#e1eed2
- peekViewEditor.matchHighlightBackground#363c4c
- peekViewResult.background#03263a
- peekViewResult.matchHighlightBackground#363c4c
- peekViewResult.selectionBackground#3535519d
- peekViewResult.selectionForeground#feada6
- peekViewTitle.background#03263a
- peekViewTitleLabel.foreground#feada6
- pickerGroup.border#b2cffb1a
- pickerGroup.foreground#feada6
- progressBar.background#feada6
- quickInput.background#03263a
- quickInput.foreground#e1eed2
- quickInputTitle.background#cf0a0a1b
- settings.checkboxBorder#e1eed2
- settings.dropdownBackground#03263a
- settings.dropdownBorder#b2cffb1a
- settings.dropdownForeground#e7adbf
- settings.dropdownListBorder#b2cffb1a
- settings.headerForeground#feada6
- settings.modifiedItemIndicator#feada6
- settings.numberInputBackground#03263a
- settings.numberInputBorder#b2cffb1a
- settings.numberInputForeground#e1eed2
- settings.textInputBackground#03263a
- settings.textInputBorder#b2cffb1a
- settings.textInputForeground#e34f8c
- sideBar.background#123555
- sideBar.border#03263a
- sideBar.foreground#feada6
- statusBar.background#03263abe
- statusBar.border#03263a
- statusBar.debuggingBackground#feada6
- statusBar.debuggingForeground#03263a
- statusBar.foreground#feada6
- statusBar.noFolderBackground#feada6
- statusBar.noFolderForeground#03263a
- tab.activeBackground#03263a
- tab.activeForeground#feada6
- tab.border#03263a
- tab.hoverBorder#feada6
- tab.inactiveBackground#123555
- tab.unfocusedActiveBackground#123555
- terminal.ansiBlack#353551
- terminal.ansiBlue#c7adfb
- terminal.ansiBrightBlack#919cb9
- terminal.ansiBrightBlue#74d6e9
- terminal.ansiBrightCyan#8df9f9
- terminal.ansiBrightGreen#affa90
- terminal.ansiBrightMagenta#f799c7
- terminal.ansiBrightRed#f36f89
- terminal.ansiBrightWhite#d7d6df
- terminal.ansiCyan#24e8d8
- terminal.ansiGreen#feada6
- terminal.ansiMagenta#FF69B4
- terminal.ansiRed#e34f8c
- terminal.ansiWhite#fbd3e1
- terminal.ansiYellow#f8c275
- terminalCursor.foreground#feada6
- textBlockQuote.background#919cb91c
- textBlockQuote.border#e34f8c
- textLink.activeForeground#74d6e9
- textLink.foreground#feada6
- textPreformat.foreground#feada6
- textSeparator.foreground#919cb9
- titleBar.activeBackground#123555
- titleBar.activeForeground#feada6
- titleBar.border#03263a
- welcomePage.background#123555
- welcomePage.buttonBackground#123555
- welcomePage.buttonHoverBackground#174168
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #feada67e | — |
| comment, keyword.control, keyword.operator, variable.language, storage.type, markup.italic.markdown, punctuation.definition.keyword | — | italic |
| keyword.operator.logical | — | |
| markup.heading, markup.bold.markdown | — | bold |
| markup.underline, entity.other.inherited-class, entity.name.type, entity.name.class | — | underline |
| keyword.control, keyword.other, keyword.other.DML.sql, markup.heading, markup.underline.link, markup.underline, entity.other.inherited-class, entity.name.section, variable.language, punctuation.definition.binding-pattern, punctuation.section, string.quoted, string.quoted.double.json, string, storage, keyword.other.unit.px.css, keyword.other.unit.fr.css, keyword.other.unit.s.css, keyword.other.unit.percentage.css, entity.name.filename.find-in-files | #feada6 | — |
| keyword.operator, storage.type, entity.other.attribute-name, markup.list, punctuation.definition.template-expression, punctuation.definition.list, punctuation.section.embedded, markup.deleted, meta.function-call.generic, support.other.escape.special.regexp | #C792EA | — |
| constant.numeric, support.function.builtin | #F8C275 | — |
| constant.language, constant.language.null, constant.language.boolean.true, constant.language.boolean.false, beginning.puntuation.definition.list.markdown, entity.other.attribute-name.pseudo-element.css | #F39B35 | — |
| punctuation.definition.string, constant.character.escape, support.class, constant, support.type | #88ff00 | — |
| punctuation.accessor, punctuation.terminator, punctuation.separator.continuation, markup.quote, markup.changed, string.quoted.docstring, keyword.type, variable.other.object, constant.other.database-name.sql | #00ffff | — |
| variable.parameter, variable.other.object.property, meta.structure.dictionary.json, punctuation.definition.parameters, punctuation.definition.block, punctuation.definition.dictionary, punctuation.definition.array | #f76c8a | — |
| support.constant | #fcf6ff | — |
| support.function, entity.name.tag, entity.name.function | #82AAFF | — |
| entity.name.type, support.type.property-name, punctuation.support, markup.fenced_code.block.markdown | #8DF9F9 | — |
| meta.tag, string.regexp, punctuation.definition.tag | #9d75b8 | — |
| punctuation.separator, support.variable, keyword.other.alias.sql | #c7ADFB | — |
| meta.object-literal.key.js, meta.brace, meta.brace.square.js, meta.brace.square.ts, variable, constant.other.table-name.sql | #fbd3e1 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...