Absolutely Theme
Publisher: yulin96Themes in package: 4
A warm, calm, and minimalist color theme family (light, dark, warm light) for VS Code, designed to reduce eye strain with cozy, natural, low-contrast tones.
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.activeBorder#5E5A52
- activityBar.activeFocusBorder#00000000
- activityBar.background#FAF6ED
- activityBar.border#EFE7DC
- activityBar.foreground#292723
- activityBar.inactiveForeground#6F6A60
- activityBarBadge.background#5E5A52
- activityBarBadge.foreground#FFFDF8
- badge.background#5E5A52
- badge.foreground#FFFDF8
- breadcrumb.activeSelectionForeground#292723
- breadcrumb.background#FAF6ED
- breadcrumb.focusForeground#292723
- breadcrumb.foreground#766D61
- breadcrumbPicker.background#FAF6ED
- button.background#B8674C
- button.border#B8674C
- button.foreground#FFFDF8
- button.hoverBackground#A85438
- button.secondaryBackground#EEE5DA
- button.secondaryForeground#292723
- button.secondaryHoverBackground#DED3C1
- chat.requestBubbleBackground#B8674C18
- chat.requestBubbleHoverBackground#B8674C32
- checkbox.background#FAF6ED
- checkbox.border#C9BFAE
- checkbox.foreground#5E5A52
- commandCenter.activeBackground#E9DDD0
- commandCenter.activeBorder#B8674C34
- commandCenter.activeForeground#292723
- commandCenter.background#F3ECE2
- commandCenter.border#EFE7DC
- commandCenter.foreground#5E5A52
- descriptionForeground#766D61
- diffEditor.insertedTextBackground#2D7D4D24
- diffEditor.removedTextBackground#B0443D24
- disabledForeground#6F6A6088
- dropdown.background#FAF6ED
- dropdown.border#EFE7DC
- dropdown.foreground#292723
- dropdown.listBackground#FAF6ED
- editor.background#FAF6ED
- editor.findMatchBackground#B8674C45
- editor.findMatchHighlightBackground#B8674C18
- editor.findRangeHighlightBackground#8F6A2720
- editor.foreground#292723
- editor.hoverHighlightBackground#8F6A2720
- editor.inactiveSelectionBackground#5E5A521C
- editor.lineHighlightBackground#8A765C14
- editor.rangeHighlightBackground#8F6A2718
- editor.selectionBackground#5E5A5238
- editor.selectionHighlightBackground#5E5A521C
- editor.wordHighlightBackground#B8674C12
- editor.wordHighlightStrongBackground#B8674C1C
- editorBracketHighlight.foreground1#B8674C
- editorBracketHighlight.foreground2#2D7D4D
- editorBracketHighlight.foreground3#2F7197
- editorBracketHighlight.foreground4#80658A
- editorBracketHighlight.foreground5#965B0F
- editorBracketHighlight.foreground6#B0443D
- editorBracketMatch.background#B8674C32
- editorBracketMatch.border#B8674C
- editorCodeLens.foreground#6F6A60
- editorCursor.foreground#B8674C
- editorError.foreground#B0443D
- editorGhostText.foreground#6F6A6088
- editorGroup.border#EFE7DC
- editorGroupHeader.tabsBackground#FAF6ED
- editorGroupHeader.tabsBorder#EFE7DC
- editorGutter.addedBackground#22835A
- editorGutter.commentRangeForeground#958773
- editorGutter.deletedBackground#C04940
- editorGutter.foldingControlForeground#766D61
- editorGutter.modifiedBackground#2173A6
- editorHint.foreground#2D7D4D
- editorHoverWidget.background#FAF6ED
- editorHoverWidget.border#EFE7DC
- editorIndentGuide.activeBackground1#B8674C85
- editorIndentGuide.background1#DED4C6
- editorInfo.foreground#2F7197
- editorInlayHint.background#EEE5DA
- editorInlayHint.foreground#766D61
- editorLineNumber.activeForeground#3C3933
- editorLineNumber.foreground#958773
- editorLink.activeForeground#B8674C
- editorOverviewRuler.addedForeground#22835A
- editorOverviewRuler.border#EFE7DC
- editorOverviewRuler.deletedForeground#C04940
- editorOverviewRuler.errorForeground#B0443D
- editorOverviewRuler.findMatchForeground#B8674C34
- editorOverviewRuler.modifiedForeground#2173A6
- editorOverviewRuler.warningForeground#965B0F
- editorStickyScroll.background#FAF6ED
- editorStickyScroll.border#EFE7DC
- editorStickyScroll.shadow#00000000
- editorStickyScrollHover.background#F0E9DF
- editorSuggestWidget.background#FAF6ED
- editorSuggestWidget.border#EFE7DC
- editorSuggestWidget.foreground#292723
- editorSuggestWidget.highlightForeground#A85438
- editorSuggestWidget.selectedBackground#E9DDD0
- editorSuggestWidget.selectedForeground#292723
- editorWarning.foreground#965B0F
- editorWhitespace.foreground#6F6A6040
- editorWidget.background#FAF6ED
- editorWidget.border#EFE7DC
- editorWidget.foreground#292723
- errorForeground#B0443D
- extensionButton.prominentBackground#B8674C
- extensionButton.prominentForeground#FFFDF8
- extensionButton.prominentHoverBackground#A85438
- focusBorder#00000000
- foreground#292723
- git.blame.editorDecorationForeground#7A665490
- gitDecoration.addedResourceForeground#2D7D4D
- gitDecoration.conflictingResourceForeground#965B0F
- gitDecoration.deletedResourceForeground#B0443D
- gitDecoration.ignoredResourceForeground#958773
- gitDecoration.modifiedResourceForeground#2F7197
- gitDecoration.submoduleResourceForeground#766D61
- gitDecoration.untrackedResourceForeground#267C88
- icon.foreground#5E5A52
- inlineChat.border#EFE7DC
- input.background#F3ECE2
- input.border#EFE7DC
- input.foreground#292723
- input.placeholderForeground#6F6A60
- inputOption.activeBackground#B8674C32
- inputOption.activeBorder#00000000
- inputOption.activeForeground#292723
- inputValidation.errorBackground#F2E1DB
- inputValidation.errorBorder#B0443D
- inputValidation.infoBackground#E8E4D8
- inputValidation.infoBorder#2F7197
- inputValidation.warningBackground#F1E7D1
- inputValidation.warningBorder#965B0F
- list.activeSelectionBackground#E9DDD0
- list.activeSelectionForeground#292723
- list.dropBackground#B8674C32
- list.errorForeground#B0443D
- list.focusBackground#E9DDD0
- list.focusForeground#292723
- list.focusOutline#00000000
- list.highlightForeground#A85438
- list.hoverBackground#F0E9DF
- list.hoverForeground#292723
- list.inactiveSelectionBackground#EEE5DA
- list.inactiveSelectionForeground#292723
- list.warningForeground#965B0F
- menu.background#FAF6ED
- menu.border#EFE7DC
- menu.foreground#292723
- menu.selectionBackground#E9DDD0
- menu.selectionBorder#00000000
- menu.selectionForeground#292723
- menu.separatorBackground#EFE7DC
- menubar.selectionBackground#EEE5DA
- menubar.selectionForeground#292723
- minimapSlider.activeBackground#6F6A6070
- minimapSlider.background#6F6A6028
- minimapSlider.hoverBackground#6F6A6048
- notebook.cellBorderColor#EFE7DC
- notebook.selectedCellBackground#B8674C18
- notificationCenter.border#EFE7DC
- notificationCenterHeader.background#FAF6ED
- notificationCenterHeader.foreground#3C3933
- notificationLink.foreground#A85438
- notifications.background#FAF6ED
- notifications.border#EFE7DC
- notifications.foreground#292723
- notificationsErrorIcon.foreground#B0443D
- notificationsInfoIcon.foreground#2F7197
- notificationsWarningIcon.foreground#965B0F
- notificationToast.border#EFE7DC
- panel.background#FAF6ED
- panel.border#EFE7DC
- panelInput.border#EFE7DC
- panelTitle.activeBorder#5E5A52
- panelTitle.activeForeground#292723
- panelTitle.inactiveForeground#766D61
- peekView.border#B8674C
- peekViewEditor.background#FAF6ED
- peekViewResult.background#FAF6ED
- peekViewResult.selectionBackground#E9DDD0
- pickerGroup.border#EFE7DC
- pickerGroup.foreground#5E5A52
- problemsErrorIcon.foreground#B0443D
- problemsInfoIcon.foreground#2F7197
- problemsWarningIcon.foreground#965B0F
- progressBar.background#B8674C
- quickInput.background#FAF6ED
- quickInput.foreground#292723
- quickInputList.focusBackground#E9DDD0
- quickInputList.focusForeground#292723
- quickInputList.focusHighlightForeground#A85438
- quickInputTitle.background#FAF6ED
- scmGraph.foreground1#B85835
- scmGraph.foreground2#287B3F
- scmGraph.foreground3#24749A
- scmGraph.foreground4#7453A6
- scmGraph.foreground5#9A6A13
- scmGraph.historyItemBaseRefColor#70B8BD
- scmGraph.historyItemHoverAdditionsForeground#1F7A48
- scmGraph.historyItemHoverDefaultLabelBackground#EEE5DA
- scmGraph.historyItemHoverDefaultLabelForeground#403D38
- scmGraph.historyItemHoverDeletionsForeground#B63D36
- scmGraph.historyItemHoverLabelForeground#403D38
- scmGraph.historyItemRefColor#C77B5B
- scmGraph.historyItemRemoteRefColor#AA8BD0
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#6F6A6070
- scrollbarSlider.background#6F6A6028
- scrollbarSlider.hoverBackground#6F6A6048
- settings.headerForeground#292723
- settings.modifiedItemIndicator#B8674C
- sideBar.background#FAF6ED
- sideBar.border#EFE7DC
- sideBar.foreground#3C3933
- sideBarSectionHeader.background#FAF6ED
- sideBarSectionHeader.border#EFE7DC
- sideBarSectionHeader.foreground#292723
- sideBarTitle.foreground#292723
- statusBar.background#FAF6ED
- statusBar.border#EFE7DC
- statusBar.debuggingBackground#E9DDD0
- statusBar.debuggingForeground#292723
- statusBar.foreground#5E5A52
- statusBar.noFolderBackground#FAF6ED
- statusBar.noFolderForeground#6F6A60
- statusBarItem.activeBackground#E9DDD0
- statusBarItem.focusBorder#00000000
- statusBarItem.hoverBackground#EEE5DA
- statusBarItem.prominentBackground#E9DDD0
- statusBarItem.prominentForeground#292723
- statusBarItem.prominentHoverBackground#DED3C1
- tab.activeBackground#FAF6ED
- tab.activeBorder#FAF6ED
- tab.activeBorderTop#5E5A52
- tab.activeForeground#292723
- tab.border#EFE7DC
- tab.hoverBackground#F0E9DF
- tab.hoverForeground#292723
- tab.inactiveBackground#FAF6ED
- tab.inactiveForeground#6F6A60
- tab.lastPinnedBorder#EFE7DC
- tab.unfocusedActiveBorderTop#EFE7DC
- terminal.ansiBlack#292723
- terminal.ansiBlue#527487
- terminal.ansiBrightBlack#766D61
- terminal.ansiBrightBlue#668596
- terminal.ansiBrightCyan#668A87
- terminal.ansiBrightGreen#648A51
- terminal.ansiBrightMagenta#79669A
- terminal.ansiBrightRed#B9675E
- terminal.ansiBrightWhite#FFFDF8
- terminal.ansiBrightYellow#9D7C2E
- terminal.ansiCyan#527A77
- terminal.ansiGreen#477A35
- terminal.ansiMagenta#65508C
- terminal.ansiRed#A64F46
- terminal.ansiWhite#DED4C6
- terminal.ansiYellow#8B6A00
- terminal.background#FAF6ED
- terminal.border#EFE7DC
- terminal.foreground#292723
- terminal.inactiveSelectionBackground#5E5A521C
- terminal.selectionBackground#5E5A5238
- terminalCursor.background#FAF6ED
- terminalCursor.foreground#B8674C
- textBlockQuote.background#F3ECE2
- textBlockQuote.border#EFE7DC
- textCodeBlock.background#F3ECE2
- textLink.activeForeground#B8674C
- textLink.foreground#A85438
- textPreformat.foreground#5E5A52
- textSeparator.foreground#EFE7DC
- titleBar.activeBackground#FAF6ED
- titleBar.activeForeground#3C3933
- titleBar.border#EFE7DC
- titleBar.inactiveBackground#FAF6ED
- titleBar.inactiveForeground#6F6A60
- toolbar.activeBackground#E9DDD0
- toolbar.hoverBackground#EEE5DA
- tree.indentGuidesStroke#DED4C6
- widget.border#EFE7DC
- widget.shadow#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #756E65 | |
| punctuation, meta.brace, delimiter | #5F5A51 | — |
| keyword, storage.type, storage.modifier, keyword.operator.new | #A94A32 | — |
| keyword.operator, storage.type.function.arrow | #5E5A52 | — |
| keyword.operator.logical, keyword.operator.comparison, keyword.operator.relational | #A94A32 | — |
| string, punctuation.definition.string, attribute.value | #9F4E5A | — |
| meta.attribute.class.html string, meta.attribute.class.html.vue string | #2F6F86 | — |
| meta.attribute.unrecognized string, meta.attribute.unrecognized.html string, meta.attribute.unrecognized.html.vue string, meta.attribute.structure.html string, meta.attribute.structure.html.vue string | #2F6F86 | — |
| string.regexp, constant.other.character-class.regexp, keyword.operator.quantifier.regexp | #6F58A5 | — |
| keyword.control.import, keyword.control.from, keyword.control.export, keyword.control.ts, keyword.control.tsx, keyword.control.js, keyword.control.jsx, keyword.control.vue | #287B3F | — |
| constant.numeric, constant.language, constant.character, constant.other | #8A650F | — |
| entity.name.function, meta.function-call | #24749A | — |
| support.function, support.constant, support.variable | #6F58A5 | — |
| entity.name.type, entity.name.class, support.type, support.class, type.identifier | #6F58A5 | — |
| variable, identifier | #6B6259 | — |
| meta.object-literal.key | #7F693C | — |
| variable.other.constant, meta.definition.variable | #6B6259 | — |
| variable.parameter | #6B6259 | — |
| variable.other.property, meta.property-name, support.type.property-name.json | #7F693C | — |
| variable.css, variable.scss, variable.less, support.type.custom-property.name.css | #6B6259 | — |
| entity.name.tag, tag.html | #287B3F | — |
| support.class.component, support.class.component.vue, entity.name.type.class.vue | #6F58A5 | — |
| entity.other.attribute-name, entity.other.attribute-name.html.vue | #A84D2A | — |
| meta.decorator, entity.name.function.decorator, punctuation.decorator | #A94A32 | — |
| source.css support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name | #7F693C | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.scss, entity.other.attribute-name.class.less | #6F58A5 | — |
| entity.other.attribute-name.id.css, entity.other.attribute-name.id.scss, entity.other.attribute-name.id.less, punctuation.definition.interpolation.begin.html.vue, punctuation.definition.interpolation.end.html.vue, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #A94A32 | — |
| markup.inline.raw, markup.underline.link, string.other.link | #6F58A5 | — |
| markup.heading, markup.heading entity.name | #A94A32 | bold |
| markup.bold | #292723 | bold |
| markup.italic | #292723 | italic |
| invalid, invalid.illegal, message.error | #AA4E46 | — |