Ginko Ginko
Publisher: Mosse SoxThemes in package: 1
yellow, orange, blue, magenta color theme
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#d9c265
- activityBar.border#ebaa69
- activityBar.foreground#fc5305
- activityBarBadge.background#f28756
- activityBarBadge.foreground#ffffff
- badge.background#a02c6630
- badge.foreground#ffcece
- breadcrumb.activeSelectionForeground#f95234
- breadcrumb.background#e4c270
- breadcrumb.focusForeground#e3892f
- breadcrumb.foreground#cf6017
- breadcrumbPicker.background#eea969
- button.background#dfa12750
- contrastBorder#f5eab740
- debugToolBar.background#d17e4a
- diffEditor.insertedTextBackground#ecd5b715
- diffEditor.removedTextBackground#ed5ac620
- dropdown.background#a41e4f
- dropdown.border#f8f1bb
- editor.background#ebdc94
- editor.findMatchBackground#d9833d
- editor.findMatchBorder#fff0a7
- editor.findMatchHighlightBackground#e6a785c5
- editor.findMatchHighlightBorder#f7ddc230
- editor.foreground#c02b78
- editor.lineHighlightBackground#e0a08b50
- editor.selectionBackground#3f7aba88
- editor.selectionHighlightBackground#cb529d6b
- editor.selectionHighlightBorder#f899def0
- editor.wordHighlightBackground#cb2b716d
- editor.wordHighlightStrongBackground#5c98d86d
- editorBracketMatch.background#e1ae9b
- editorBracketMatch.border#f8e1c97f
- editorCursor.foreground#548cdb
- editorError.foreground#0566d4e4
- editorGroup.border#be803d30
- editorGroupHeader.tabsBackground#f06850c8
- editorGutter.addedBackground#ffaf7d60
- editorGutter.deletedBackground#ff876360
- editorGutter.modifiedBackground#ffe0c460
- editorHoverWidget.background#facdb6
- editorHoverWidget.border#f6906ee2
- editorHoverWidget.statusBarBackground#e2b47bae
- editorIndentGuide.activeBackground#df6fb6
- editorIndentGuide.background#f6710c70
- editorInfo.foreground#ea8c4470
- editorLineNumber.activeForeground#f62a02b0
- editorLineNumber.foreground#e58d62c0
- editorLink.activeForeground#e5749e
- editorMarkerNavigation.background#ffabcf05
- editorOverviewRuler.border#81436a
- editorOverviewRuler.errorForeground#21b0e8af
- editorOverviewRuler.findMatchForeground#eb6fad
- editorOverviewRuler.infoForeground#e949cc40
- editorOverviewRuler.warningForeground#fb6bfb70
- editorRuler.foreground#cb9f7e
- editorSuggestWidget.background#f1ae8a
- editorSuggestWidget.border#e73a17d1
- editorSuggestWidget.foreground#da1664
- editorSuggestWidget.highlightForeground#db5415
- editorSuggestWidget.selectedBackground#ffcfa720
- editorWarning.foreground#ffc07d
- editorWhitespace.foreground#dfbc8c
- editorWidget.background#e07a58
- editorWidget.border#ffdf94
- editorWidget.foreground#d84f22
- editorWidget.resizeBorder#ffd2a7
- extensionButton.prominentBackground#ffbc7d90
- extensionButton.prominentHoverBackground#ff9263
- focusBorder#d13c9000
- foreground#d32008fa
- gitDecoration.conflictingResourceForeground#e93718
- gitDecoration.deletedResourceForeground#47b0da
- gitDecoration.ignoredResourceForeground#ed0959
- gitDecoration.modifiedResourceForeground#c93b25
- gitDecoration.untrackedResourceForeground#a7470f
- input.background#e2aa56
- input.border#b7612c10
- input.foreground#e80c43
- input.placeholderForeground#ff047dd8
- inputOption.activeBackground#cb3f9a30
- inputOption.activeBorder#88225530
- inputValidation.errorBorder#ff63bb50
- inputValidation.infoBorder#ffe8c450
- inputValidation.warningBorder#FFEF9450
- list.activeSelectionBackground#e1ba86
- list.activeSelectionForeground#d2513d
- list.errorForeground#3470be
- list.focusBackground#a58370
- list.focusForeground#b95014
- list.highlightForeground#4f4811
- list.hoverBackground#cb7ea3
- list.hoverForeground#a32e82
- list.inactiveSelectionBackground#a0234d30
- list.inactiveSelectionForeground#c98746
- list.warningForeground#f4107e
- listFilterWidget.background#8e5f3e30
- listFilterWidget.noMatchesOutline#81624330
- listFilterWidget.outline#81654330
- menu.background#b55927f8
- menu.border#ffd0a750
- menu.foreground#d96338
- menu.selectionBackground#a58870
- menu.selectionBorder#65438130
- menu.selectionForeground#ffcdab
- menu.separatorBackground#ffc4ab
- menubar.selectionBackground#a58a70
- menubar.selectionBorder#FFF5A750
- menubar.selectionForeground#ffc1ab
- minimap.background#ef9331
- minimapGutter.addedBackground#ffbb63
- minimapGutter.deletedBackground#ff94cf
- minimapGutter.modifiedBackground#ffb37d
- minimapSlider.activeBackground#f3cd98b0
- minimapSlider.background#ffc47d80
- minimapSlider.hoverBackground#ff7dc9a0
- notificationLink.foreground#ffbaa7
- notifications.background#bc532d
- notifications.foreground#f8c4af
- panel.background#e2bb79
- panel.border#ec8b5660
- panelTitle.activeBorder#e86f2e
- panelTitle.activeForeground#dd614b
- panelTitle.inactiveForeground#f4e3d7
- peekView.border#a54c2f30
- peekViewEditor.background#ffd8ab05
- peekViewEditor.matchHighlightBackground#ffa7d350
- peekViewEditorGutter.background#ffabd905
- peekViewResult.background#d2abff05
- peekViewResult.matchHighlightBackground#f9a7ff50
- peekViewResult.selectionBackground#ffa7ff70
- peekViewTitle.background#ffabdc05
- peekViewTitleDescription.foreground#ffabd660
- pickerGroup.foreground#b73e1a
- progressBar.background#ffa7bd
- scrollbar.shadow#81584300
- scrollbarSlider.activeBackground#ffc0a7cc
- scrollbarSlider.background#dd7451bb
- scrollbarSlider.hoverBackground#ffa7c3ee
- selection.background#ffbaa7
- settings.checkboxBackground#c27458
- settings.checkboxForeground#ffbcab
- settings.dropdownBackground#c27458
- settings.dropdownForeground#edc4ba
- settings.headerForeground#e95f49
- settings.modifiedItemIndicator#ffc3a7
- settings.numberInputBackground#c27458
- settings.numberInputForeground#ffbfab
- settings.textInputBackground#c27458
- settings.textInputForeground#facfc1
- sideBar.background#f49d7b
- sideBar.border#ec753050
- sideBar.foreground#fff1bd
- sideBarSectionHeader.background#d4835d
- sideBarSectionHeader.border#b72a1160
- sideBarSectionHeader.foreground#bf1c24
- sideBarTitle.foreground#db4021
- statusBar.background#f4bf78
- statusBar.border#c43e0960
- statusBar.debuggingBackground#ffb094
- statusBar.debuggingForeground#eb713d
- statusBar.foreground#d93d25
- statusBar.noFolderBackground#b9684d
- statusBarItem.hoverBackground#ffc3a720
- statusBarItem.remoteBackground#f7a176
- statusBarItem.remoteForeground#d74219
- tab.activeBackground#d04f2850
- tab.activeBorder#fb6142
- tab.activeForeground#fbdbd7
- tab.activeModifiedBorder#ffc4a7
- tab.border#c54e38
- tab.inactiveBackground#e1b8ab78
- tab.inactiveForeground#b53b19af
- tab.unfocusedActiveBackground#d1562140
- tab.unfocusedActiveBorder#9e2010
- tab.unfocusedActiveForeground#eaaf97
- tab.unfocusedInactiveBackground#ffc0a710
- tab.unfocusedInactiveForeground#b350327f
- terminal.ansiBlack#9c4822
- terminal.ansiBlue#8f346f
- terminal.ansiBrightBlack#ce9961
- terminal.ansiBrightBlue#d6894e
- terminal.ansiBrightCyan#b75535
- terminal.ansiBrightGreen#ac3f26
- terminal.ansiBrightMagenta#97236a
- terminal.ansiBrightRed#d43343
- terminal.ansiBrightWhite#fefefe
- terminal.ansiBrightYellow#f2edcd
- terminal.ansiCyan#3694ab
- terminal.ansiGreen#2f892a
- terminal.ansiMagenta#842b55
- terminal.ansiRed#972626
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#d1ba37
- terminal.background#ebc588
- terminal.foreground#d3461b
- terminalCursor.background#a54c2a
- terminalCursor.foreground#ca4125
- textLink.activeForeground#b22d15
- textLink.foreground#d44418
- titleBar.activeBackground#ba4e2e
- titleBar.activeForeground#f3d6d1
- titleBar.border#96362360
- titleBar.inactiveBackground#ba4e2e
- titleBar.inactiveForeground#ffbea7
- tree.indentGuidesStroke#cb8c7e
- widget.shadow#814e43e2
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| variable, string constant.other.placeholder, invalid.deprecated, keyword, storage.type, storage.modifier | #e45c21 | — |
| variable, string constant.other.placeholder, entity.name.function, punctuation.definition.interpolation.end.bracket.curly.scss, punctuation.definition.interpolation.begin.bracket.curly.scss | — | italic |
| punctuation.definition.interpolation.end.bracket.curly.scss, punctuation.definition.interpolation.begin.bracket.curly.scss | #27b950 | — |
| constant.other.php | #402be5 | — |
| constant.other.color | #f70be8 | — |
| invalid, invalid.illegal | #ff2600 | — |
| Keyword, Storage | — | italic |
| keyword.control, constant.other.color, punctuation.definition.tag, punctuation, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, entity.name.tag.reference.scss | #5e8ae1 | — |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, entity.name.type.module.js | #e48d75 | — |
| keyword.control.at-rule, punctuation.terminator.rule.css, keyword.control.operator, punctuation.definition.entity.css, keyword.operator.assignment.js, punctuation.separator.comma.js, punctuation.definition.string.begin.js, punctuation.definition.string.end.js, punctuation.definition.binding-pattern.object.js | #e06c24 | — |
| punctuation.definition, string.quoted.single.scss | #db749d | — |
| keyword.control | — | bold |
| comment.line.scss, comment.line.double-slash.js, punctuation.definition.comment.scss, punctuation.definition.comment.js, punctuation.definition.comment.html, comment.block.html, comment.block.js | #c85fe3 | — |
| text.html.derivative | #b6839b | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #778fd6 | — |
| entity.name.tag.html | — | bold |
| variable.parameter.js, variable.parameter.keyframe-list.css | #3d5fae | — |
| variable.other.object.js, storage.type.js, string.other.link.title.markdown, variable.other.readwrite.js, variable.other.property.js | #e73d8a | |
| string, string.quoted.double.html, variable.other.constant.js, variable.other.object.property.js, string.quoted.double.json, markup.fenced_code.block.markdown, markup.inline.raw.string.markdown, variable.function, keyword.other.special-method, entity.name.function, markup.bold, markup.bold.markdown, markup.italic.markdown, meta.class-method.js entity.name.function.js, variable.function.constructor, entity.name.tag.other.html, entity.name.tag.block.any.html, source.sass keyword.control | #ea660e | — |
| punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #e857a2 | — |
| support.other.variable, string.other.link, markup.table | #4863c3 | — |
| constant.numeric, constant.language, constant.character, constant.escape, keyword.other.unit, keyword.other, punctuation.separator.key-value.html | #fa5685 | — |
| variable.parameter.function.language.special, variable.parameter | #dc5785 | — |
| constant.other.symbol, constant.other.key, entity.other.inherited-class, keyword.other.unit, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly, constant.other.object.key.js, string.unquoted.label.js | #4879ce | |
| entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types, entity.other.attribute-name.html | #e34385 | — |
| support.type | #6381c6 | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #ea742b | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #28d03c | — |
| entity.name.method.js, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #2cda4f | italic |
| entity.other.attribute-name, support.function | #f04c9e | — |
| entity.other.attribute-name.id, entity.other.attribute-name.class, entity.other.attribute-name.pseudo-class, entity.name.tag.css, keyword.control.conditional.js, support.constant, entity.other.attribute-name.html, string.quoted.single.js, storage.type.function.js, meta.object-literal.key | #cb2769 | — |
| source.scss keyword.control | #22bd31 | — |
| markup.inserted | #547fdc | — |
| markup.deleted | #b4236b | — |
| markup.changed | #c85f26 | — |
| string.regexp | #1fac28 | — |
| constant.character.escape | #ff78b2 | — |
| *url*, *link*, *uri* | — | underline |
| source.js constant.other.object.key.js string.unquoted.label.js | #24c447 | italic |
| support.type.property-name.json | #f93310 | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #5c73d2 | — |
| text.html.markdown markup.inline.raw.markdown | #26cd26 | — |
| text.html.markdown markup.inline.raw.markdown, punctuation.definition.raw.markdown | #48be2b50 | — |
| text.html.markdown meta.dummy.line-break | — | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown, entity.name.section.markdown | #d44221 | bold |
| markup.underline | #ea2f6a | underline |
| markup.strike | — | |
| markup.quote punctuation.definition.blockquote.markdown | #23c83950 | — |
| markup.quote | — | italic |
| string.other.link.description.title.markdown | #28c333 | — |
| constant.other.reference.link.markdown | #2ccb20 | — |
| markup.raw.block | #20e03a | — |
| punctuation.definition.raw.markdown, punctuation.definition.markdown | #eb70c6 | — |
| variable.language.fenced.markdown | #2ac148 | — |
| meta.separator | #31b928 | bold |
| token.info-token | #29c431 | — |
| token.warn-token | #34c73e | — |
| token.error-token | #FF293B | — |
| token.debug-token | #2dc658 | — |
| markdown.markup.raw.inline | #FF293B | — |