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#ece5d3
• activityBar.border#ece5d3
• activityBar.foreground#4a4238
• activityBar.inactiveForeground#a89d8d
• activityBarBadge.background#a85d43
• activityBarBadge.foreground#f4efe3
• badge.background#a97a1f
• badge.foreground#f4efe3
• button.background#a85d43
• button.foreground#f4efe3
• button.hoverBackground#97513a
• button.secondaryBackground#e2dac4
• button.secondaryForeground#4a4238
• descriptionForeground#847a68
• diffEditor.insertedTextBackground#5f7a3d22
• diffEditor.removedTextBackground#b5624c22
• disabledForeground#a89d8d
• dropdown.background#ffffff
• dropdown.border#d8cdb8
• dropdown.foreground#4a4238
• editor.background#f4efe3
• editor.findMatchBackground#e0c67e99
• editor.findMatchHighlightBackground#e0c67e55
• editor.foreground#4a4238
• editor.inactiveSelectionBackground#dccb9f55
• editor.lineHighlightBackground#ece5d3
• editor.lineHighlightBorder#ece5d300
• editor.selectionBackground#dccb9f99
• editor.selectionHighlightBackground#dccb9f55
• editor.wordHighlightBackground#dccb9f44
• editor.wordHighlightStrongBackground#dccb9f66
• editorBracketHighlight.foreground1#a85d43
• editorBracketHighlight.foreground2#a97a1f
• editorBracketHighlight.foreground3#5f7a3d
• editorBracketHighlight.foreground4#377b74
• editorBracketHighlight.foreground5#7a5f96
• editorBracketHighlight.foreground6#a06a3d
• editorBracketMatch.background#dccb9f66
• editorBracketMatch.border#8a7d63
• editorCodeLens.foreground#8a7d63
• editorCursor.foreground#b5804a
• editorError.foreground#b5624c
• editorGroup.border#e2dac4
• editorGroupHeader.tabsBackground#e2dac4
• editorGroupHeader.tabsBorder#e2dac4
• editorGutter.addedBackground#5f7a3d99
• editorGutter.deletedBackground#b5624c99
• editorGutter.modifiedBackground#b5804a99
• editorHint.foreground#8a7d63
• editorHoverWidget.background#ece5d3
• editorHoverWidget.border#d8cdb8
• editorIndentGuide.activeBackground1#c3b8a0
• editorIndentGuide.background1#e2dac4
• editorInfo.foreground#377b74
• editorLineNumber.activeForeground#8a7d63
• editorLineNumber.foreground#c3b8a0
• editorRuler.foreground#e2dac4
• editorSuggestWidget.background#ece5d3
• editorSuggestWidget.border#d8cdb8
• editorSuggestWidget.selectedBackground#dccb9f
• editorWarning.foreground#a97a1f
• editorWhitespace.foreground#d8cdb8
• editorWidget.background#ece5d3
• editorWidget.border#d8cdb8
• editorWidget.foreground#4a4238
• errorForeground#b5624c
• focusBorder#d8cdb8
• foreground#4a4238
• gitDecoration.addedResourceForeground#5f7a3d
• gitDecoration.conflictingResourceForeground#a85d43
• gitDecoration.deletedResourceForeground#b5624c
• gitDecoration.ignoredResourceForeground#a89d8d
• gitDecoration.modifiedResourceForeground#a97a1f
• gitDecoration.untrackedResourceForeground#377b74
• input.background#ffffff
• input.border#d8cdb8
• input.foreground#4a4238
• input.placeholderForeground#a89d8d
• inputOption.activeBorder#b5804a
• list.activeSelectionBackground#dccb9f
• list.activeSelectionForeground#3a3329
• list.highlightForeground#a97a1f
• list.hoverBackground#e6dfcb
• list.inactiveSelectionBackground#e2dac4
• notifications.background#ece5d3
• notifications.foreground#4a4238
• panel.background#ece5d3
• panel.border#d8cdb8
• panelTitle.activeBorder#b5804a
• panelTitle.activeForeground#3a3329
• panelTitle.inactiveForeground#8a7d63
• peekView.border#b5804a
• peekViewEditor.background#ece5d3
• peekViewResult.background#e2dac4
• peekViewTitle.background#f4efe3
• scrollbarSlider.activeBackground#c3b8a0cc
• scrollbarSlider.background#c3b8a088
• scrollbarSlider.hoverBackground#c3b8a0aa
• sideBar.background#ece5d3
• sideBar.border#ece5d3
• sideBar.foreground#5c5346
• sideBarSectionHeader.background#ece5d3
• sideBarTitle.foreground#4a4238
• statusBar.background#e2dac4
• statusBar.border#e2dac4
• statusBar.debuggingBackground#a85d43
• statusBar.debuggingForeground#f4efe3
• statusBar.foreground#5c5346
• statusBarItem.remoteBackground#377b74
• statusBarItem.remoteForeground#f4efe3
• tab.activeBackground#f4efe3
• tab.activeBorderTop#b5804a
• tab.activeForeground#3a3329
• tab.border#e2dac4
• tab.inactiveBackground#e2dac4
• tab.inactiveForeground#8a7d63
• terminal.ansiBlack#4a4238
• terminal.ansiBlue#377b74
• terminal.ansiBrightBlack#8a7d63
• terminal.ansiBrightBlue#5a938c
• terminal.ansiBrightCyan#5a938c
• terminal.ansiBrightGreen#7a935a
• terminal.ansiBrightMagenta#95799f
• terminal.ansiBrightRed#c47a63
• terminal.ansiBrightWhite#3a3329
• terminal.ansiBrightYellow#c2963f
• terminal.ansiCyan#377b74
• terminal.ansiGreen#5f7a3d
• terminal.ansiMagenta#7a5f96
• terminal.ansiRed#b5624c
• terminal.ansiWhite#847a68
• terminal.ansiYellow#a97a1f
• terminal.background#f4efe3
• terminal.foreground#4a4238
• titleBar.activeBackground#e2dac4
• titleBar.activeForeground#4a4238
• titleBar.border#e2dac4
• titleBar.inactiveBackground#e2dac4
• titleBar.inactiveForeground#a89d8d
• tree.indentGuidesStroke#d8cdb8
• widget.shadow#00000022

tokenColors

TextMate scopes and font styles (syntax highlighting rules).