shiina theme
Publisher: yamaimoThemes in package: 1
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#F9F9F9
- activityBar.border#F9F9F960
- activityBar.foreground#5A6B73
- activityBarBadge.background#80CBC4
- activityBarBadge.foreground#000000
- badge.background#CCD7DA30
- badge.foreground#5A6B73
- breadcrumb.activeSelectionForeground#80CBC4
- breadcrumb.background#F9F9F9
- breadcrumb.focusForeground#90A4AE
- breadcrumb.foreground#5A6B73
- breadcrumbPicker.background#F9F9F9
- button.background#80CBC4
- debugToolBar.background#F9F9F9
- diffEditor.insertedTextBackground#80CBC43c
- diffEditor.removedTextBackground#E5393524
- dropdown.background#F9F9F9
- dropdown.border#00000010
- editor.background#f5f5f5
- editor.findMatchBackground#FFB62C40
- editor.findMatchBorder#FFB62Ca0
- editor.findMatchHighlightBackground#FFB62C60
- editor.findMatchHighlightBorder#FFB62C00
- editor.foreground#434E55
- editor.lineHighlightBackground#CCD7DA38
- editor.rangeHighlightBackground#FFB62C20
- editor.selectionBackground#00000014
- editor.selectionHighlightBackground#27272720
- editor.wordHighlightBackground#00000012
- editor.wordHighlightStrongBackground#FFB62C40
- editorBracketMatch.background#FFB62C60
- editorBracketMatch.border#FFB62C00
- editorCursor.foreground#434E55
- editorError.foreground#E53935
- editorGroup.border#00000020
- editorGroupHeader.tabsBackground#F9F9F9
- editorGutter.addedBackground#39c2a060
- editorGutter.deletedBackground#E5393560
- editorGutter.modifiedBackground#6182B860
- editorHoverWidget.background#F9F9F9
- editorHoverWidget.border#00000010
- editorIndentGuide.activeBackground#B0BEC5
- editorIndentGuide.background#B0BEC570
- editorInfo.foreground#6182B870
- editorLineNumber.activeForeground#434E55
- editorLineNumber.foreground#A1B0B8
- editorLink.activeForeground#5A6B73
- editorMarkerNavigation.background#90A4AE05
- editorOverviewRuler.border#F9F9F9
- editorOverviewRuler.errorForeground#E5393540
- editorOverviewRuler.findMatchForeground#80CBC4
- editorOverviewRuler.infoForeground#6182B840
- editorOverviewRuler.warningForeground#FFB62C40
- editorRuler.foreground#B0BEC5
- editorSuggestWidget.background#F9F9F9
- editorSuggestWidget.border#00000010
- editorSuggestWidget.foreground#5A6B73
- editorSuggestWidget.highlightForeground#80CBC4
- editorSuggestWidget.selectedBackground#CCD7DA50
- editorWarning.foreground#FFB62C
- editorWhitespace.foreground#90A4AE40
- editorWidget.background#F9F9F9
- editorWidget.border
- editorWidget.resizeBorder#80CBC4
- extensionButton.prominentBackground#39c2a090
- extensionButton.prominentHoverBackground#39c2a0
- focusBorder#FFFFFF00
- gitDecoration.conflictingResourceForeground#FFB62C
- gitDecoration.deletedResourceForeground#E53935
- gitDecoration.ignoredResourceForeground#5A6B73b0
- gitDecoration.modifiedResourceForeground#20799E
- gitDecoration.untrackedResourceForeground#39c2a0
- input.background#EEEEEE
- input.border#00000010
- input.foreground#5A6B73
- input.placeholderForeground#90A4AE60
- inputOption.activeBackground#90A4AE20
- inputOption.activeBorder#90A4AEc0
- inputValidation.errorBorder#E5393550
- inputValidation.infoBorder#6182B850
- inputValidation.warningBorder#FFB62C50
- list.activeSelectionBackground#F9F9F9
- list.activeSelectionForeground#5A6B73
- list.focusBackground#90A4AE20
- list.focusForeground#5A6B73
- list.highlightForeground#80CBC4
- list.hoverBackground#F9F9F9
- list.inactiveSelectionBackground#CCD7DA50
- list.inactiveSelectionForeground#5A6B73
- listFilterWidget.background#CCD7DA50
- listFilterWidget.noMatchesOutline#CCD7DA50
- listFilterWidget.outline#CCD7DA50
- menu.background#F9F9F9
- menu.foreground#5A6B73
- menu.selectionBackground#CCD7DA50
- menu.selectionBorder#CCD7DA50
- menu.selectionForeground#80CBC4
- menu.separatorBackground#90A4AE
- menubar.selectionBackground#CCD7DA50
- menubar.selectionBorder#CCD7DA50
- menubar.selectionForeground#80CBC4
- notificationLink.foreground#80CBC4
- notifications.background#F9F9F9
- notifications.foreground#5A6B73
- panel.background#F9F9F9
- panel.border#F9F9F960
- panel.dropBackground#90A4AE
- panelTitle.activeBorder#80CBC4
- panelTitle.activeForeground#000000
- panelTitle.inactiveForeground#5A6B73
- peekView.border#00000020
- peekViewEditor.background#90A4AE05
- peekViewEditor.matchHighlightBackground#80CBC440
- peekViewEditorGutter.background#90A4AE05
- peekViewResult.background#90A4AE05
- peekViewResult.matchHighlightBackground#80CBC440
- peekViewResult.selectionBackground#5A6B7370
- peekViewTitle.background#90A4AE05
- peekViewTitleDescription.foreground#90A4AE60
- pickerGroup.foreground#80CBC4
- progressBar.background#80CBC4
- quickInput.foreground#5A6B73
- scrollbar.shadow#F9F9F900
- scrollbarSlider.activeBackground#80CBC4
- scrollbarSlider.background#90A4AE40
- scrollbarSlider.hoverBackground#90A4AE60
- selection.background#80CBC470
- settings.checkboxBackground#F9F9F9
- settings.checkboxForeground#5A6B73
- settings.dropdownBackground#F9F9F9
- settings.dropdownForeground#5A6B73
- settings.headerForeground#80CBC4
- settings.modifiedItemIndicator#80CBC4
- settings.numberInputBackground#F9F9F9
- settings.numberInputForeground#5A6B73
- settings.textInputBackground#F9F9F9
- settings.textInputForeground#5A6B73
- sideBar.background#F9F9F9
- sideBar.border#F9F9F960
- sideBar.foreground#5A6B73
- sideBarSectionHeader.background#F9F9F9
- sideBarSectionHeader.border#F9F9F960
- sideBarTitle.foreground#90A4AE
- statusBar.background#F9F9F9
- statusBar.border#F9F9F960
- statusBar.debuggingBackground#FFB62C
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#5A6B73
- statusBar.noFolderBackground#F9F9F9
- statusBarItem.hoverBackground#90A4AE20
- statusBarItem.remoteBackground#80CBC4
- statusBarItem.remoteForeground#000000
- tab.activeBackground#f9f9f9
- tab.activeBorder#39c2a0
- tab.activeForeground#000000
- tab.activeModifiedBorder#5A6B73
- tab.border#F9F9F900
- tab.hoverBackground#00000008
- tab.inactiveBackground#00000000
- tab.inactiveForeground#7E939E
- tab.unfocusedActiveBorder#90A4AE
- tab.unfocusedActiveForeground#5A6B73
- tab.unfocusedHoverBackground#00000008
- tab.unfocusedInactiveForeground#7E939E
- terminal.ansiBlack#434E55
- terminal.ansiBlue#6182B8
- terminal.ansiBrightBlack#90A4AE
- terminal.ansiBrightBlue#6182B8
- terminal.ansiBrightCyan#38AEC0
- terminal.ansiBrightGreen#39c2a0
- terminal.ansiBrightMagenta#ee5f9b
- terminal.ansiBrightRed#E53935
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFB62C
- terminal.ansiCyan#38AEC0
- terminal.ansiGreen#39c2a0
- terminal.ansiMagenta#ee5f9b
- terminal.ansiRed#E53935
- terminal.ansiWhite#FFFFFF
- terminal.ansiYellow#FFB62C
- terminal.foreground#434E55
- terminal.selectionBackground#00000020
- terminalCursor.background#434E55
- terminalCursor.foreground#FFB62C
- textLink.activeForeground#5A6B73
- textLink.foreground#80CBC4
- titleBar.activeBackground#F9F9F9
- titleBar.activeForeground#5A6B73
- titleBar.border#F9F9F960
- titleBar.inactiveBackground#F9F9F9
- titleBar.inactiveForeground#5A6B73
- tree.indentGuidesStroke#B0BEC5
- widget.shadow#00000020
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.object-literal.key, variable.other.property, meta.definition.property | #8D8E00 | |
| meta.brace, keyword.operator.assignment, keyword.operator.relational, keyword.operator.type, punctuation, punctuation.definition.typeparameters, meta.objectliteral punctuation.definition.block | #7E939E | — |
| keyword.operator.relational | — | bold |
| meta.brace.round | — | — |
| punctuation.definition.typeparameters, punctuation.definition.parameters | #A1B0B8 | bold |
| comment, punctuation.definition.comment, string.comment | #7E939E | — |
| constant | #CC0F77 | — |
| meta.function-call support.function, meta.function-call entity.name.function | #21A4A7 | — |
| #E29C00 | — | |
| meta.property-name | — | — |
| variable.parameter | — | — |
| entity.name.type.module variable.parameter | — | |
| meta.parameters variable.parameter | — | bold |
| variable.other.readwrite, variable.other.constant.property | #434E55 | — |
| entity.name.constant, meta.definition.variable, variable.language | #434E55 | bold |
| entity.name.type, support.type | #20799E | — |
| entity.name.type.module | #20799E | bold |
| entity.name.tag | #22863a | — |
| storage, storage.type, keyword, keyword.operator.new | #E84174 | — |
| keyword.control | — | bold |
| keyword.operator.ternary, keyword.operator.expression, keyword.operator.logical, keyword.operator.optional, keyword.control.as, punctuation.accessor.optional | #E29C00 | bold |
| storage.type.function.arrow | — | bold |
| storage.modifier.package, storage.modifier.import, storage.type.java | #000000 | — |
| string, punctuation.definition.string, string punctuation.section.embedded source | #99835B | — |
| string.unquoted.import.ada | — | — |
| invalid.broken | #b31d28 | bold italic underline |
| invalid.deprecated | #b31d28 | bold italic underline |
| invalid.illegal | #b31d28 | italic underline |
| carriage-return | #E84174 | italic underline |
| invalid.unimplemented | #b31d28 | bold italic underline |
| message.error | #b31d28 | — |
| string source | #000000 | — |
| string variable | #99835B | — |
| source.regexp, string.regexp | #032f62 | — |
| string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition | #032f62 | — |
| string.regexp constant.character.escape | #22863a | bold |
| support.constant | — | — |
| support.variable | — | — |
| meta.module-reference | #99835B | — |
| markup.list | #735c0f | — |
| markup.heading, markup.heading entity.name | #99835B | bold |
| markup.quote | #22863a | — |
| markup.italic | #000000 | italic |
| markup.bold | #000000 | bold |
| markup.raw | #99835B | — |
| markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted | #b31d28 | — |
| markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted | #22863a | — |
| markup.changed, punctuation.definition.changed | #E29C00 | — |
| markup.ignored, markup.untracked | #99835B | — |
| meta.diff.range | #6f42c1 | bold |
| meta.diff.header | #99835B | — |
| meta.separator | #99835B | bold |
| meta.output | #99835B | — |
| brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote | #586069 | — |
| brackethighlighter.unmatched | #b31d28 | — |
| sublimelinter.mark.error | #b31d28 | — |
| sublimelinter.mark.warning | #E29C00 | — |
| sublimelinter.gutter-mark | #959da5 | — |
| constant.other.reference.link, string.other.link | #032f62 | underline |