Kasane Teto Theme
Publisher: SinsuSquidThemes in package: 1
A vibrant VS Code color theme inspired by Kasane Teto (重音テト)
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.activeBorder#ff0045
- activityBar.activeFocusBorder#d924d5
- activityBar.background#181b20
- activityBar.border#3f475066
- activityBar.foreground#ff0045
- activityBar.inactiveForeground#707a8a
- activityBarBadge.background#ff0045
- activityBarBadge.foreground#ffffff
- badge.background#ff0045
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#ff0045
- breadcrumb.focusForeground#eda7ba
- breadcrumb.foreground#788293
- breadcrumbPicker.background#2a3039
- button.background#ff0045
- button.foreground#ffffff
- button.hoverBackground#e0003c
- button.secondaryBackground#3f4750
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#4e5863
- checkbox.background#1e2228
- checkbox.border#3f4750
- checkbox.foreground#ff0045
- descriptionForeground#9ea6b5
- diffEditor.border#3f475055
- diffEditor.insertedTextBackground#eda7ba22
- diffEditor.removedTextBackground#ff004533
- disabledForeground#5c6575
- dropdown.background#2a3039
- dropdown.border#3f4750
- dropdown.foreground#f0eef5
- dropdown.listBackground#252a32
- editor.background#252a32
- editor.findMatchBackground#ff004566
- editor.findMatchHighlightBackground#d924d544
- editor.findRangeHighlightBackground#3f475033
- editor.foreground#f0eef5
- editor.hoverHighlightBackground#353c4766
- editor.inactiveSelectionBackground#ff004522
- editor.lineHighlightBackground#2d333c80
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#ff00453d
- editor.selectionHighlightBackground#d924d533
- editor.wordHighlightBackground#d924d528
- editor.wordHighlightStrongBackground#ff004538
- editorBracketHighlight.foreground1#ff0045
- editorBracketHighlight.foreground2#d924d5
- editorBracketHighlight.foreground3#eda7ba
- editorBracketHighlight.foreground4#8aa4ff
- editorBracketHighlight.foreground5#ffd166
- editorBracketHighlight.foreground6#3f4750
- editorBracketMatch.background#ff004533
- editorBracketMatch.border#ff0045
- editorCodeLens.foreground#788293
- editorCursor.foreground#ff0045
- editorError.foreground#ff0045
- editorGroup.border#3f475066
- editorGroupHeader.noTabsBackground#252a32
- editorGroupHeader.tabsBackground#181b20
- editorGroupHeader.tabsBorder#3f475066
- editorGutter.addedBackground#eda7ba
- editorGutter.background#252a32
- editorGutter.deletedBackground#ff0045
- editorGutter.foldingControlForeground#eda7ba
- editorGutter.modifiedBackground#d924d5
- editorHint.foreground#a49ec0
- editorHoverWidget.background#2a3039
- editorHoverWidget.border#3f4750
- editorIndentGuide.activeBackground#eda7ba99
- editorIndentGuide.background#3f475050
- editorInfo.foreground#d924d5
- editorLineNumber.activeForeground#eda7ba
- editorLineNumber.foreground#4d5663
- editorLink.activeForeground#ff0045
- editorOverviewRuler.border#3f475044
- editorOverviewRuler.bracketMatchForeground#ff0045
- editorOverviewRuler.errorForeground#ff0045
- editorOverviewRuler.findMatchForeground#ff0045cc
- editorOverviewRuler.infoForeground#d924d5
- editorOverviewRuler.rangeHighlightForeground#d924d566
- editorOverviewRuler.selectionHighlightForeground#ff004555
- editorOverviewRuler.warningForeground#eda7ba
- editorOverviewRuler.wordHighlightForeground#d924d555
- editorRuler.foreground#3f475055
- editorSuggestWidget.background#2a3039
- editorSuggestWidget.border#3f4750
- editorSuggestWidget.foreground#f0eef5
- editorSuggestWidget.highlightForeground#ff0045
- editorSuggestWidget.selectedBackground#ff004533
- editorWarning.foreground#eda7ba
- editorWhitespace.foreground#3f475060
- editorWidget.background#2a3039
- editorWidget.border#3f4750
- editorWidget.foreground#f0eef5
- errorForeground#ff0045
- focusBorder#ff0045
- foreground#f0eef5
- gitDecoration.conflictingResourceForeground#ff0045
- gitDecoration.deletedResourceForeground#ff0045
- gitDecoration.ignoredResourceForeground#5c6575
- gitDecoration.modifiedResourceForeground#eda7ba
- gitDecoration.submoduleResourceForeground#8aa4ff
- gitDecoration.untrackedResourceForeground#d924d5
- icon.foreground#eda7ba
- input.background#1e2228
- input.border#3f4750
- input.foreground#f0eef5
- input.placeholderForeground#707a8a
- inputOption.activeBackground#ff004533
- inputOption.activeBorder#ff0045
- inputOption.activeForeground#ffffff
- inputValidation.errorBackground#252a32
- inputValidation.errorBorder#ff0045
- inputValidation.infoBackground#252a32
- inputValidation.infoBorder#d924d5
- inputValidation.warningBackground#252a32
- inputValidation.warningBorder#eda7ba
- list.activeSelectionBackground#ff004533
- list.activeSelectionForeground#ffffff
- list.dropBackground#ff004533
- list.focusBackground#ff004533
- list.focusForeground#ffffff
- list.focusHighlightForeground#ff0045
- list.highlightForeground#ff0045
- list.hoverBackground#353c4766
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#2e343d
- list.inactiveSelectionForeground#f0eef5
- listFilterWidget.background#2a3039
- listFilterWidget.noMatchesOutline#ff0045
- listFilterWidget.outline#ff0045
- menu.background#2a3039
- menu.foreground#f0eef5
- menu.selectionBackground#ff004533
- menu.selectionForeground#ffffff
- menu.separatorBackground#3f4750
- menubar.selectionBackground#ff004533
- menubar.selectionForeground#ffffff
- panel.background#252a32
- panel.border#3f475066
- panelTitle.activeBorder#ff0045
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#788293
- peekView.border#ff0045
- peekViewEditor.background#1e2228
- peekViewEditor.matchHighlightBackground#ff004544
- peekViewEditorGutter.background#1e2228
- peekViewResult.background#252a32
- peekViewResult.fileForeground#ffffff
- peekViewResult.lineForeground#9ea6b5
- peekViewResult.matchHighlightBackground#ff004544
- peekViewResult.selectionBackground#ff004533
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#181b20
- peekViewTitleDescription.foreground#828c9c
- peekViewTitleLabel.foreground#eda7ba
- progressBar.background#ff0045
- scrollbar.shadow#10121650
- scrollbarSlider.activeBackground#ff004588
- scrollbarSlider.background#3f475050
- scrollbarSlider.hoverBackground#3f475088
- selection.background#ff00453d
- sideBar.background#1e2228
- sideBar.border#3f475066
- sideBar.foreground#d8d4e2
- sideBarSectionHeader.background#252a32
- sideBarSectionHeader.border#3f475066
- sideBarSectionHeader.foreground#eda7ba
- sideBarTitle.foreground#eda7ba
- statusBar.background#181b20
- statusBar.border#3f475066
- statusBar.debuggingBackground#ff0045
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#d8d4e2
- statusBar.noFolderBackground#181b20
- statusBarItem.activeBackground#ff004544
- statusBarItem.hoverBackground#ff004522
- statusBarItem.prominentBackground#ff0045
- statusBarItem.prominentHoverBackground#e0003c
- statusBarItem.remoteBackground#ff0045
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#252a32
- tab.activeBorder#ff0045
- tab.activeBorderTop#ff0045
- tab.activeForeground#ffffff
- tab.border#3f475044
- tab.hoverBackground#2b313a
- tab.hoverForeground#f0eef5
- tab.inactiveBackground#1e2228
- tab.inactiveForeground#828c9c
- tab.unfocusedActiveBorder#ff004588
- tab.unfocusedActiveBorderTop#ff004588
- tab.unfocusedActiveForeground#d8d4e2
- tab.unfocusedInactiveForeground#5c6575
- terminal.ansiBlack#252a32
- terminal.ansiBlue#5c7cfa
- terminal.ansiBrightBlack#4d5663
- terminal.ansiBrightBlue#748ffc
- terminal.ansiBrightCyan#5efcff
- terminal.ansiBrightGreen#52f2ab
- terminal.ansiBrightMagenta#e84df2
- terminal.ansiBrightRed#ff336a
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffe066
- terminal.ansiCyan#00f0ff
- terminal.ansiGreen#3ddc97
- terminal.ansiMagenta#d924d5
- terminal.ansiRed#ff0045
- terminal.ansiWhite#f0eef5
- terminal.ansiYellow#f9c74f
- terminal.background#1e2228
- terminal.foreground#f0eef5
- terminalCursor.foreground#ff0045
- textBlockQuote.background#1e222880
- textBlockQuote.border#ff0045
- textCodeBlock.background#1e2228
- textLink.activeForeground#d924d5
- textLink.foreground#ff0045
- textPreformat.foreground#eda7ba
- textSeparator.foreground#3f4750
- titleBar.activeBackground#181b20
- titleBar.activeForeground#f0eef5
- titleBar.border#3f475044
- titleBar.inactiveBackground#14161a
- titleBar.inactiveForeground#707a8a
- tree.indentGuidesStroke#3f475080
- widget.shadow#10121699
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6a7688 | italic |
| comment.block.documentation, comment.block.documentation punctuation.definition.comment | #788497 | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical.python, keyword.operator.wordlike | #d924d5 | bold |
| storage, storage.type, storage.modifier | #d924d5 | — |
| string, string.quoted, string.template, punctuation.definition.string | #eda7ba | — |
| constant.character.escape, string.regexp, punctuation.section.embedded | #ff7597 | — |
| constant.numeric, constant.language, constant.other | #ff5a85 | — |
| entity.name.function, meta.function-call, support.function, variable.function | #ff0045 | — |
| variable.parameter, meta.parameter | #eda7ba | italic |
| entity.name.type, entity.name.class, entity.name.struct, entity.other.inherited-class, support.class, support.type | #f888a7 | bold |
| entity.name.type.interface, entity.name.type.enum | #f888a7 | — |
| variable, variable.other.readwrite, variable.other.object | #f0eef5 | — |
| variable.other.property, variable.other.object.property, support.type.property-name | #d8d2e4 | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison | #d924d5 | — |
| punctuation.separator, punctuation.terminator, punctuation.accessor | #8f97a8 | — |
| entity.name.tag, meta.tag.sgml, punctuation.definition.tag | #ff0045 | — |
| entity.other.attribute-name | #eda7ba | italic |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css | #ff0045 | — |
| support.type.property-name.css | #eda7ba | — |
| support.constant.property-value.css, keyword.other.unit.css | #d924d5 | — |
| support.type.property-name.json | #eda7ba | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown | #ff0045 | bold |
| markup.bold | #d924d5 | bold |
| markup.italic | #eda7ba | italic |
| markup.raw.inline, markup.raw.block | #eda7ba | — |
| markup.underline.link, string.other.link | #ff0045 | — |
| punctuation.definition.list.begin.markdown, punctuation.definition.quote.begin.markdown, markup.quote | #5c6575 | — |