Hashi-Kazu テーマ
Publisher: Hashi-KazuThemes in package: 6
A collection of VS Code color themes by hashi-kazu.
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.background#04050C
- activityBar.border#00000000
- activityBar.foreground#5090B0
- activityBar.inactiveForeground#181C38
- activityBarBadge.background#18B8D0
- activityBarBadge.foreground#E4EEF8
- badge.background#18B8D0
- badge.foreground#E4EEF8
- breadcrumb.activeSelectionForeground#C8D4E4
- breadcrumb.focusForeground#3A4868
- breadcrumb.foreground#181C38
- breadcrumbPicker.background#04050C
- button.background#183050
- button.foreground#D4DFF0
- button.hoverBackground#18B8D0
- dropdown.background#060814
- dropdown.border#141630
- dropdown.foreground#C8D4E4
- editor.background#080818
- editor.foreground#C8D4E4
- editor.inactiveSelectionBackground#10122A
- editor.lineHighlightBackground#0E1028
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#1A1C38
- editorBracketMatch.background#1A1C3880
- editorBracketMatch.border#18B8D0
- editorCursor.background#080818
- editorCursor.foreground#18B8D0
- editorError.foreground#6840C0
- editorGroupHeader.tabsBackground#04050C
- editorGroupHeader.tabsBorder#141630
- editorGutter.addedBackground#18B8D080
- editorGutter.background#080818
- editorGutter.deletedBackground#6030A0C0
- editorGutter.modifiedBackground#A0386880
- editorHoverWidget.background#05060F
- editorHoverWidget.border#141630
- editorIndentGuide.activeBackground1#1E3A48
- editorIndentGuide.background1#141630
- editorInfo.foreground#18B8D0
- editorLineNumber.activeForeground#2890A8
- editorLineNumber.foreground#181C38
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#6840C0
- editorOverviewRuler.selectionHighlightForeground#18B8D0
- editorOverviewRuler.warningForeground#A03868
- editorSuggestWidget.background#05060F
- editorSuggestWidget.border#141630
- editorSuggestWidget.foreground#C8D4E4
- editorSuggestWidget.highlightForeground#28C8E0
- editorSuggestWidget.selectedBackground#1A1C38
- editorWarning.foreground#A03868
- editorWhitespace.foreground#10122A
- editorWidget.background#05060F
- editorWidget.border#141630
- focusBorder#2A4868
- gitDecoration.addedResourceForeground#18B8D0
- gitDecoration.conflictingResourceForeground#A03868
- gitDecoration.deletedResourceForeground#803050
- gitDecoration.ignoredResourceForeground#181C38
- gitDecoration.modifiedResourceForeground#3A5880
- gitDecoration.untrackedResourceForeground#5090B0
- input.background#060814
- input.border#141630
- input.foreground#C8D4E4
- input.placeholderForeground#181C38
- inputOption.activeBorder#18B8D0
- list.activeSelectionBackground#1A1C38
- list.activeSelectionForeground#D4DFF0
- list.focusBackground#1A1C38
- list.focusForeground#D4DFF0
- list.highlightForeground#28C8E0
- list.hoverBackground#10122A
- list.hoverForeground#C8D4E4
- list.inactiveSelectionBackground#10122A
- list.inactiveSelectionForeground#3A4868
- merge.currentContentBackground#18B8D015
- merge.currentHeaderBackground#18B8D040
- merge.incomingContentBackground#A0386815
- merge.incomingHeaderBackground#A0386840
- notificationCenterHeader.background#04050C
- notifications.background#04050C
- notifications.border#141630
- notifications.foreground#C8D4E4
- notificationsErrorIcon.foreground#6840C0
- notificationsInfoIcon.foreground#18B8D0
- notificationsWarningIcon.foreground#A03868
- panel.background#04050C
- panel.border#141630
- panelTitle.activeBorder#18B8D0
- panelTitle.activeForeground#5090B0
- panelTitle.inactiveForeground#181C38
- peekView.border#2A4868
- peekViewEditor.background#04050C
- peekViewEditor.matchHighlightBackground#1A1C3880
- peekViewResult.background#060814
- peekViewResult.fileForeground#5090B0
- peekViewResult.lineForeground#3A4868
- peekViewResult.matchHighlightBackground#1A1C38
- peekViewResult.selectionBackground#1A1C38
- peekViewResult.selectionForeground#D4DFF0
- peekViewTitle.background#04050C
- peekViewTitleDescription.foreground#3A4868
- peekViewTitleLabel.foreground#C8D4E4
- progressBar.background#18B8D0
- scrollbarSlider.activeBackground#18B8D080
- scrollbarSlider.background#14163080
- scrollbarSlider.hoverBackground#1E3A4880
- selection.background#1A1C38
- settings.headerForeground#5090B0
- settings.modifiedItemIndicator#18B8D0
- sideBar.background#060814
- sideBar.border#141630
- sideBar.foreground#3A4868
- sideBarSectionHeader.background#04050C
- sideBarSectionHeader.border#141630
- sideBarSectionHeader.foreground#5090B0
- sideBarTitle.foreground#5090B0
- statusBar.background#04050C
- statusBar.border#00000000
- statusBar.debuggingBackground#18B8D0
- statusBar.debuggingForeground#E4EEF8
- statusBar.foreground#3A4868
- statusBar.noFolderBackground#04050C
- statusBarItem.hoverBackground#1A1C38
- statusBarItem.remoteBackground#1A1C38
- statusBarItem.remoteForeground#C8D4E4
- tab.activeBackground#080818
- tab.activeBorder#00000000
- tab.activeBorderTop#18B8D0
- tab.activeForeground#D4DFF0
- tab.border#141630
- tab.inactiveBackground#04050C
- tab.inactiveForeground#181C38
- tab.unfocusedActiveBackground#080818
- tab.unfocusedActiveForeground#3A4868
- terminal.ansiBlack#04050C
- terminal.ansiBlue#303880
- terminal.ansiBrightBlack#20243C
- terminal.ansiBrightBlue#4858A8
- terminal.ansiBrightCyan#35D0E8
- terminal.ansiBrightGreen#28C8E0
- terminal.ansiBrightMagenta#7840A0
- terminal.ansiBrightRed#A04878
- terminal.ansiBrightWhite#E4EEF8
- terminal.ansiBrightYellow#C85888
- terminal.ansiCyan#18A8C0
- terminal.ansiGreen#18B8D0
- terminal.ansiMagenta#5A2878
- terminal.ansiRed#803050
- terminal.ansiWhite#C8D4E4
- terminal.ansiYellow#A03868
- terminal.background#04050C
- terminal.foreground#C8D4E4
- terminalCursor.foreground#18B8D0
- titleBar.activeBackground#04050C
- titleBar.activeForeground#3A4868
- titleBar.border#00000000
- titleBar.inactiveBackground#04050C
- titleBar.inactiveForeground#181C38
- widget.shadow#00000090
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #1A1E40 | italic |
| string, string.quoted, string.template | #604890 | — |
| constant.character.escape, string.regexp | #8060B0 | — |
| constant.numeric | #C04878 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined | #C04878 | — |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, storage, storage.type, storage.modifier | #18B8D0 | — |
| entity.name.function, meta.function-call, support.function, variable.function | #28C8E0 | — |
| entity.name.type, entity.name.class, support.class, support.type | #35D0E8 | — |
| variable, variable.other, variable.other.readwrite | #C8D4E4 | — |
| variable.parameter | #A0B0C8 | — |
| variable.other.constant, constant.other | #604890 | bold |
| variable.other.property, support.variable.property, meta.object-literal.key | #B0BCCC | — |
| keyword.operator, punctuation.separator, punctuation.accessor | #2C3050 | — |
| punctuation, meta.brace, meta.delimiter | #1E2240 | — |
| entity.name.tag.decorator, meta.decorator, punctuation.decorator | #7840A0 | italic |
| entity.name.module, string.quoted.import | #604890 | — |
| entity.name.tag, meta.tag.sgml | #18B8D0 | — |
| entity.other.attribute-name | #28C8E0 | — |
| support.type.property-name.css | #28C8E0 | — |
| support.constant.property-value.css | #604890 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #35D0E8 | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown | #18B8D0 | bold |
| markup.bold | #E0EAF4 | bold |
| markup.italic | #A0B0C8 | italic |
| string.other.link.title.markdown, meta.link.inline.markdown | #B0BCCC | — |
| markup.underline.link, meta.link.reference.markdown, string.other.link.description.markdown, punctuation.definition.link.markdown, markup.underline.link.markdown | #2C3050 | — |
| punctuation.definition.list.begin.markdown, beginning.punctuation.definition.list.markdown | #18B8D0 | — |
| markup.inline.raw, markup.fenced_code.block, fenced_code.block.language | #28C8E0 | — |
| support.type.property-name.json | #28C8E0 | — |
| invalid, invalid.deprecated | #6840C0 | underline |