Fifties
Publisher: fiftiesThemes in package: 1
Dark color theme inspired by Gruvbox and Darcula
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#2e2c28
- activityBar.foreground#c5c0af
- activityBar.inactiveForeground#757166
- activityBarBadge.background#73A1B0
- button.background#73A1B0
- button.foreground#eae8e1
- debugIcon.breakpointDisabledForeground#757166
- debugIcon.breakpointForeground#DD5341
- debugIcon.continueForeground#73a1b0
- debugIcon.pauseForeground#73A1B0
- debugIcon.restartForeground#90bb8f
- debugIcon.startForeground#90bb8f
- debugIcon.stepIntoForeground#73a1b0
- debugIcon.stepOutForeground#73a1b0
- debugIcon.stepOverForeground#73a1b0
- debugTokenExpression.boolean#e992a8
- debugTokenExpression.name#a0613d
- debugTokenExpression.number#7fb3bd
- debugTokenExpression.string#739B89
- debugTokenExpression.value#757166
- diffEditor.insertedTextBackground#467c584f
- diffEditor.removedTextBackground#dd534154
- dropdown.foreground#eae8e1
- editor.background#2b2926
- editor.foreground#c9c3b1
- editor.hoverHighlightBackground#4baccc33
- editor.lineHighlightBorder#ffffff00
- editor.selectionBackground#4baccc66
- editor.selectionHighlightBackground#ffffff33
- editor.stackFrameHighlightBackground#b86d4141
- editor.wordHighlightBackground#ffffff22
- editor.wordHighlightStrongBackground#ffffff33
- editorGroup.border#3c382a
- editorGroupHeader.tabsBackground#262521
- editorGutter.addedBackground#90bb8f
- editorGutter.deletedBackground#dd5341
- editorGutter.modifiedBackground#73a1b0
- editorHoverWidget.background#34332d
- editorIndentGuide.activeBackground#5a543f
- editorIndentGuide.background#3c382a
- editorLineNumber.activeForeground#c9c3b1
- editorLineNumber.foreground#757166
- editorOverviewRuler.addedForeground#90bb8f88
- editorOverviewRuler.deletedForeground#dd534188
- editorOverviewRuler.modifiedForeground#73a1b0aa
- editorRuler.foreground#3c382a
- editorSuggestWidget.background#34332d
- editorSuggestWidget.highlightForeground#73A1B0
- editorSuggestWidget.selectedBackground#4baccc66
- editorWidget.background#34332d
- editorWidget.foreground#c5c0af
- focusBorder#73A1B0
- foreground#c9c3b1
- gitDecoration.addedResourceForeground#90bb8f
- gitDecoration.deletedResourceForeground#DD5341
- gitDecoration.ignoredResourceForeground#757166
- gitDecoration.stageDeletedResourceForeground#dd5341
- gitDecoration.untrackedResourceForeground#90bb8f
- list.activeSelectionBackground#4baccc66
- list.activeSelectionForeground#eae8e1
- list.focusBackground#4baccc66
- list.hoverBackground#ffffff11
- list.inactiveSelectionBackground#4baccc33
- panel.background#2b2926
- panel.border#3c382a
- panelTitle.activeForeground#c5c0af
- panelTitle.inactiveForeground#757166
- peekView.border#73a1b0
- peekViewEditor.background#34332d
- peekViewEditor.matchHighlightBackground#b0a27355
- peekViewResult.background#2e2d29
- peekViewResult.fileForeground#eae8e1
- peekViewResult.lineForeground#c5c0af
- peekViewResult.selectionForeground#eae8e1
- peekViewTitle.background#262521
- peekViewTitleDescription.foreground#757166
- peekViewTitleLabel.foreground#c5c0af
- scrollbar.shadow#ffffff00
- selection.background#4baccc66
- settings.headerForeground#eae8e1
- sideBar.background#262521
- sideBar.foreground#c5c0af
- statusBar.background#2e2c28
- statusBar.debuggingBackground#b86c41
- statusBar.debuggingForeground#ffd6bf
- statusBar.foreground#c9c3b1
- statusBar.noFolderBackground#7fb3bd
- statusBar.noFolderForeground#daf8ff
- symbolIcon.methodForeground#e992a8
- tab.activeForeground#c5c0af
- tab.border#ffffff00
- tab.inactiveBackground#262521
- tab.inactiveForeground#757166
- terminal.ansiBlack#757166
- terminal.ansiBlue#73A1B0
- terminal.ansiBrightBlack#757166
- terminal.ansiBrightBlue#73A1B0
- terminal.ansiBrightCyan#7fb3bd
- terminal.ansiBrightGreen#90bb8f
- terminal.ansiBrightMagenta#db7c45
- terminal.ansiBrightRed#DD5341
- terminal.ansiBrightWhite#c9c3b1
- terminal.ansiBrightYellow#FACA78
- terminal.ansiCyan#7fb3bd
- terminal.ansiGreen#90bb8f
- terminal.ansiMagenta#db7c45
- terminal.ansiRed#DD5341
- terminal.ansiWhite#c9c3b1
- terminal.ansiYellow#FACA78
- terminal.foreground#c9c3b1
- textLink.activeForeground#7fb3bd
- textLink.foreground#7fb3bd
- titleBar.activeBackground#2e2c28
- titleBar.activeForeground#c5c0af
- titleBar.inactiveBackground#2c2a26
- titleBar.inactiveForeground#757166
- tree.indentGuidesStroke#3c382a
- widget.shadow#ffffff00
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| support.function.builtin | #90bb8f | — |
| comment, punctuation.definition.comment | #757166 | italic |
| constant.language, support.constant, constant.character, constant.escape, keyword.other.unit | #e992a8 | — |
| entity.name.function | #FACA78 | — |
| keyword, storage.type, keyword.operator.new, punctuation.section.embedded.begin, punctuation.section.embedded.end | #db7c45 | |
| entity.other.inherited-class, meta.embedded.expression, storage.modifier, keyword.operator | #c5c0af | — |
| constant.numeric | #7fb3bd | — |
| variable.parameter.function.language.special.self, variable.language.special.self, variable.language.special.cls, variable.language.this | #aa8c4a | — |
| string, constant.other.symbol, constant.other.key, markup.heading, markup.inserted.git_gutter | #739B89 | — |
| variable.language.super | #90bb8f | — |
| support.type | #a0613d | italic |
| entity.name.tag support.class | #90bb8f | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, punctuation.definition.tag | #a0613d | — |
| meta.tag.attributes, entity.other.attribute-name | #aa8c4a | — |
| source.c storage.modifier | #db7c45 | |
| source.c entity.name.function.preprocessor, source.cpp entity.name.function.preprocessor | #90bb8f | — |
| source.c storage.type.built-in, source.cpp storage.type.built-in, source.c storage.type.built-in.primitive, source.cpp storage.type.built-in.primitive | #a0613d | italic |
| source.css keyword.operator.logical | #db7c45 | — |
| source.css entity.name.tag | #90bb8f | — |
| source.css entity.other.attribute-name.id, source.css entity.other.attribute-name.class | #90bb8f | — |
| source.css support.type.property-name, source.css meta.property-name support.type | #a0613d | |
| source.css keyword.other.unit, source.css meta.property-value support.constant, source.css support.constant.media | #c5c0af | — |
| source.css support.function | #FACA78 | — |
| source.css entity.other.attribute-name.pseudo-class | #aa8c4a | — |
| source.css constant.other.color.rgb-value.hex | #7fb3bd | — |
| source.go support.function | #FACA78 | — |
| source.go storage.type | #a0613d | — |
| source.ini entity.name.section.group-title | #90bb8f | — |
| source.ini keyword.other | #a0613d | — |
| source.js meta.method.declaration storage.type | #FACA78 | |
| source.js storage.modifier, source.js meta.method.declaration meta.var.expr storage.type.js, source.js meta.object-literal.key meta.brace, source.js punctuation.definition.template-expression.begin, source.js punctuation.definition.template-expression.end, source.js keyword.operator.expression.delete, source.js keyword.operator.expression.of, source.js keyword.operator.expression.in, source.js keyword.operator.expression.instanceof, source.js keyword.operator.expression.typeof | #db7c45 | |
| source.js storage.type.function.arrow, source.js punctuation.separator.key-value, source.js constant.language.import-export-all, source.js meta.object-literal.key variable, source.js meta.object-literal.key punctuation, source.js meta.template.expression variable, source.js meta.template.expression punctuation, source.js meta.template.expression meta | #c5c0af | — |
| source.js meta.object-literal.key, source.js meta.object-literal.key string, source.js meta.object-literal.key punctuation.definition.string | #a0613d | — |
| source.js meta.template.expression string punctuation.definition.string | #739B89 | — |
| source.json support.type.property-name | — | |
| text.html.markdown markup.bold | — | bold |
| text.html.markdown markup.italic markup.bold, text.html.markdown markup.bold markup.italic | — | bold italic |
| text.html.markdown markup.fenced_code punctuation.definition.markdown, text.html.markdown fenced_code.block.language.markdown | #757166 | — |
| text.html.markdown markup.heading | #a0613d | — |
| text.html.markdown markup.italic | — | italic |
| text.html.markdown meta.link | #7fb3bd | — |
| text.html.markdown meta.link string.other.link.title, text.html.markdown meta.link punctuation.definition.string.begin, text.html.markdown meta.link punctuation.definition.string.end | #FACA78 | — |
| text.html.markdown markup.quote | #757166 | — |
| source.python constant.language.python, source.python keyword.operator.logical, source.python constant.character.format.placeholder.other | #db7c45 | |
| source.python support.type, source.python meta.item-access.arguments support.type, source.python meta.function.decorator meta.function-call.arguments support.type | #a0613d | |
| source.python support.function.builtin, source.python meta.function-call.python support.type, source.python meta.item-access meta.function-call.python support.type | #90bb8f | |
| source.python meta.function.decorator support.type, source.python meta.function.decorator entity.name.function.decorator | #73A1B0 | |
| source.python string.quoted.docstring, source.python string.quoted.docstring keyword.control.flow | #739B89 | italic |
| source.python support.type.exception | #90bb8f | |
| source.python storage.modifier.declaration | #db7c45 | |
| source.python support.function.magic, source.python support.variable.magic | #e992a8 | — |
| source.python variable.parameter.function-call | #b14419 | italic |
| source.python string, source.python meta.fstring.python storage.type, source.python meta.fstring.python constant.character.escape.python | #739B89 | — |
| source.toml entity.other.attribute-name | #c5c0af | — |
| source.toml keyword.key | #a0613d | |
| source.toml constant.other.boolean | #e992a8 | |
| source.yaml entity.name.tag, source.yaml constant.language | #db7c45 | |
| source.yaml string.unquoted.plain | #c5c0af | — |
| source.svelte support.class.component.svelte | #90bb8f | — |
| source.tsx storage.type.function.arrow | #c5c0af | — |