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#131619
- activityBar.activeBorder#65BD9C
- activityBar.background#131619
- activityBar.border#131619
- activityBar.foreground#E0E1E4
- activityBar.inactiveForeground#62646e
- activityBarBadge.background#65BD9C
- activityBarBadge.foreground#050505
- badge.background#131619
- badge.foreground#FFFFFF
- button.background#65BD9C
- button.border#64caa5
- button.foreground#000000
- button.hoverBackground#5bae8f
- disabledForeground#61646E
- dropdown.background#131619
- dropdown.border#FFFFFF10
- dropdown.foreground#CACBD4
- editor.background#1e2227
- editor.foldBackground#2e343d80
- editor.foreground#CACBD4
- editor.hoverHighlightBackground#36484580
- editor.lineHighlightBackground#282d34
- editor.selectionBackground#23483c
- editor.selectionHighlightBackground#FFFFFF15
- editor.selectionHighlightBorder#FFFFFF80
- editor.wordHighlightBackground#FFFFFF20
- editor.wordHighlightBorder#FFFFFF80
- editor.wordHighlightTextBackground#FFFFFF15
- editorBracketHighlight.foreground1#9cceec
- editorBracketHighlight.foreground2#ecbb96
- editorBracketHighlight.foreground3#bbe097
- editorBracketHighlight.foreground4#89d9d4
- editorBracketHighlight.foreground5#e9d281
- editorBracketHighlight.foreground6#e1aafa
- editorCursor.foreground#65BD9C
- editorError.foreground#ff7e7e
- editorGroup.border#171a1f
- editorGroup.dropBackground#cddeff15
- editorGroup.emptyBackground#1e2227
- editorGroupHeader.tabsBackground#1e2227
- editorGroupHeader.tabsBorder#1e2227
- editorHoverWidget.background#171A1F
- editorHoverWidget.border#FFFFFF10
- editorIndentGuide.background1#FFFFFF0C
- editorInfo.foreground#83c5ff
- editorLineNumber.activeForeground#CACBD4
- editorLineNumber.foreground#555a68
- editorOverviewRuler.border#1e2227
- editorSuggestWidget.background#24282E
- editorWarning.foreground#f0d46e
- editorWhitespace.foreground#376e5f
- editorWidget.background#24282E
- focusBorder#65BD9CA0
- foreground#CACBD4
- icon.foreground#F0F6FFA0
- input.background#131619
- input.border#FFFFFF1A
- input.foreground#D7D8E2
- list.activeSelectionBackground#9c9fc01A
- list.activeSelectionForeground#FFFFFF
- list.dropBackground#9c9fc01A
- list.focusBackground#9c9fc01A
- list.focusForeground#FFFFFF
- list.focusOutline#65BD9CA0
- list.highlightForeground#FFFFFF
- list.hoverBackground#9c9fc020
- list.hoverForeground#FFFFFF
- list.inactiveSelectionBackground#9c9fc01A
- list.inactiveSelectionForeground#FFFFFF
- menu.background#24282E
- menu.border#FFFFFF15
- menu.foreground#CACBD4
- menu.selectionBackground#65BD9C
- menu.selectionForeground#000000
- menu.separatorBackground#FFFFFF10
- minimap.background#1e2227EF
- minimap.findMatchHighlight#3da27df0
- minimap.selectionHighlight#3da27dA0
- minimapSlider.activeBackground#E0E4FF30
- minimapSlider.background#E0E4FF20
- minimapSlider.hoverBackground#E0E4FF20
- panel.background#1a1e22
- panel.border#131619
- sash.hoverBorder#65BD9CF0
- scrollbar.shadow#10101157
- scrollbarSlider.activeBackground#E0E4FF30
- scrollbarSlider.background#E0E4FF20
- scrollbarSlider.hoverBackground#E0E4FF20
- sideBar.background#1a1e22
- sideBar.border#131619
- sideBarSectionHeader.background#1e2227
- statusBar.background#131619
- statusBar.border#131619
- statusBar.debuggingBackground#65BD9C
- statusBar.debuggingForeground#050505
- statusBar.foreground#9da1ab
- statusBar.noFolderBackground#131619
- statusBar.noFolderForeground#CACBD4
- tab.activeBackground#21332d
- tab.activeBorder#65BD9CA0
- tab.border#FFFFFF00
- tab.hoverBackground#2b3139
- tab.inactiveBackground#FFFFFF00
- terminal.ansiBlack#2d3139
- terminal.ansiBlue#82b8fa
- terminal.ansiBrightBlack#7f848e
- terminal.ansiBrightBlue#82b8fa
- terminal.ansiBrightCyan#75cad3
- terminal.ansiBrightGreen#a7e28b
- terminal.ansiBrightMagenta#c589e0
- terminal.ansiBrightRed#E68096
- terminal.ansiBrightWhite#CACBD4
- terminal.ansiBrightYellow#e2b77e
- terminal.ansiCyan#75cad3
- terminal.ansiGreen#a7e28b
- terminal.ansiMagenta#c589e0
- terminal.ansiRed#E68096
- terminal.ansiWhite#CACBD4
- terminal.ansiYellow#e2b77e
- terminal.foreground#CACBD4
- titleBar.activeBackground#131619
- titleBar.activeForeground#CACBD4
- titleBar.border#FFFFFF00
- titleBar.inactiveBackground#131619
- titleBar.inactiveForeground#676a72
- tree.indentGuidesStroke#FFFFFF00
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #696d7a | — |
| string, string.quoted | #B0D69E | — |
| constant.numeric | #76C4C4 | — |
| support.constant.math | #76C4C4 | — |
| storage.type | #76C4C4 | — |
| constant.language | #76C4C4 | — |
| keyword, keyword.operator.constructor | #E394DC | — |
| storage | #E394DC | — |
| keyword.operator.logical | #E68096 | — |
| variable.language | #E68096 | — |
| keyword.operator | #E68096 | — |
| entity.name.type | #E6C28D | — |
| entity.other.inherited-class | #E6C28D | — |
| entity.name.class, entity.name.module, storage.identifier, support.class, meta.function-call.arguments.python | #E6C28D | — |
| variable.other.constant | #82b8fa | — |
| variable.other.object, variable.other.global, variable.other.readwrite.class, variable.other.readwrite.instance, variable.other.readwrite.batchfile, variable.readwrite, variable.readwrite.other.block | #CACBD4 | — |
| variable.other | #CACBD4 | — |
| variable.other.property, variable.other.block, meta.function-call.python | #82b8fa | — |
| variable.other.object.property, meta.attribute.python | #CACBD4 | — |
| constant.character, constant.other | #76C4C4 | — |
| constant.character.escape | #82b8fa | — |
| string.regexp | #B2DC9F | — |
| string.regexp keyword.other | #E68096 | — |
| string.embedded.begin, string.embedded.end, punctuation.definition.template-expression, punctuation.section.embedded | #76C4C4 | — |
| 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 | #989CA6 | — |
| storage.modifier.import, storage.modifier.package | #82b8fa | — |
| function.support.builtin, function.support.core | #82b8fa | — |
| entity.name.function, support.function | #e6c28d | — |
| variable.parameter, entity.name.variable.parameter, parameter.variable | #CACBD4 | italic |
| meta.tag | #CACBD4 | — |
| meta.object-literal.key.js, meta.object-literal.key.ts | #CACBD4 | — |
| entity.name.tag, entity.name.tag.class.js | #7cbcf4 | bold |
| entity.other.attribute-name | #bda3ff | — |
| punctuation.definition.tag | #989CA6 | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, support.type.property-name.sass | #CACBD4 | — |
| 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 | #76C4C4 | — |
| support.constant.css, support.constant.scss, support.constant.less, support.constant.sass | #B0D69E | — |
| variable.css, variable.scss, variable.less, variable.sass | #B0D69E | — |
| variable.css.string, variable.scss.string, variable.less.string, variable.sass.string | #E0B16A | — |
| meta.property-value.css | #E394DC | — |
| support.type.property-name.json | #82b8fa | — |
| support.constant | #82b8fa | — |
| support.type, support.variable | #82b8fa | — |
| support.dictionary.json | #82b8fa | — |
| support.other.variable | — | |
| invalid | #CACBD4 | — |
| invalid.deprecated | #CACBD4 | — |
| string.detected-link | #82b8fa | — |
| meta.diff, meta.diff.header | #82b8fa | — |
| markup.deleted | #E68096 | — |
| markup.inserted | #B0D69E | — |
| 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 | #82b8fa | — |
| markup.bold.markdown | — | bold |
| markup.heading.markdown | #82b8fa | bold |
| markup.quote.markdown | #9d9fa5 | — |
| meta.separator.markdown | #E68096 | bold |
| markup.raw.inline.markdown, markup.raw.block.markdown | #76C4C4 | — |
| punctuation.definition.list_item.markdown | #82b8fa | bold |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...