Galewind Theme
Publisher: Brian LaiThemes in package: 4
Dark color theme using colors from Tailwind CSS documentation.
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.activeBackground#18181B
- activityBar.activeBorder#27272A
- activityBar.activeFocusBorder#27272A
- activityBar.background#27272A
- activityBar.foreground#F4F4F5
- activityBar.inactiveForeground#A1A1AA
- activityBarBadge.background#0369A1
- button.background#0369A1
- dropdown.background#27272A
- editor.background#18181B
- editor.foreground#F4F4F5
- editor.lineHighlightBackground#27272A
- editor.selectionBackground#38BDF850
- editor.wordHighlightStrongBackground#38BDF850
- editorBracketHighlight.foreground1#FCA5A5
- editorBracketHighlight.foreground2#FDBA74
- editorBracketHighlight.foreground3#FDE047
- editorBracketHighlight.foreground4#86EFAC
- editorBracketHighlight.foreground5#93C5FD
- editorBracketHighlight.foreground6#D8B4FE
- editorCursor.foreground#BAE6FD
- editorGroupHeader.border#18181B
- editorGroupHeader.tabsBackground#18181B
- editorLineNumber.activeForeground#D4D4D8
- editorLineNumber.foreground#71717A
- editorLink.activeForeground#7DD3FC
- editorSuggestWidget.background#27272A
- editorSuggestWidget.focusHighlightForeground#F4F4F5
- editorSuggestWidget.foreground#F4F4F5
- editorSuggestWidget.selectedBackground#075985
- focusBorder#0369A1
- gitDecoration.addedResourceForeground#86EFAC
- gitDecoration.conflictingResourceForeground#FDBA74
- gitDecoration.deletedResourceForeground#6C6C6C
- gitDecoration.ignoredResourceForeground#BEF264
- gitDecoration.modifiedResourceForeground#67E8F9
- gitDecoration.renamedResourceForeground#67E8F9
- gitDecoration.stageDeletedResourceForeground#6C6C6C
- gitDecoration.stageModifiedResourceForeground#67E8F9
- gitDecoration.submoduleResourceForeground#67E8F9
- gitDecoration.untrackedResourceForeground#FCA5A5
- input.background#27272A
- list.activeSelectionBackground#0369A1
- list.hoverBackground#3F3F46
- menu.background#27272A
- menu.foreground#D4D4D8
- menu.selectionBackground#3F3F46
- menu.separatorBackground#52525B
- quickInput.background#27272A
- quickInputList.focusBackground#18181B
- quickInputTitle.background#252528
- settings.focusedRowBackground#27272A
- settings.modifiedItemIndicator#0EA5E9
- sideBar.background#18181B
- sideBar.border#27272A
- sideBar.dropBackground#38BDF850
- sideBarSectionHeader.background#18181B
- sideBarSectionHeader.border#27272A
- statusBar.background#27272A
- statusBar.noFolderBackground#27272A
- tab.activeModifiedBorder#38BDF8
- tab.border#18181B
- tab.hoverBackground#3F3F46
- tab.inactiveBackground#27272A
- textLink.activeForeground#7DD3FC
- textLink.foreground#38BDF8
- titleBar.activeBackground#27272A
- titleBar.inactiveBackground#27272A
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #737373 | italic |
| source, variable, variable.other.definition, entity.name.variable.local, string constant.other.placeholder, meta.block variable.other, meta.method.body | #FAFAFA | — |
| constant.other.color | #FFFFFF | — |
| invalid, invalid.illegal | #FF5370 | — |
| keyword.operator | #7DD3FC | |
| constant.other.color, meta.tag | #F3F4F6 | — |
| keyword, keyword.control, keyword.other, keyword.other.directive, keyword.other.substitution, keyword.other.template, keyword.other.unit, keyword.control.flow, storage.modifier, storage.modifier.public.cs, storage.modifier.private.cs, storage.type.function.arrow | #38BDF8 | italic |
| keyword.type, storage.type | #F9A8D4 | italic |
| punctuation | #F4F4F5 | — |
| punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.separator.inheritance.php, punctuation.section.embedded | #FEF08A | — |
| punctuation.definition.interpolation | #5EEAD4 | — |
| punctuation.definition.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.separator, punctuation.terminator | #DDD6FE | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #22D3EE | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #86EFAC | — |
| support.other.variable, string.other.link | #F9A8D4 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape | #C4B5FD | — |
| variable.parameter, entity.name.variable.parameter | #FDBA74 | — |
| string | #FEF08A | — |
| constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #F9A8D4 | — |
| entity.name.type | #C3E88D | bold |
| entity.name.type, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #F9A8D4 | bold |
| entity.name.type.namespace, storage.modifier.import, support.other.namespace.php, support.other.namespace.use.php | #FDE68A | bold |
| support.variable.property | #BAE6FD | — |
| 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 | #B2CCD6 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #FF5370 | — |
| variable.language | #BAE6FD | italic |
| entity.name.method.js | #82AAFF | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #82AAFF | — |
| entity.other.attribute-name | #FBCFE8 | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #FFCB6B | italic |
| entity.other.attribute-name.class | #FFCB6B | — |
| source.sass | #82AAFF | — |
| markup.inserted | #F9A8D4 | bold |
| markup.deleted | #FF5370 | — |
| markup.changed | #C792EA | — |
| string.regexp | #89DDFF | — |
| constant.character.escape | #89DDFF | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #82AAFF | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #FF5370 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #F4F4F5 | |
| text.html.markdown, punctuation.definition.list_item.markdown | #EEFFFF | — |
| text.html.markdown markup.inline.raw.markdown | #C792EA | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #65737E | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #F9A8D4 | bold |
| markup.italic | #F07178 | italic |
| markup.bold, markup.bold string | #F07178 | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #F07178 | bold |
| markup.underline | #F78C6C | underline |
| markup.quote punctuation.definition.blockquote.markdown | #65737E | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #82AAFF | — |
| string.other.link.description.title.markdown | #C792EA | — |
| constant.other.reference.link.markdown | #FFCB6B | — |
| markup.raw.block | #C792EA | — |
| markup.raw.block.fenced.markdown | #00000050 | — |
| punctuation.definition.fenced.markdown | #00000050 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #EEFFFF | — |
| variable.language.fenced.markdown | #65737E | — |
| meta.separator | #65737E | bold |
| markup.table | #EEFFFF | — |