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#FAF8F3
- activityBar.border#EFEAE3
- activityBar.foreground#292723
- activityBar.inactiveForeground#6F6A60
- activityBarBadge.background#5E5A52
- activityBarBadge.foreground#FFFDF8
- badge.background#5E5A52
- badge.foreground#FFFDF8
- breadcrumb.activeSelectionForeground#292723
- breadcrumb.background#FAF8F3
- breadcrumb.focusForeground#292723
- breadcrumb.foreground#766D61
- breadcrumbPicker.background#FAF8F3
- button.background#B96A4D
- button.border#B96A4D
- button.foreground#FFFDF8
- button.hoverBackground#A95D44
- button.secondaryBackground#EEE8DF
- button.secondaryForeground#292723
- button.secondaryHoverBackground#DED3C1
- chat.requestBubbleBackground#B8674C18
- chat.requestBubbleHoverBackground#B8674C32
- checkbox.background#FAF8F3
- checkbox.border#C9BFAE
- checkbox.foreground#5E5A52
- commandCenter.activeBackground#ECE2D7
- commandCenter.activeBorder#B8674C32
- commandCenter.activeForeground#292723
- commandCenter.background#F0E8DD
- commandCenter.border#EFEAE3
- commandCenter.foreground#5E5A52
- descriptionForeground#766D61
- diffEditor.insertedTextBackground#2D7D4D24
- diffEditor.removedTextBackground#B0443D24
- disabledForeground#6F6A6088
- dropdown.background#FAF8F3
- dropdown.border#EFEAE3
- dropdown.foreground#292723
- dropdown.listBackground#FAF8F3
- editor.background#FAF8F3
- 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#EFEAE3
- editorGroupHeader.tabsBackground#FAF8F3
- editorGroupHeader.tabsBorder#EFEAE3
- editorGutter.addedBackground#22835A
- editorGutter.commentRangeForeground#958773
- editorGutter.deletedBackground#C04940
- editorGutter.foldingControlForeground#766D61
- editorGutter.modifiedBackground#2173A6
- editorHint.foreground#2D7D4D
- editorHoverWidget.background#FAF8F3
- editorHoverWidget.border#EFEAE3
- editorIndentGuide.activeBackground1#B8674C85
- editorIndentGuide.background1#E2DCD2
- editorInfo.foreground#2F7197
- editorInlayHint.background#EEE8DF
- editorInlayHint.foreground#766D61
- editorLineNumber.activeForeground#3C3933
- editorLineNumber.foreground#958773
- editorLink.activeForeground#B8674C
- editorOverviewRuler.addedForeground#22835A
- editorOverviewRuler.border#EFEAE3
- editorOverviewRuler.deletedForeground#C04940
- editorOverviewRuler.errorForeground#B0443D
- editorOverviewRuler.findMatchForeground#B8674C32
- editorOverviewRuler.modifiedForeground#2173A6
- editorOverviewRuler.warningForeground#965B0F
- editorStickyScroll.background#FAF8F3
- editorStickyScroll.border#EFEAE3
- editorStickyScroll.shadow#00000000
- editorStickyScrollHover.background#F2EEE7
- editorSuggestWidget.background#FAF8F3
- editorSuggestWidget.border#EFEAE3
- editorSuggestWidget.foreground#292723
- editorSuggestWidget.highlightForeground#A85438
- editorSuggestWidget.selectedBackground#ECE2D7
- editorSuggestWidget.selectedForeground#292723
- editorWarning.foreground#965B0F
- editorWhitespace.foreground#6F6A6040
- editorWidget.background#FAF8F3
- editorWidget.border#EFEAE3
- 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#EFEAE3
- input.background#F3EFE8
- input.border#EEECE7
- 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#ECE2D7
- list.activeSelectionForeground#292723
- list.dropBackground#B8674C32
- list.errorForeground#B0443D
- list.focusBackground#ECE2D7
- list.focusForeground#292723
- list.focusOutline#00000000
- list.highlightForeground#A85438
- list.hoverBackground#F2EEE7
- list.hoverForeground#292723
- list.inactiveSelectionBackground#EEE8DF
- list.inactiveSelectionForeground#292723
- list.warningForeground#965B0F
- menu.background#FAF8F3
- menu.border#EFEAE3
- menu.foreground#292723
- menu.selectionBackground#ECE2D7
- menu.selectionBorder#00000000
- menu.selectionForeground#292723
- menu.separatorBackground#EFEAE3
- menubar.selectionBackground#EEE8DF
- menubar.selectionForeground#292723
- minimapSlider.activeBackground#6F6A6070
- minimapSlider.background#6F6A6028
- minimapSlider.hoverBackground#6F6A6048
- notebook.cellBorderColor#EFEAE3
- notebook.selectedCellBackground#B8674C18
- notificationCenter.border#EFEAE3
- notificationCenterHeader.background#FAF8F3
- notificationCenterHeader.foreground#3C3933
- notificationLink.foreground#A85438
- notifications.background#FAF8F3
- notifications.border#EFEAE3
- notifications.foreground#292723
- notificationsErrorIcon.foreground#B0443D
- notificationsInfoIcon.foreground#2F7197
- notificationsWarningIcon.foreground#965B0F
- notificationToast.border#EFEAE3
- panel.background#FAF8F3
- panel.border#EFEAE3
- panelInput.border#EFEAE3
- panelTitle.activeBorder#5E5A52
- panelTitle.activeForeground#292723
- panelTitle.inactiveForeground#766D61
- peekView.border#B8674C
- peekViewEditor.background#FAF8F3
- peekViewResult.background#FAF8F3
- peekViewResult.selectionBackground#ECE2D7
- pickerGroup.border#EFEAE3
- pickerGroup.foreground#5E5A52
- problemsErrorIcon.foreground#B0443D
- problemsInfoIcon.foreground#2F7197
- problemsWarningIcon.foreground#965B0F
- progressBar.background#B8674C
- quickInput.background#FAF8F3
- quickInput.foreground#292723
- quickInputList.focusBackground#ECE2D7
- quickInputList.focusForeground#292723
- quickInputList.focusHighlightForeground#A85438
- quickInputTitle.background#FAF8F3
- scmGraph.foreground1#B85835
- scmGraph.foreground2#287B3F
- scmGraph.foreground3#24749A
- scmGraph.foreground4#7453A6
- scmGraph.foreground5#9A6A13
- scmGraph.historyItemBaseRefColor#70B8BD
- scmGraph.historyItemHoverAdditionsForeground#1F7A48
- scmGraph.historyItemHoverDefaultLabelBackground#EEE8DF
- 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#FAF8F3
- sideBar.border#EFEAE3
- sideBar.foreground#3C3933
- sideBarSectionHeader.background#FAF8F3
- sideBarSectionHeader.border#EFEAE3
- sideBarSectionHeader.foreground#292723
- sideBarTitle.foreground#292723
- statusBar.background#FAF8F3
- statusBar.border#EFEAE3
- statusBar.debuggingBackground#ECE2D7
- statusBar.debuggingForeground#292723
- statusBar.foreground#5E5A52
- statusBar.noFolderBackground#FAF8F3
- statusBar.noFolderForeground#6F6A60
- statusBarItem.activeBackground#ECE2D7
- statusBarItem.focusBorder#00000000
- statusBarItem.hoverBackground#EEE8DF
- statusBarItem.prominentBackground#ECE2D7
- statusBarItem.prominentForeground#292723
- statusBarItem.prominentHoverBackground#DED3C1
- tab.activeBackground#FAF8F3
- tab.activeBorder#FAF8F3
- tab.activeBorderTop#5E5A52
- tab.activeForeground#292723
- tab.border#EFEAE3
- tab.hoverBackground#F2EEE7
- tab.hoverForeground#292723
- tab.inactiveBackground#FAF8F3
- tab.inactiveForeground#6F6A60
- tab.lastPinnedBorder#EFEAE3
- tab.unfocusedActiveBorderTop#EFEAE3
- terminal.ansiBlack#292723
- terminal.ansiBlue#527487
- terminal.ansiBrightBlack#766D61
- terminal.ansiBrightBlue#658595
- terminal.ansiBrightCyan#668A87
- terminal.ansiBrightGreen#64866C
- terminal.ansiBrightMagenta#89748F
- terminal.ansiBrightRed#B9685F
- terminal.ansiBrightWhite#FFFDF8
- terminal.ansiBrightYellow#9B7D40
- terminal.ansiCyan#527A77
- terminal.ansiGreen#1F7A48
- terminal.ansiMagenta#786581
- terminal.ansiRed#B63D36
- terminal.ansiWhite#E2DCD2
- terminal.ansiYellow#8A6D2D
- terminal.background#FAF8F3
- terminal.border#EFEAE3
- terminal.foreground#292723
- terminal.inactiveSelectionBackground#5E5A521C
- terminal.selectionBackground#5E5A5238
- terminalCursor.background#FAF8F3
- terminalCursor.foreground#B8674C
- textBlockQuote.background#F0E8DD
- textBlockQuote.border#EFEAE3
- textCodeBlock.background#F0E8DD
- textLink.activeForeground#B8674C
- textLink.foreground#A85438
- textPreformat.foreground#5E5A52
- textSeparator.foreground#EFEAE3
- titleBar.activeBackground#FAF8F3
- titleBar.activeForeground#3C3933
- titleBar.border#EFEAE3
- titleBar.inactiveBackground#FAF8F3
- titleBar.inactiveForeground#6F6A60
- toolbar.activeBackground#ECE2D7
- toolbar.hoverBackground#EEE8DF
- tree.indentGuidesStroke#E2DCD2
- widget.border#EFEAE3
- 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 | — |