Qii Theme
Publisher: qiqi29Themes in package: 3
一个 VSCode 主题。
Color themes
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.activeBackground#EAEAEB
- activityBar.activeBorder#65bd9c
- activityBar.background#EAEAEB
- activityBar.border#32456514
- activityBar.foreground#353536
- activityBar.inactiveForeground#a3a4a7
- activityBarBadge.background#65bd9c
- activityBarBadge.foreground#ffffff
- badge.background#65bd9c
- badge.foreground#FFFFFF
- button.background#65bd9c
- button.border#5bae8f
- button.foreground#FFFFFF
- button.hoverBackground#5bae8f
- disabledForeground#b5b7bd
- dropdown.background#FFFFFF
- dropdown.border#32456514
- dropdown.foreground#5D5F62
- editor.background#FAFAFA
- editor.foldBackground#ebebebcc
- editor.foreground#5D5F62
- editor.hoverHighlightBackground#00000015
- editor.lineHighlightBackground#F0F0F0
- editor.selectionBackground#d7eae4
- editor.selectionHighlightBackground#00000015
- editor.selectionHighlightBorder#00000020
- editor.wordHighlightBackground#00000015
- editor.wordHighlightBorder#00000020
- editor.wordHighlightTextBackground#00000020
- editorBracketHighlight.foreground1#1b81e8
- editorBracketHighlight.foreground2#c16926
- editorBracketHighlight.foreground3#63a900
- editorBracketHighlight.foreground4#0da59b
- editorBracketHighlight.foreground5#b89102
- editorBracketHighlight.foreground6#ac51d6
- editorCursor.foreground#65bd9c
- editorError.foreground#ff4242
- editorGroup.border#32456514
- editorGroup.dropBackground#75d3b150
- editorGroup.emptyBackground#FAFAFA
- editorGroupHeader.tabsBackground#FAFAFA
- editorGroupHeader.tabsBorder#FAFAFA
- editorHoverWidget.background#EAEAEB
- editorHoverWidget.border#3245652A
- editorIndentGuide.background1#32456510
- editorInfo.foreground#3595f5
- editorLineNumber.activeForeground#2f3032
- editorLineNumber.foreground#bcc0c4
- editorOverviewRuler.border#E0E3E4
- editorSuggestWidget.background#EAEAEB
- editorWarning.foreground#f0c732
- editorWhitespace.foreground#65bd9cC0
- editorWidget.background#EAEAEB
- focusBorder#65bd9c
- foreground#5D5F62
- icon.foreground#5D5F62cd
- input.background#e3e4e4
- input.border#32456514
- input.foreground#5D5F62
- list.activeSelectionBackground#1c293c14
- list.activeSelectionForeground#101012
- list.dropBackground#1c293c14
- list.focusBackground#1c293c14
- list.focusForeground#101012
- list.focusOutline#65bd9c
- list.highlightForeground#101012
- list.hoverBackground#1c293c14
- list.hoverForeground#101012
- list.inactiveSelectionBackground#1c293c14
- list.inactiveSelectionForeground#101012
- menu.background#FFFFFF
- menu.border#32456514
- menu.foreground#5D5F62
- menu.selectionBackground#d8f2e2
- menu.selectionForeground#101012
- menu.separatorBackground#32456514
- minimap.background#FAFAFAEF
- minimap.findMatchHighlight#3da27df0
- minimap.selectionHighlight#3da27da0
- minimapSlider.activeBackground#272d3835
- minimapSlider.background#272d382A
- minimapSlider.hoverBackground#272d382F
- panel.background#f3f3f4
- panel.border#32456514
- sash.hoverBorder#65bd9cCC
- scrollbar.shadow#1010111f
- scrollbarSlider.activeBackground#272d3835
- scrollbarSlider.background#272d3820
- scrollbarSlider.hoverBackground#272d382F
- sideBar.background#f3f3f4
- sideBar.border#32456514
- sideBarSectionHeader.background#FAFAFA
- statusBar.background#EAEAEB
- statusBar.border#32456514
- statusBar.debuggingBackground#e2f6e6
- statusBar.debuggingForeground#303032
- statusBar.foreground#636569
- statusBar.noFolderBackground#EAEAEB
- statusBar.noFolderForeground#636569
- tab.activeBackground#e2f6e6
- tab.activeBorder#acdcb7
- tab.border#FFFFFF00
- tab.hoverBackground#EAEAEB
- tab.inactiveBackground#FFFFFF00
- terminal.ansiBlack#2d3139
- terminal.ansiBlue#2f86f0
- terminal.ansiBrightBlack#7f848e
- terminal.ansiBrightBlue#2f86f0
- terminal.ansiBrightCyan#0da6a6
- terminal.ansiBrightGreen#4ca438
- terminal.ansiBrightMagenta#c82fbb
- terminal.ansiBrightRed#E1496A
- terminal.ansiBrightWhite#5D5F62
- terminal.ansiBrightYellow#ff9900
- terminal.ansiCyan#0da6a6
- terminal.ansiGreen#4ca438
- terminal.ansiMagenta#c82fbb
- terminal.ansiRed#E1496A
- terminal.ansiWhite#5D5F62
- terminal.ansiYellow#ff9900
- terminal.foreground#5D5F62
- titleBar.activeBackground#EAEAEB
- titleBar.activeForeground#5D5F62
- titleBar.border#32456514
- titleBar.inactiveBackground#EAEAEB
- titleBar.inactiveForeground#5D5F6280
- tree.indentGuidesStroke#FFFFFF00
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #a2a8ad | — |
| string, string.quoted | #4ca438 | — |
| constant.numeric | #0da6a6 | — |
| support.constant.math | #0da6a6 | — |
| storage.type | #0da6a6 | — |
| constant.language | #0da6a6 | — |
| keyword, keyword.operator.constructor | #c82fbb | — |
| storage | #c82fbb | — |
| keyword.operator.logical | #E1496A | — |
| variable.language | #E1496A | — |
| keyword.operator | #e1496a | — |
| entity.name.type | #D77A00 | — |
| entity.other.inherited-class | #D77A00 | — |
| entity.name.class, entity.name.module, storage.identifier, support.class | #D77A00 | — |
| variable.other.constant | #2f86f0 | — |
| variable.other.object, variable.other.global, variable.other.readwrite.class, variable.other.readwrite.instance, variable.other.readwrite.batchfile, variable.readwrite, variable.readwrite.other.block | #5D5F62 | — |
| variable.other | #5D5F62 | — |
| variable.other.property, variable.other.block | #2f86f0 | — |
| variable.other.object.property | #5D5F62 | — |
| constant.character, constant.other | #0da6a6 | — |
| constant.character.escape | #2f86f0 | — |
| string.regexp | #4ca438 | — |
| string.regexp keyword.other | #E1496A | — |
| string.embedded.begin, string.embedded.end, punctuation.definition.template-expression, punctuation.section.embedded | #0da6a6 | — |
| punctuation.section.embedded.begin.js, punctuation.section.embedded.end.js, punctuation.section.embedded.begin.erb, punctuation.section.embedded.end.erb, source.elixir.embedded, punctuation.separator, punctuation.accessor, meta.brace | #afb2bb | — |
| storage.modifier.import, storage.modifier.package | #2f86f0 | — |
| function.support.builtin, function.support.core | #2f86f0 | — |
| entity.name.function, support.function | #D77A00 | — |
| variable.parameter, entity.name.variable.parameter, parameter.variable | #5D5F62 | italic |
| meta.tag | #5D5F62 | — |
| meta.object-literal.key.js, meta.object-literal.key.ts | #5D5F62 | — |
| entity.name.tag, entity.name.tag.class.js | #43a3f8 | bold |
| entity.other.attribute-name | #8258ec | — |
| punctuation.definition.tag | #afb2bb | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, support.type.property-name.sass | #5D5F62 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-class.scss, entity.other.attribute-name.pseudo-class.less, entity.other.attribute-name.pseudo-class.sass, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-element.scss, entity.other.attribute-name.pseudo-element.less, entity.other.attribute-name.pseudo-element.sass | #0da6a6 | — |
| support.constant.css, support.constant.scss, support.constant.less, support.constant.sass | #4ca438 | — |
| variable.css, variable.scss, variable.less, variable.sass | #4ca438 | — |
| variable.css.string, variable.scss.string, variable.less.string, variable.sass.string | #E0B16A | — |
| meta.property-value.css | #E394DC | — |
| support.type.property-name.json | #2f86f0 | — |
| support.constant | #2f86f0 | — |
| support.type, support.variable | #2f86f0 | — |
| support.dictionary.json | #2f86f0 | — |
| support.other.variable | — | |
| invalid | #5D5F62 | — |
| invalid.deprecated | #5D5F62 | — |
| string.detected-link | #2f86f0 | — |
| meta.diff, meta.diff.header | #2f86f0 | — |
| markup.deleted | #E1496A | — |
| markup.inserted | #4ca438 | — |
| markup.changed | #E0B16A | — |
| punctuation.definition.italic.markdown, punctuation.definition.bold.markdown, punctuation.definition.heading.markdown | #676f7d | — |
| punctuation.definition.italic.markdown | — | italic |
| markup.underline.link.markdown | #2f86f0 | — |
| markup.bold.markdown | — | bold |
| markup.heading.markdown | #2f86f0 | bold |
| markup.quote.markdown | #9d9fa5 | — |
| meta.separator.markdown | #E1496A | bold |
| markup.raw.inline.markdown, markup.raw.block.markdown | #0da6a6 | — |
| punctuation.definition.list_item.markdown | #2f86f0 | bold |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...