Autumn Serenity

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#FFB63F
• activityBar.background#3d2f26
• activityBar.foreground#F3D699
• activityBar.inactiveForeground#D4B98B
• activityBarBadge.background#d25c3a
• activityBarBadge.foreground#e1c6b0
• button.background#5c4b3f
• button.foreground#e1c6b0
• button.hoverBackground#7a6c58
• debugConsole.errorForeground#ff3b3b
• debugConsole.infoForeground#e1c6b0
• debugConsole.warningForeground#ff6735
• debugExceptionWidget.background#3d2f26
• debugExceptionWidget.border#877158
• debugToolBar.background#3d2f26
• debugToolBar.border#877158
• dropdown.background#4b3a31
• dropdown.foreground#e1c6b0
• editor.background#3d2f26
• editor.findMatchBackground#e09b5c
• editor.findMatchHighlightBackground#e09b5c70
• editor.findRangeHighlightBackground#3d2f2670
• editor.foreground#e1c6b0
• editor.hoverHighlightBackground#00000000
• editor.inactiveSelectionBackground#e09b5c70
• editor.lineHighlightBackground#87715870
• editor.lineHighlightBorder#877158
• editor.rangeHighlightBackground#3d2f2670
• editor.selectionBackground#5c4b3f
• editor.selectionHighlightBackground#5c4b3f70
• editor.wordHighlightBackground#ff683550
• editor.wordHighlightStrongBackground#ff3b3b70
• editorBracketMatch.background#877158
• editorBracketMatch.border#877158
• editorCodeLens.foreground#e1c6b0
• editorGroup.border#877158
• editorGroupHeader.tabsBackground#3d2f26
• editorGutter.addedBackground#e09b5c
• editorGutter.background#3d2f26
• editorGutter.deletedBackground#ff3b3b
• editorGutter.modifiedBackground#d25c3a
• editorHint.foreground#e09b5c
• editorHoverWidget.background#3d2f26
• editorIndentGuide.background1#d25c3a
• editorInfo.foreground#ff6735
• editorInlayHint.typeBackground#d25c3a
• editorInlayHint.typeForeground#e1c6b0
• editorLineNumber.activeForeground#e1c6b0
• editorLineNumber.foreground#a57c5a
• editorRuler.foreground#e09b5c
• editorSuggestWidget.background#3d2f26
• editorSuggestWidget.border#877158
• editorSuggestWidget.foreground#e1c6b0
• editorSuggestWidget.highlightForeground#a57c5a
• editorSuggestWidget.selectedBackground#d25c3a
• editorWarning.foreground#ff3b3b
• editorWhitespace.foreground#877158
• editorWidget.background#3d2f26
• editorWidget.border#877158
• focusBorder#e5c1b0
• gitDecoration.modifiedResourceForeground#e09b5c
• input.background#3d2f26
• input.border#877158
• input.foreground#e1c6b0
• input.placeholderForeground#a57c5a
• inputOption.activeBackground#7a6c58
• inputOption.activeBorder#bda27c
• inputOption.activeForeground#e1c6b0
• inputValidation.errorBorder#ff3b3b
• inputValidation.infoBorder#e09b5c
• inputValidation.warningBorder#ff6735
• list.activeSelectionBackground#7a6c58
• list.activeSelectionForeground#e1c6b0
• list.focusBackground#a57c5a
• list.focusForeground#e1c6b0
• list.focusOutline#ff933400
• list.hoverBackground#5c4b3f
• list.hoverForeground#e1c6b0
• list.inactiveSelectionBackground#4b3a31
• list.inactiveSelectionForeground#e1c6b0
• merge.border#877158
• merge.commonContentBackground#d25c3a70
• merge.commonHeaderBackground#d25c3a70
• merge.currentContentBackground#e09b5c70
• merge.currentHeaderBackground#e09b5c70
• merge.incomingContentBackground#e09b5c70
• merge.incomingHeaderBackground#e09b5c70
• notificationCenterHeader.background#3d2f26
• notificationCenterHeader.foreground#e1c6b0
• notifications.background#5c4b3f
• notifications.foreground#e1c6b0
• notificationsErrorIcon.foreground#ff3b3b
• notificationsInfoIcon.foreground#e09b5c
• notificationsWarningIcon.foreground#ff6735
• notificationToast.border#877158
• panel.background#3d2f26
• panel.border#877158
• panelTitle.activeBorder#a57c5a
• panelTitle.activeForeground#e1c6b0
• panelTitle.inactiveForeground#a57c5a
• peekView.border#877158
• peekViewEditor.background#3d2f26
• peekViewEditor.matchHighlightBackground#a57c5a
• peekViewResult.background#877158
• peekViewResult.fileForeground#e1c6b0
• peekViewResult.lineForeground#a57c5a
• peekViewResult.matchHighlightBackground#a57c5a
• peekViewResult.selectionBackground#8771586b
• peekViewResult.selectionForeground#e09b5c
• peekViewTitle.background#d25c3a
• peekViewTitleDescription.foreground#a57c5a
• peekViewTitleLabel.foreground#e1c6b0
• scrollbar.shadow#d25c3a
• scrollbarSlider.activeBackground#ff6735
• scrollbarSlider.background#877158
• scrollbarSlider.hoverBackground#d25c3a
• sideBar.background#3d2f26
• sideBar.border#877158
• sideBar.foreground#F3D699
• statusBar.background#3d2f26
• statusBar.border#877158
• statusBar.debuggingBackground#ff3b3b
• statusBar.debuggingForeground#e1c6b0
• statusBar.foreground#e1c6b0
• statusBar.noFolderBackground#a57c5a
• statusBar.noFolderForeground#e09b5c
• tab.activeBackground#7a6c58
• tab.activeForeground#e1c6b0
• tab.activeModifiedBorder#e09b5c
• tab.border#877158
• tab.hoverBackground#7a6c58
• tab.hoverForeground#e1c6b0
• tab.inactiveBackground#3d2f26
• tab.inactiveForeground#a57c5a
• tab.inactiveModifiedBorder#877158
• tab.unfocusedActiveModifiedBorder#e09b5c
• tab.unfocusedHoverBackground#3d2f26
• tab.unfocusedHoverForeground#e1c6b0
• tab.unfocusedInactiveModifiedBorder#877158
• titleBar.activeBackground#3d2f26
• titleBar.activeForeground#e1c6b0
• titleBar.border#877158
• titleBar.inactiveBackground#2a2120
• titleBar.inactiveForeground#a57c5a
• window.activeBorder#3d2f26
• window.inactiveBorder#3d2f26

tokenColors

TextMate scopes and font styles (syntax highlighting rules).