GMK Fuyu
Publisher: MulattoKidThemes in package: 1
A color theme inspired by the GMK Fuyu keycap set
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#ffffff
- activityBar.background#85b0cc
- activityBar.border#00000000
- activityBar.dropBackground#efb9c0
- activityBar.foreground#ffffff
- activityBar.inactiveForeground#ffffff
- activityBarBadge.background#ffffff
- activityBarBadge.foreground#efb9c0
- badge.background#85b0cc
- badge.foreground#ffffff
- button.background#85b0cc
- button.foreground#ffffff
- button.hoverBackground#efb9c0
- checkbox.background#efb9c0
- checkbox.border#efb9c0
- checkbox.foreground#ffffff
- contrastBorder#00000000
- debugToolBar.background#ffffff
- debugToolBar.border#85b0cc
- diffEditor.insertedTextBackground#00ff6819
- diffEditor.removedTextBackground#ff003219
- dropdown.background#efb9c0
- dropdown.border#efb9c0
- dropdown.foreground#ffffff
- dropdown.listBackground#efb9c0
- editor.background#ffffff
- editor.findMatchBackground#000000
- editor.findMatchHighlightBackground#000000
- editor.focusedStackFrameHighlightBackground#ffffff
- editor.foreground#85b0cc
- editor.inactiveSelectionBackground#000000
- editor.lineHighlightBackground#0064ff0c
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#000000
- editor.selectionForeground#ffffff
- editor.selectionHighlightBorder#00000000
- editor.stackFrameHighlightBackground#ffffff
- editor.wordHighlightBackground#0064ff26
- editor.wordHighlightStrongBackground#0064ff4c
- editorBracketMatch.background#efb9c0
- editorBracketMatch.border#efb9c0
- editorCursor.foreground#85b0cc
- editorError.foreground#ff0032
- editorGroup.border#85b0cc
- editorGroup.dropBackground#efb9c0
- editorGroupHeader.tabsBackground#ffffff
- editorGroupHeader.tabsBorder#efb9c0
- editorGutter.addedBackground#00ff68
- editorGutter.deletedBackground#ff0032
- editorGutter.modifiedBackground#000000
- editorIndentGuide.background#f4f6fc
- editorLineNumber.activeForeground#85b0cc
- editorLineNumber.foreground#85b0cc
- editorLink.activeForeground#004bff
- editorOverviewRuler.addedForeground#00000000
- editorOverviewRuler.border#00000000
- editorOverviewRuler.bracketMatchForeground#0064ff4c
- editorOverviewRuler.errorForeground#ff0032
- editorOverviewRuler.findMatchForeground#ffca0099
- editorOverviewRuler.modifiedForeground#000000
- editorOverviewRuler.selectionHighlightForeground#0064ff4c
- editorOverviewRuler.warningForeground#ff9900
- editorOverviewRuler.wordHighlightForeground#0064ff26
- editorOverviewRuler.wordHighlightStrongForeground#0064ff4c
- editorRuler.foreground#f4f6fc
- editorSuggestWidget.foreground#000000
- editorWarning.foreground#ff9900
- editorWidget.background#f4f6fc
- editorWidget.border#e7ecf2
- errorForeground#ff0032
- extensionButton.prominentBackground#efb9c0
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#85b0cc
- focusBorder#e7ecf2
- foreground#000000
- gitDecoration.ignoredResourceForeground#bec9d3
- gitDecoration.modifiedResourceForeground#000000
- gitDecoration.untrackedResourceForeground#000000
- input.background#ffffff
- input.border#85b0cc
- input.foreground#85b0cc
- input.placeholderForeground#bec9d3
- list.activeSelectionBackground#efb9c0
- list.activeSelectionForeground#ffffff
- list.dropBackground#0064ff4c
- list.focusBackground#0064ff26
- list.focusForeground#000000
- list.highlightForeground#000000
- list.hoverBackground#85b0cc
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#efb9c0
- list.inactiveSelectionForeground#ffffff
- menu.background#ffffff
- menu.foreground#85b0cc
- menu.selectionBackground#efb9c0
- menu.selectionBorder#efb9c0
- menu.selectionForeground#ffffff
- menubar.selectionBackground#efb9c0
- menubar.selectionBorder#efb9c0
- menubar.selectionForeground#ffffff
- panel.background#f4f6fc
- panel.border#00000000
- panelTitle.activeBorder#bec9d3
- peekView.border#000000
- peekViewEditor.background#ffffff
- peekViewEditor.matchHighlightBackground#efb9c0
- peekViewEditor.matchHighlightBorder#efb9c0
- peekViewEditorGutter.background#ffffff
- peekViewResult.background#ffffff
- peekViewResult.fileForeground#6b7a88
- peekViewResult.lineForeground#6b7a88
- peekViewResult.matchHighlightBackground#ffca0099
- peekViewResult.selectionBackground#efb9c0
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#efb9c0
- peekViewTitleDescription.foreground#ffffff
- peekViewTitleLabel.foreground#ffffff
- progressBar.background#004bff
- scrollbar.shadow#efb9c0
- scrollbarSlider.activeBackground#efb9c0
- scrollbarSlider.background#efb9c0
- scrollbarSlider.hoverBackground#efb9c0
- sideBar.background#ffffff
- sideBar.border#85b0cc
- sideBar.dropBackground#85b0cc
- sideBar.foreground#85b0cc
- sideBarSectionHeader.background#efb9c0
- sideBarSectionHeader.border#efb9c0
- sideBarSectionHeader.foreground#ffffff
- sideBarTitle.foreground#85b0cc
- statusBar.background#85b0cc
- statusBar.debuggingBackground#ff9900
- statusBar.debuggingForeground#000000
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#000000
- tab.activeBackground#efb9c0
- tab.activeBorder#efb9c0
- tab.activeForeground#ffffff
- tab.activeModifiedBorder#00000000
- tab.border#85b0cc
- tab.hoverBackground#efb9c0
- tab.inactiveBackground#ffffff
- tab.inactiveForeground#85b0cc
- tab.inactiveModifiedBorder#000000
- terminal.ansiBlack#000000
- terminal.ansiBlue#004bff
- terminal.ansiBrightBlack#000000
- terminal.ansiBrightBlue#004bff
- terminal.ansiBrightCyan#00d2ff
- terminal.ansiBrightGreen#00ff68
- terminal.ansiBrightMagenta#7d46fc
- terminal.ansiBrightRed#ff0032
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffca00
- terminal.ansiCyan#00d2ff
- terminal.ansiGreen#00ff68
- terminal.ansiMagenta#7d46fc
- terminal.ansiRed#ff0032
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#ffca00
- terminal.background#ffffff
- terminal.border#85b0cc
- terminal.foreground#85b0cc
- terminal.selectionBackground#efb9c05f
- terminalCursor.background#85b0cc
- terminalCursor.foreground#85b0cc
- textLink.activeForeground#efb9c0
- textLink.foreground#5659ff
- textPreformat.foreground#b9baef
- titleBar.activeBackground#85b0cc
- titleBar.activeForeground#ffffff
- titleBar.inactiveBackground#85b0cc
- titleBar.inactiveForeground#ffffff
- welcomePage.background#ffffff
- welcomePage.buttonBackground#ffffff
- welcomePage.buttonHoverBackground#efb9c0
- widget.shadow#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, string.quoted.docstring | #85b0cc | — |
| string | #85b0cc | — |
| punctuation.definition.string, storage.type.string.python | #85b0cc | — |
| beginning.punctuation, entity.name.section.group-title, entity.name.tag, entity.other.attribute-name.class, entity.other.attribute-name.id, keyword.const, keyword.control, keyword.function, keyword.import, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.decrement, keyword.operator.expression, keyword.operator.increment, keyword.operator.increment-decrement, keyword.operator.logical, keyword.operator.misc, keyword.operator.new, keyword.operator.other, keyword.operator.ternary, keyword.other.fn, keyword.other.rust, keyword.other.special-method, keyword.other.where, keyword.package, keyword.type, keyword.var, markup.heading, meta.tag.sgml.doctype.html, punctuation.separator.key-value, storage.modifier, storage.type.class, storage.type.enum, storage.type.function, storage.type.import, storage.type.interface, storage.type.js, storage.type.namespace, storage.type.property, storage.type.rust, storage.type.string.python, storage.type.ts, storage.type.tsx, storage.type.type, support.type.object.module | — | bold |
| comment | #EFB9C0 | — |
| punctuation.definition.comment | #EFB9C0 | — |
| string | #85B0CC | — |
| meta.embedded.assembly | #85B0CC | — |
| keyword - keyword.operator | #85B0CC | — |
| keyword.control | #85B0CC | — |
| storage | #85B0CC | — |
| storage.type | #85B0CC | — |
| constant.numeric | #85B0CC | — |
| token.info-token | #316BCD | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #CD3131 | — |
| token.debug-token | #800080 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...