Soothing Eyes

Color themes

• 

  Soothing Eyes Dark

• 

  Soothing Eyes Light

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#242019
• activityBar.border#242019
• activityBar.foreground#d7cfc4
• activityBar.inactiveForeground#6f675d
• activityBarBadge.background#c98a7d
• activityBarBadge.foreground#242019
• badge.background#e0b96d
• badge.foreground#242019
• button.background#c98a7d
• button.foreground#242019
• button.hoverBackground#d99b8e
• button.secondaryBackground#4a443c
• button.secondaryForeground#d7cfc4
• descriptionForeground#a89d8d
• diffEditor.insertedTextBackground#a8b78d22
• diffEditor.removedTextBackground#d9887822
• disabledForeground#6f675d
• dropdown.background#332d26
• dropdown.border#4a443c
• dropdown.foreground#d7cfc4
• editor.background#2a2621
• editor.findMatchBackground#6b5b3a88
• editor.findMatchHighlightBackground#6b5b3a44
• editor.foreground#d7cfc4
• editor.hoverHighlightBackground#4a3f2f33
• editor.inactiveSelectionBackground#4a3f2f55
• editor.lineHighlightBackground#332d26
• editor.lineHighlightBorder#332d2600
• editor.selectionBackground#4a3f2f99
• editor.selectionHighlightBackground#4a3f2f55
• editor.wordHighlightBackground#4a3f2f44
• editor.wordHighlightStrongBackground#4a3f2f66
• editorBracketHighlight.foreground1#c98a7d
• editorBracketHighlight.foreground2#e0b96d
• editorBracketHighlight.foreground3#a8b78d
• editorBracketHighlight.foreground4#8fb3ad
• editorBracketHighlight.foreground5#b3a0c9
• editorBracketHighlight.foreground6#c9a07d
• editorBracketMatch.background#4a3f2f66
• editorBracketMatch.border#8a8175
• editorCodeLens.foreground#8a8175
• editorCursor.foreground#e0b96d
• editorError.foreground#d98c78
• editorGroup.border#332d26
• editorGroupHeader.tabsBackground#242019
• editorGroupHeader.tabsBorder#242019
• editorGutter.addedBackground#a8b78d99
• editorGutter.deletedBackground#d9887899
• editorGutter.modifiedBackground#e0b96d99
• editorHint.foreground#8a8175
• editorHoverWidget.background#332d26
• editorHoverWidget.border#4a443c
• editorIndentGuide.activeBackground1#5f584c
• editorIndentGuide.background1#3a352d
• editorInfo.foreground#8fb3ad
• editorLineNumber.activeForeground#b3a894
• editorLineNumber.foreground#5f584c
• editorOverviewRuler.border#2a2621
• editorRuler.foreground#3a352d
• editorSuggestWidget.background#332d26
• editorSuggestWidget.border#4a443c
• editorSuggestWidget.foreground#d7cfc4
• editorSuggestWidget.highlightForeground#e0b96d
• editorSuggestWidget.selectedBackground#4a3f2f
• editorWarning.foreground#e0b96d
• editorWhitespace.foreground#4a453c
• editorWidget.background#332d26
• editorWidget.border#4a443c
• editorWidget.foreground#d7cfc4
• errorForeground#d98c78
• focusBorder#4a443c
• foreground#d7cfc4
• gitDecoration.addedResourceForeground#a8b78d
• gitDecoration.conflictingResourceForeground#c98a7d
• gitDecoration.deletedResourceForeground#d98c78
• gitDecoration.ignoredResourceForeground#6f675d
• gitDecoration.modifiedResourceForeground#e0b96d
• gitDecoration.untrackedResourceForeground#8fb3ad
• input.background#332d26
• input.border#4a443c
• input.foreground#d7cfc4
• input.placeholderForeground#786f61
• inputOption.activeBorder#e0b96d
• list.activeSelectionBackground#3a352d
• list.activeSelectionForeground#e6ddcf
• list.highlightForeground#e0b96d
• list.hoverBackground#2e2a22
• list.inactiveSelectionBackground#332d26
• notificationCenterHeader.background#2a2621
• notifications.background#332d26
• notifications.foreground#d7cfc4
• panel.background#262219
• panel.border#332d26
• panelTitle.activeBorder#e0b96d
• panelTitle.activeForeground#e6ddcf
• panelTitle.inactiveForeground#786f61
• peekView.border#e0b96d
• peekViewEditor.background#262219
• peekViewResult.background#242019
• peekViewTitle.background#2a2621
• scrollbarSlider.activeBackground#4a443ccc
• scrollbarSlider.background#4a443c88
• scrollbarSlider.hoverBackground#4a443caa
• selection.background#5a4f3c88
• sideBar.background#262219
• sideBar.border#242019
• sideBar.foreground#c3baac
• sideBarSectionHeader.background#262219
• sideBarSectionHeader.foreground#c3baac
• sideBarTitle.foreground#d7cfc4
• statusBar.background#242019
• statusBar.border#242019
• statusBar.debuggingBackground#c98a7d
• statusBar.debuggingForeground#242019
• statusBar.foreground#b3a894
• statusBar.noFolderBackground#242019
• statusBarItem.hoverBackground#332d26
• statusBarItem.remoteBackground#8fb3ad
• statusBarItem.remoteForeground#242019
• tab.activeBackground#2a2621
• tab.activeBorderTop#e0b96d
• tab.activeForeground#e6ddcf
• tab.border#242019
• tab.inactiveBackground#242019
• tab.inactiveForeground#786f61
• terminal.ansiBlack#2a2621
• terminal.ansiBlue#8fb3ad
• terminal.ansiBrightBlack#6f675d
• terminal.ansiBrightBlue#a5c5c0
• terminal.ansiBrightCyan#a5c5c0
• terminal.ansiBrightGreen#bcc9a3
• terminal.ansiBrightMagenta#c4b3d9
• terminal.ansiBrightRed#e0a08f
• terminal.ansiBrightWhite#e6ddcf
• terminal.ansiBrightYellow#eac989
• terminal.ansiCyan#8fb3ad
• terminal.ansiGreen#a8b78d
• terminal.ansiMagenta#b3a0c9
• terminal.ansiRed#d98c78
• terminal.ansiWhite#d7cfc4
• terminal.ansiYellow#e0b96d
• terminal.background#2a2621
• terminal.foreground#d7cfc4
• titleBar.activeBackground#242019
• titleBar.activeForeground#d7cfc4
• titleBar.border#242019
• titleBar.inactiveBackground#242019
• titleBar.inactiveForeground#6f675d
• tree.indentGuidesStroke#4a443c
• widget.shadow#00000055

tokenColors

TextMate scopes and font styles (syntax highlighting rules).