Solaria Theme
Publisher: ovcharovcoderThemes in package: 2
A soft theme for VS Code with calm color palettes inspired by Nord and Tailwind — perfect for day and night coding.
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.background#E2E8F0
- activityBar.foreground#1A202C
- activityBar.inactiveForeground#4A5568
- badge.background#2B6CB0
- badge.foreground#F7FAFC
- breadcrumb.activeSelectionForeground#2B6CB0
- breadcrumb.background#EDF2F7
- breadcrumb.focusForeground#2B6CB0
- breadcrumb.foreground#1A202C
- breadcrumbPicker.background#EDF2F7
- diffEditor.insertedTextBackground#2F855A33
- diffEditor.removedTextBackground#B71C1C33
- dropdown.background#EDF2F7
- dropdown.border#CBD5E0
- dropdown.foreground#1A202C
- editor.background#FBFBFB
- editor.foreground#1A202C
- editor.lineHighlightBackground#3A6F9F0D
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#2B6CB066
- editor.selectionHighlightBackground#71809699
- editor.wordHighlightBackground#71809660
- editor.wordHighlightStrongBackground#71809699
- editorCodeLens.foreground#718096
- editorCursor.background#FBFBFB
- editorCursor.foreground#2B6CB0
- editorError.border#B71C1C
- editorError.foreground#B71C1C
- editorGroup.border#00000000
- editorGroup.dropBackground#CBD5E099
- editorGroupHeader.noTabsBackground#E2E8F0
- editorGroupHeader.tabsBackground#E2E8F0
- editorHoverWidget.background#EDF2F7
- editorHoverWidget.border#CBD5E0
- editorHoverWidget.foreground#1A202C
- editorHoverWidget.highlightForeground#718096
- editorLineNumber.activeForeground#1A202C
- editorLineNumber.foreground#718096
- editorSuggestWidget.background#EDF2F7
- editorSuggestWidget.border#CBD5E0
- editorSuggestWidget.foreground#1A202C
- editorSuggestWidget.highlightForeground#2B6CB0
- editorSuggestWidget.selectedBackground#CBD5E0
- editorWarning.border#A17646
- editorWarning.foreground#A17646
- focusBorder#2B6CB0
- gitDecoration.addedResourceForeground#2F855A
- gitDecoration.conflictingResourceForeground#B71C1C
- gitDecoration.deletedResourceForeground#B71C1C
- gitDecoration.modifiedResourceForeground#A17646
- gitDecoration.submoduleResourceForeground#718096
- gitDecoration.untrackedResourceForeground#2F855A
- input.background#F7FAFC
- input.border#CBD5E0
- input.foreground#1A202C
- input.placeholderForeground#718096
- inputValidation.errorBackground#FEE2E2
- inputValidation.errorBorder#B71C1C
- inputValidation.errorForeground#B71C1C
- inputValidation.infoBackground#E2E8F0
- inputValidation.infoBorder#2B6CB0
- inputValidation.infoForeground#2B6CB0
- inputValidation.warningBackground#FEF3C7
- inputValidation.warningBorder#A17646
- inputValidation.warningForeground#A17646
- list.activeSelectionBackground#CBD5E0
- list.activeSelectionForeground#1A202C
- list.focusBackground#D6E2EE
- list.focusForeground#1A202C
- list.highlightForeground#2B6CB0
- list.hoverBackground#D6E2EE
- list.hoverForeground#1A202C
- list.inactiveSelectionBackground#E2E8F0
- menu.background#EDF2F7
- menu.foreground#1A202C
- menu.selectionBackground#CBD5E0
- menu.selectionBorder#2B6CB0
- menu.selectionForeground#1A202C
- menu.separatorBackground#CBD5E0
- notificationCenterHeader.background#E2E8F0
- notificationCenterHeader.foreground#1A202C
- notifications.background#EDF2F7
- notifications.foreground#1A202C
- notificationToast.border#CBD5E0
- panel.background#EDF2F7
- quickInput.background#EDF2F7
- quickInput.foreground#1A202C
- quickInputList.focusBackground#CBD5E0
- quickInputList.focusForeground#1A202C
- scrollbarSlider.activeBackground#71809699
- scrollbarSlider.background#71809655
- scrollbarSlider.hoverBackground#71809677
- sideBar.background#EDF2F7
- sideBar.foreground#1A202C
- sideBarSectionHeader.background#E2E8F0
- statusBar.background#E2E8F0
- statusBar.debuggingBackground#B71C1C33
- statusBar.foreground#1A202C
- statusBar.noFolderBackground#CBD5E0
- statusBarItem.errorBackground#B71C1C33
- statusBarItem.warningBackground#A1764633
- tab.activeBackground#F7FAFC
- tab.activeForeground#1A202C
- tab.hoverBackground#EDF2F7
- tab.inactiveBackground#E2E8F0
- tab.inactiveForeground#1A202C
- tab.unfocusedActiveBackground#E2E8F0
- tab.unfocusedActiveForeground#1A202C
- tab.unfocusedInactiveForeground#1A202C
- terminal.ansiBlack#1A202C
- terminal.ansiBlue#2B6CB0
- terminal.ansiBrightBlack#4A5568
- terminal.ansiBrightBlue#63B3ED
- terminal.ansiBrightCyan#2AA198
- terminal.ansiBrightGreen#2F855A
- terminal.ansiBrightMagenta#B16286
- terminal.ansiBrightRed#B71C1C
- terminal.ansiBrightWhite#F7FAFC
- terminal.ansiBrightYellow#A17646
- terminal.ansiCyan#2AA198
- terminal.ansiGreen#2F855A
- terminal.ansiMagenta#B16286
- terminal.ansiRed#B71C1C
- terminal.ansiWhite#E2E8F0
- terminal.ansiYellow#A17646
- terminal.background#EDF2F7
- terminal.foreground#1A202C
- terminalCursor.foreground#2B6CB0
- textLink.activeForeground#63B3ED
- textLink.foreground#2B6CB0
- titleBar.activeBackground#E2E8F0
- titleBar.activeForeground#1A202C
- titleBar.inactiveBackground#CBD5E0
- titleBar.inactiveForeground#718096
- tree.indentGuidesStroke#CBD5E0
- widget.shadow#00000022
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword.control.go, keyword.package.go, keyword.import.go, keyword.func.go, keyword.struct.go, keyword.interface.go | #9F7AEA | bold |
| string.quoted.double.go, string.quoted.raw.go | #2F855A | — |
| string.template, string.interpolated | #2F855A | italic |
| constant.numeric.go | #A17646 | — |
| entity.name.function.go | #2B6CB0 | — |
| storage.type.go | #9F7AEA | — |
| comment, punctuation.definition.comment, comment.line.double-slash.go, comment.block.go, comment.block.documentation | #9CA3AF | |
| entity.name.type.type-parameter.ts | #9F7AEA | |
| meta.template.cpp, storage.type.template.cpp | #9F7AEA | bold |
| constant.other.symbol.ruby, punctuation.section.block.begin.ruby, punctuation.section.block.end.ruby | #2F855A | — |
| keyword, storage.type, storage.modifier, keyword.control | #9F7AEA | bold |
| keyword.operator | #2B6CB0 | — |
| string, constant.other.symbol, string.quoted, string.regexp | #2F855A | — |
| constant.numeric, constant.language, constant.language.boolean | #A17646 | — |
| variable, identifier, variable.other.readwrite, variable.parameter | #1A202C | — |
| entity.name.function, support.function | #2B6CB0 | — |
| entity.name.type, support.class, support.type | #9F7AEA | — |
| entity.name.tag, meta.tag.sgml, meta.tag.html | #2B6CB0 | bold |
| entity.other.attribute-name | #A17646 | — |
| entity.name.tag.css, meta.selector.css, entity.other.attribute-name.class.css | #2B6CB0 | — |
| support.type.property-name.css, support.type.property-name.scss | #9F7AEA | — |
| variable.scss, variable.other.sass | #2F855A | — |
| entity.name.function.scss, support.function.mixin.scss | #B71C1C | — |
| variable.other.readwrite.js, identifier.js | #1A202C | — |
| keyword.control.js, storage.type.js | #B71C1C | — |
| support.function.dom.js, support.function.js | #2F855A | — |
| variable.other.php, punctuation.definition.variable.php | #2F855A | — |
| support.function.construct.php, support.function.core.php | #A17646 | — |
| keyword.control.php, storage.type.function.php | #B71C1C | — |
| keyword.control.python, storage.type.class.python | #B71C1C | bold |
| entity.name.function.python, support.function.builtin.python | #2B6CB0 | — |
| variable.parameter.python | #1A202C | — |
| storage.type.c, storage.type.cpp | #9F7AEA | — |
| entity.name.function.c, entity.name.function.cpp | #2B6CB0 | — |
| keyword.control.ruby, storage.type.class.ruby | #B71C1C | — |
| entity.name.function.ruby | #2B6CB0 | — |
| keyword.control.java, storage.type.java | #B71C1C | — |
| entity.name.type.class.java | #9F7AEA | — |
| entity.name.function.java | #2B6CB0 | — |
| keyword.control.cs, storage.type.cs | #B71C1C | — |
| entity.name.function.cs, support.function.cs | #2B6CB0 | — |
| meta.embedded.block.js, meta.embedded.expression.js, meta.embedded.line.tsx, meta.embedded.block.tsx, meta.embedded.expression.tsx, meta.jsx.children.tsx, meta.tag.js, meta.tag.tsx, meta.tag.without-attributes.js, meta.tag.without-attributes.tsx | #2B6CB0 | — |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #A17646 | — |
| support.type.property-name.json | #9F7AEA | — |
| string.quoted.double.json | #2F855A | — |
| variable.other.readwrite.cpp, variable.other.readwrite.c, variable.other.cpp, variable.parameter.cpp, variable.other.readwrite.java, variable.parameter.java, variable.other.readwrite.cs, variable.parameter.cs, variable.other.property.cs | #1A202C | — |
| variable.language.this.cs, variable.language.this.java, variable.language.this.cpp | #9F7AEA | italic |