Solarized Flat Theme

Name: Solarized Flat Theme
Author: Elling

Publisher: EllingThemes in package: 2

A flat version of the Solarized color theme for VS Code.

Open in VS Code GitHub

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Solarized Flat Theme — Solarized Flat Light

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.ts

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#FDF6E3
activityBar.foreground#657B83
breadcrumb.activeSelectionForeground#268bd2
breadcrumb.background#FDF6E3
breadcrumb.focusForeground#657B83
breadcrumb.foreground#93A1A1
breadcrumbPicker.background#FDF6E3
button.background#268BD2
button.foreground#FDF6E3
button.hoverBackground#268ad2b6
commandCenter.activeBackground#FDF6E3
commandCenter.background#FDF6E3
commandCenter.foreground#657B83
debugToolBar.background#FDF6E3
diffEditor.insertedTextBackground#85990033
diffEditor.removedTextBackground#dc322f33
dropdown.background#fdf6e3
dropdown.border#93a1a1
dropdown.foreground#657B83
editor.background#FDF6E3
editor.foreground#657B83
editor.lineHighlightBackground#EEE8D5
editor.lineHighlightBorder#EEE8D5
editor.selectionBackground#268ad23a
editor.wordHighlightBackground#268BD233
editor.wordHighlightStrongBackground#268BD233
editorBracketHighlight.foreground1#2AA198
editorBracketHighlight.foreground2#268BD2
editorBracketHighlight.foreground3#6C71C4
editorBracketHighlight.foreground4#D33682
editorBracketHighlight.foreground5#DC322F
editorBracketHighlight.foreground6#CB4B16
editorCursor.background#FDF6E3
editorCursor.foreground#dc322f
editorGroupHeader.border#EEE8D5
editorGroupHeader.tabsBackground#FDF6E3
editorHoverWidget.background#EEE8D5
editorHoverWidget.border#EEE8D5
editorLineNumber.activeForeground#657B83
editorLineNumber.foreground#93A1A1
editorLink.activeForeground#268BD2
editorStickyScroll.border#EEE8D5
editorStickyScrollHover.background#FDF6E3
editorSuggestWidget.background#FDF6E3
editorSuggestWidget.border#EEE8D5
editorSuggestWidget.selectedBackground#EEE8D5
editorWidget.background#FDF6E3
editorWidget.border#EEE8D5
editorWidget.foreground#657B83
focusBorder#93A1A1
gitDecoration.addedResourceForeground#859900
gitDecoration.conflictingResourceForeground#d33682
gitDecoration.deletedResourceForeground#dc322f
gitDecoration.ignoredResourceForeground#93A1A1
gitDecoration.modifiedResourceForeground#b58900
gitDecoration.untrackedResourceForeground#2aa198
input.background#fdf6e3
input.border#93a1a1
input.foreground#657B83
input.placeholderForeground#93a1a1
inputOption.activeBackground#eee8d5
inputOption.activeBorder#268BD2
inputOption.activeForeground#268BD2
list.activeSelectionBackground#EEE8D5
list.activeSelectionForeground#657B83
list.focusOutline#EEE8D5
list.hoverBackground#EEE8D5
list.hoverForeground#657B83
list.inactiveSelectionBackground#EEE8D5
list.inactiveSelectionForeground#657B83
menu.background#FDF6E3
menu.selectionBackground#EEE8D5
notifications.background#FDF6E3
notifications.foreground#657B83
panel.background#FDF6E3
panel.border#EEE8D5
panelTitle.activeBorder#FDF6E3
panelTitle.activeForeground#657B83
panelTitle.inactiveForeground#93A1A1
peekView.border#EEE8D5
peekViewEditor.background#FDF6E3
peekViewResult.background#FDF6E3
peekViewResult.fileForeground#657B83
peekViewTitle.background#FDF6E3
peekViewTitleLabel.foreground#657B83
quickInput.background#FDF6E3
quickInput.foreground#657B83
quickInputTitle.background#EEE8D5
scrollbar.background#fdf6e3
scrollbar.shadow#fdf6e3
scrollbarSlider.activeBackground#EEE8D5
scrollbarSlider.background#EEE8D5
scrollbarSlider.hoverBackground#EEE8D5
selection.background#268BD233
sideBar.background#FDF6E3
sideBar.foreground#657B83
sideBarSectionHeader.background#EEE8D5
sideBarSectionHeader.foreground#657B83
sideBarTitle.foreground#657B83
statusBar.background#FDF6E3
statusBar.debuggingBackground#FDF6E3
statusBar.debuggingForeground#657B83
statusBar.foreground#657B83
statusBar.noFolderBackground#002B36
statusBarItem.hoverBackground#268BD2
statusBarItem.hoverForeground#EEE8D5
tab.activeBackground#FDF6E3
tab.activeForeground#586E75
tab.border#FDF6E3
tab.inactiveBackground#EEE8D5
tab.inactiveForeground#93A1A1
terminal.ansiBlack#657B83
terminal.ansiBlue#268bd2
terminal.ansiBrightBlack#657B83
terminal.ansiBrightBlue#268BD2
terminal.ansiBrightCyan#2AA198
terminal.ansiBrightGreen#859900
terminal.ansiBrightMagenta#D33682
terminal.ansiBrightRed#DC322F
terminal.ansiBrightWhite#FDF6E3
terminal.ansiBrightYellow#B58900
terminal.ansiCyan#2aa198
terminal.ansiGreen#859900
terminal.ansiMagenta#d33682
terminal.ansiRed#dc322f
terminal.ansiWhite#FDF6E3
terminal.ansiYellow#b58900
terminal.background#FDF6E3
terminal.foreground#657B83
terminalCursor.foreground#DC322F
textLink.activeForeground#4B83CD
textLink.foreground#268BD2
titleBar.activeBackground#FDF6E3
titleBar.activeForeground#657B83

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
markup.italic	—	italic
markup.underline	—	underline
markup.italic	#859900	italic
storage.modifier, keyword.control, constant.numeric, constant.character, constant.other, constant.other.symbol, storage.type.class.python, storage.type.function.python, meta.method.return-type.java, storage.modifier.java, keyword.other.fn.rust, keyword.other.crate.rust, keyword.operator.borrow.and.rust, storage.type.namespace.cs, storage.type.class.cs, keyword.other.typedef.c, meta.enum.definition.cpp, storage.type.template.cpp, storage.type.class.cpp, storage.type.modifier.access, storage.type.enum.enum-key.class.cpp, keyword.other.using.directive.cpp, keyword.declaration.dart, keyword.type.go, keyword.interface.go, keyword.struct.go, keyword.function.go, keyword.local.lua, variable.other.constant.ruby, punctuation.definition.string.heredoc.delimiter.shell	#B58900	—
entity.name.tag, constant.language, support.constant, variable.language, keyword.operator, storage.type, keyword.type, support.type, entity.name.tag.html, entity.name.tag.style, entity.name.tag.script, keyword.control.import.python, keyword.control.from.python, support.function.magic.python, support.variable.magic.python, variable.parameter.function.language.special.self.python, storage.type.java, keyword.other.package.java, keyword.other.import.java, storage.type.local.java, storage.type.primitive.java, storage.type.object.array.java, storage.type.function.arrow.ts, keyword.other.directive.using.cs, entity.name.type.rust, keyword.other.rust, keyword.control.rust, entity.name.type.cs, keyword.control.directive.include.c, keyword.control.directive.include.cpp, entity.name.type.cpp, entity.name.type.template.cpp, support.function.construct.php, keyword.other.namespace.php, support.function.constructor.php, support.class.dart, keyword.other.import.dart, entity.name.type.go, keyword.package.go, keyword.control.import.go, support.function.lua, support.function.library.lua, keyword.other.special-method.ruby, support.function.kernel.ruby, entity.name.function.macro.rules.rust, entity.name.type.numeric.rust, entity.name.type.primitive.rust, entity.name.type.result.rust, keyword.other.sql, keyword.other.alias.sql, keyword.other.LUW.sql, keyword.other.DML.II.sql, keyword.other.DDL.create.II.sql, entity.name.type.ts, punctuation.definition.list.begin.markdown, markup.inline.raw, support.function.builtin.shell	#859900	—
entity.name.type.class, entity.name.type.interface, entity.other.inherited-class, meta.enum, meta.definition.function, entity.name.function.python, meta.method.identifier.java, entity.name.type.record.java, keyword.control.new.java, entity.name.tag.template.html.vue, meta.function.definition.rust, entity.name.type.struct.rust, entity.name.type.enum.rust, entity.name.function.macro.rust, entity.name.type.trait.rust, meta.function.definition.parameters.c, entity.name.type.class.cpp, entity.name.function.definition.cpp, entity.name.type.struct.cpp, entity.name.function.definition.special.constructor.cpp, entity.name.type.enum.cpp, meta.function.php, support.function.construct.output.php, entity.name.type.enum.cs, entity.name.function.go, meta.definition.method.js, entity.name.function.lua, meta.function.method.with-arguments.ruby, keyword.other.create.sql, entity.name.type.alias.ts	#D33682	—
markup.heading	#D33682	bold
string.regexp, meta.function-call, meta.method-call, entity.other.attribute-name.html, punctuation.definition.annotation.java, storage.type.annotation.java, meta.method-call.java, entity.name.type.annotation.java, variable.annotation.java, meta.function.call.rust, source.ts.embedded.html.vue, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css, entity.name.function.cs, entity.other.attribute-name.localname.xml, entity.name.function.call.cpp, entity.name.function.dart, entity.name.function.support.go, entity.name.function.support.builtin.go, support.function.any-method.lua, punctuation.definition.decorator.python, meta.function.decorator.python, entity.name.function.call.shell, entity.name.function.shell, meta.link	#268BD2	—
variable.parameter, support.variable, variable.object.property, variable.other.property, variable.other.object.property, entity.name.type.namespace, meta.attribute.python, storage.modifier.package.java, variable.parameter.java, meta.object-literal.key.ts, support.type.property-name.css, entity.name.namespace.rust, entity.name.variable.parameter.cs, meta.function.parameters.php, entity.name.namespace.cpp, entity.name.scope-resolution.cpp, entity.name.variable.property.cs, entity.name.type.package.go, entity.name.type.module.ruby, keyword.other.DML.sql, entity.name.type.module.ts, meta.image.inline.markdown, fenced_code.block.language, markup.quote	#6C71C4	—
storage.type.generic.java	#CB4B16	—
string.quoted.single, string.quoted.double, string.quoted.multi.python, string.interpolated.single.dart, meta.separator.markdown, string.template.js, string.template.ts	#2AA198	—
markup.bold	#2AA198	bold
markup.traceback, markup.error	#DC322F	—
comment, punctuation.separator, punctuation.accessor, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.terminator.rule, punctuation.definition.comment, string.quoted.docstring.multi.python, constant.character.escape, punctuation.terminator.java, punctuation.section.function.begin.python, punctuation.terminator.statement.cs, punctuation.semi.rust, punctuation.definition.attribute.rust, punctuation.comma.rust, keyword.operator.key-value.rust, punctuation.brackets.angle.rust, keyword.operator.namespace.rust, keyword.operator.arrow.skinny.rust, keyword.operator.access.dot.rust, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, markup.underline.link, punctuation.definition.metadata.markdown, punctuation.definition.markdown, punctuation.definition.strikethrough.markdown, markup.strikethrough.markdown	#93A1A1	—
storage.modifier.import.java, meta.preprocessor.include.c, string.quoted.double.include.c, string.quoted.double.include.cpp, variable.other.rust, string.unquoted.argument.shell	#657B83	—