Try Harder
Publisher: AmandaciliroThemes in package: 1
cozy witchy whimsical dark theme by @amadaciliberto
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#433055
- activityBar.border#715f7f60
- activityBar.foreground#CAB7F9
- activityBarBadge.background#83A084
- activityBarBadge.foreground#41334d
- badge.background#c2b0d030
- badge.foreground#c9b6a1
- breadcrumb.activeSelectionForeground#CF995F
- breadcrumb.background#473c49
- breadcrumb.focusForeground#FEEEEC
- breadcrumb.foreground#83A084
- breadcrumbPicker.background#3A3042
- button.background#CF995F50
- contrastBorder#715f7f60
- debugToolBar.background#483b52
- diffEditor.insertedLineBackground#2ebd3515
- diffEditor.insertedTextBackground#2ebd3515
- diffEditor.insertedTextBorder#52790060
- diffEditor.removedLineBackground#cf995f73
- diffEditor.removedTextBackground#cf995f73
- diffEditor.removedTextBorder#79E2E860
- dropdown.background#3A3042
- dropdown.border#715f7f60
- editor.background#3A3042
- editor.findMatchBackground#CF995F44
- editor.findMatchBorder#CF995F
- editor.findMatchHighlightBackground#CF995F93
- editor.findMatchHighlightBorder#715f7f60
- editor.foreground#CAB7F9
- editor.inactiveSelectionBackground#9DD2EF33
- editor.lineHighlightBackground#3A304250
- editor.lineHighlightBorder#715f7f40
- editor.selectionBackground#9DD2EF66
- editor.selectionForeground#FEEEEC
- editor.selectionHighlightBackground#CF995F6b
- editor.selectionHighlightBorder#715f7f60
- editorBracketMatch.background#3A3042
- editorBracketMatch.border#715f7f60
- editorCursor.foreground#E6E489
- editorError.foreground#79E2E870
- editorGroup.border#715f7f60
- editorGroupHeader.tabsBackground#3A3042
- editorGutter.addedBackground#52790060
- editorGutter.deletedBackground#79E2E860
- editorGutter.modifiedBackground#9DD2EF60
- editorHoverWidget.background#3A3042
- editorHoverWidget.border#715f7f60
- editorIndentGuide.activeBackground1#83A084
- editorIndentGuide.background1#83A08470
- editorInfo.foreground#6EC6D9
- editorLineNumber.activeForeground#9DD2EF
- editorLineNumber.foreground#CF995Fc0
- editorLink.activeForeground#CAB7F9
- editorMarkerNavigation.background#CAB7F905
- editorOverviewRuler.border#715f7f60
- editorOverviewRuler.errorForeground#79E2E840
- editorOverviewRuler.findMatchForeground#cf995f52
- editorOverviewRuler.infoForeground#6EC6D940
- editorOverviewRuler.warningForeground#E6E48970
- editorRuler.foreground#83A084
- editorSuggestWidget.background#3A3042
- editorSuggestWidget.border#715f7f60
- editorSuggestWidget.foreground#CAB7F9
- editorSuggestWidget.highlightForeground#E6E489
- editorSuggestWidget.selectedBackground#CF995F20
- editorWarning.foreground#527900
- editorWhitespace.foreground#CAB7F940
- editorWidget.background#3A3042
- editorWidget.border#715f7f60
- editorWidget.resizeBorder#715f7f60
- extensionButton.prominentBackground#52790090
- extensionButton.prominentHoverBackground#79E2E8
- focusBorder#8a759a60
- gitDecoration.conflictingResourceForeground#E6E489
- gitDecoration.deletedResourceForeground#6EC6D9
- gitDecoration.ignoredResourceForeground#CF995F
- gitDecoration.modifiedResourceForeground#83A084
- gitDecoration.untrackedResourceForeground#9DD2EF
- input.background#3A3042
- input.border#715f7f60
- input.foreground#EEE0D8
- input.placeholderForeground#CAB7F960
- inputOption.activeBackground#CAB7F930
- inputOption.activeBorder#715f7f60
- inputValidation.errorBorder#79E2E850
- inputValidation.infoBorder#9DD2EF50
- inputValidation.warningBorder#E6E48950
- list.activeSelectionBackground#715f7f80
- list.activeSelectionForeground#EEE0D8
- list.focusBackground#F6D38F
- list.focusForeground#3A3042
- list.highlightForeground#CF995F
- list.hoverBackground#F2A8C433
- list.hoverForeground#EEE0D8
- list.inactiveSelectionBackground#3A304230
- list.inactiveSelectionForeground#CF995F
- list.warningForeground#E6E489
- listFilterWidget.background#3A304230
- listFilterWidget.noMatchesOutline#3A304230
- listFilterWidget.outline#3A304230
- menu.background#3A3042f8
- menu.border#715f7f60
- menu.foreground#CAB7F9
- menu.selectionBackground#F6D38F
- menu.selectionBorder#3A304230
- menu.selectionForeground#3A3042
- menu.separatorBackground#CAB7F9
- menubar.selectionBackground#F6D38F
- menubar.selectionBorder#715f7f60
- menubar.selectionForeground#3A3042
- minimap.background#3A3042
- minimapGutter.addedBackground#79E2E8
- minimapGutter.deletedBackground#E6E489
- minimapGutter.modifiedBackground#527900
- minimapSlider.activeBackground#527900b0
- minimapSlider.background#52790080
- minimapSlider.hoverBackground#527900a0
- notificationLink.foreground#CF995F
- notifications.background#3A3042
- notifications.foreground#CAB7F9
- panel.background#3A3042
- panel.border#715f7f60
- panelTitle.activeBorder#715f7f60
- panelTitle.activeForeground#EEE0D8
- panelTitle.inactiveForeground#CAB7F9
- peekView.border#715f7f60
- peekViewEditor.background#CAB7F905
- peekViewEditor.matchHighlightBackground#CF995F50
- peekViewEditorGutter.background#CAB7F905
- peekViewResult.background#CAB7F905
- peekViewResult.matchHighlightBackground#CF995F50
- peekViewResult.selectionBackground#CF995F70
- peekViewTitle.background#CAB7F905
- peekViewTitleDescription.foreground#CAB7F960
- pickerGroup.foreground#CF995F
- progressBar.background#CF995F
- scrollbar.shadow#3A304200
- scrollbarSlider.activeBackground#CF995Fcc
- scrollbarSlider.background#CF995Fbb
- scrollbarSlider.hoverBackground#CF995Fee
- selection.background#CF995F
- settings.checkboxBackground#3A3042
- settings.checkboxForeground#CAB7F9
- settings.dropdownBackground#3A3042
- settings.dropdownForeground#CAB7F9
- settings.headerForeground#CF995F
- settings.modifiedItemIndicator#CF995F
- settings.numberInputBackground#3A3042
- settings.numberInputForeground#CAB7F9
- settings.textInputBackground#3A3042
- settings.textInputForeground#CAB7F9
- sideBar.background#3A3042
- sideBar.border#CF995F50
- sideBar.foreground#9DD2EF
- sideBarSectionHeader.background#3A3042
- sideBarSectionHeader.border#3A304260
- sideBarSectionHeader.foreground#9DD2EF
- sideBarTitle.foreground#CAB7F9
- statusBar.background#3C3148
- statusBar.border#715f7f60
- statusBar.debuggingBackground#E6E489
- statusBar.debuggingForeground#3A3042
- statusBar.foreground#FEEEEC
- statusBar.noFolderBackground#3C3148
- statusBarItem.hoverBackground#CF995F20
- statusBarItem.remoteBackground#CF995F
- statusBarItem.remoteForeground#3A3042
- tab.activeBackground#F2A8C440
- tab.activeBorder#715f7f60
- tab.activeForeground#EEE0D8
- tab.activeModifiedBorder#715f7f60
- tab.border#3A3042
- tab.inactiveBackground#F2A8C420
- tab.inactiveForeground#CAB7F9af
- tab.unfocusedActiveBackground#F2A8C430
- tab.unfocusedActiveBorder#715f7f60
- tab.unfocusedActiveForeground#CAB7F9
- tab.unfocusedInactiveBackground#CF995F10
- tab.unfocusedInactiveForeground#CAB7F97f
- terminal.ansiBlack#3A3042
- terminal.ansiBlue#9DD2EF
- terminal.ansiBrightBlack#CF995F
- terminal.ansiBrightBlue#9DD2EF
- terminal.ansiBrightCyan#8FD9E8
- terminal.ansiBrightGreen#527900
- terminal.ansiBrightMagenta#E6E489
- terminal.ansiBrightRed#79E2E8
- terminal.ansiBrightWhite#EEE0D8
- terminal.ansiBrightYellow#E6E489
- terminal.ansiCyan#6EC6D9
- terminal.ansiGreen#527900
- terminal.ansiMagenta#E6E489
- terminal.ansiRed#79E2E8
- terminal.ansiWhite#EEE0D8
- terminal.ansiYellow#E6E489
- terminalCursor.background#3A3042
- terminalCursor.foreground#E6E489
- textLink.activeForeground#CAB7F9
- textLink.foreground#CF995F
- titleBar.activeBackground#3A3042
- titleBar.activeForeground#CAB7F9
- titleBar.border#715f7f60
- titleBar.inactiveBackground#3A3042
- titleBar.inactiveForeground#CF995F
- tree.indentGuidesStroke#83A084
- widget.shadow#3A304230
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| variable, string constant.other.placeholder, invalid.deprecated, keyword, storage.type, storage.modifier | #E6E489 | — |
| 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 | #527900 | — |
| constant.other.php | #E6E489 | — |
| constant.other.color | #EEE0D8 | — |
| invalid, invalid.illegal | #79E2E8 | — |
| 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 | #d7a978 | — |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, entity.name.type.module.js | #83A084 | — |
| 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 | #CAB7F9 | — |
| punctuation.definition, string.quoted.single.scss | #d7a978 | — |
| 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 | #8C7BA2 | — |
| text.html.derivative | #d7a978 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #CAB7F9 | — |
| entity.name.tag.html | — | bold |
| variable.parameter.js, variable.parameter.keyframe-list.css | #E6E489 | — |
| variable.other.object.js, storage.type.js, string.other.link.title.markdown, variable.other.readwrite.js, variable.other.property.js | #83A084 | |
| 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 | #9DD2EF | — |
| punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #FEEEEC | — |
| support.other.variable, string.other.link, markup.table | #CAB7F9 | — |
| constant.numeric, constant.language, constant.character, constant.escape, keyword.other.unit, keyword.other, punctuation.separator.key-value.html | #E6E489 | — |
| variable.parameter.function.language.special, variable.parameter | #79E2E8 | — |
| 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 | #527900 | |
| 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 | #E6E489 | — |
| support.type | #B2CCD6 | — |
| 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 | #83A084 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #79E2E8 | — |
| entity.name.method.js, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #9DD2EF | italic |
| entity.other.attribute-name, support.function | #E6E489 | — |
| 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 | #CAB7F9 | — |
| source.scss keyword.control | #E6E489 | — |
| markup.inserted | #527900 | — |
| markup.deleted | #79E2E8 | — |
| markup.changed | #E6E489 | — |
| string.regexp | #FEEEEC | — |
| constant.character.escape | #FEEEEC | — |
| *url*, *link*, *uri* | — | underline |
| source.js constant.other.object.key.js string.unquoted.label.js | #b09fdd | italic |
| support.type.property-name.json | #cab7f9 | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #CAB7F9 | — |
| text.html.markdown markup.inline.raw.markdown | #E6E489 | — |
| text.html.markdown markup.inline.raw.markdown, punctuation.definition.raw.markdown | #CF995F50 | — |
| 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 | #83A084 | bold |
| markup.underline | #9DD2EF | underline |
| markup.strike | — | |
| markup.quote punctuation.definition.blockquote.markdown | #CF995F50 | — |
| markup.quote | — | italic |
| string.other.link.description.title.markdown | #E6E489 | — |
| constant.other.reference.link.markdown | #E6E489 | — |
| markup.raw.block | #E6E489 | — |
| punctuation.definition.raw.markdown, punctuation.definition.markdown | #FEEEEC | — |
| variable.language.fenced.markdown | #CF995F | — |
| meta.separator | #AFA090 | bold |
| token.info-token | #CF995F | — |
| token.warn-token | #E6E489 | — |
| token.error-token | #FF293B | — |
| token.debug-token | #FEEEEC | — |