dark-rotor theme

Name: dark-rotor theme
Author: rotorsoft

Publisher: rotorsoftThemes in package: 5

A tranquil dark theme

Open in VS Code GitHub

Color themes

VS Code preview

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

dark-rotor theme — dark-rotor-charcoal

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

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...
~/my-project

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#121111
activityBar.border#121111
activityBar.foreground#a0a0a0
activityBarBadge.background#121111
activityBarBadge.foreground#a0a0a077
badge.background#1d1d1d
badge.foreground#a0a0a0
banner.background#121111
breadcrumb.background#121111
button.background#1d1d1d
button.foreground#a0a0a0
checkbox.background#1d1d1d
checkbox.foreground#a0a0a0
disabledForeground#a0a0a077
dropdown.background#121111
dropdown.border#1d1d1d
dropdown.foreground#a0a0a0
dropdown.listBackground#121111
editor.background#121111
editor.foreground#a0a0a0
editor.lineHighlightBackground#a0a0a011
editor.selectionBackground#a0a0a022
editor.selectionHighlightBackground#a0a0a044
editorGroup.border#1d1d1d
editorGroupHeader.border#121111
editorGroupHeader.tabsBackground#121111
editorHoverWidget.background#121111
editorLineNumber.activeForeground#a0a0a0
editorLineNumber.foreground#a0a0a077
editorOverviewRuler.border#121111
editorWidget.background#121111
editorWidget.border#a0a0a077
focusBorder#1d1d1d
foreground#a0a0a0
icon.foreground#a0a0a077
input.background#1d1d1d
input.border#1d1d1d
input.foreground#a0a0a0
list.activeSelectionBackground#a0a0a022
list.activeSelectionForeground#a0a0a0
list.hoverBackground#a0a0a044
menu.background#121111
minimap.background#121111
panel.background#121111
panel.border#1d1d1d
panelSectionHeader.foreground#a0a0a0
progressBar.background#a0a0a0
scrollbar.shadow#1d1d1d
scrollbarSlider.activeBackground#1d1d1d
scrollbarSlider.background#1d1d1d77
scrollbarSlider.hoverBackground#1d1d1d
sideBar.background#121111
sideBar.foreground#a0a0a0
sideBySideEditor.horizontalBorder#1d1d1d
sideBySideEditor.verticalBorder#1d1d1d
statusBar.background#121111
statusBar.border#1d1d1d
statusBar.foreground#a0a0a077
statusBar.noFolderBackground#121111
tab.activeBackground#121111
tab.activeBorderTop#a0a0a0
tab.activeForeground#a0a0a0
tab.border#121111
tab.inactiveBackground#121111
tab.inactiveForeground#a0a0a077
terminal.background#121111
terminal.border#121111
terminal.foreground#a0a0a0
titleBar.activeBackground#121111
titleBar.border#121111
titleBar.inactiveBackground#121111
widget.border#1d1d1d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
meta.definition.function, meta.definition.variable entity.name.function, meta.function.python entity.name.function.python, meta.function.python support.function	#fecb52
meta.function-call	#b09045
comment, comment keyword, comment markup.underline.link, comment string, comment punctuation.definition, comment punctuation, comment text	#a0a0a077	italic
variable, variable.other, variable.parameter, comment variable, support.variable, string constant.other.placeholder, constant.other.color, meta.object-literal.key	#32ae85
entity.name.function.operator, keyword, keyword.control, keyword.operator, keyword.operator.new, keyword.operator.expression, keyword.other.template, keyword.other.substitution, keyword.operator.logical, keyword.operator.comparison, keyword.operator.assignment, storage.modifier, storage.type, variable.language, constant.language, support.class, support.type, meta.brackets entity.name.function.operator, meta.tag, meta.brace, constant.other.color, storage.type.function.arrow	#888888
punctuation, punctuation.definition, punctuation.definition.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded, punctuation.separator, punctuation.terminator	#666666
constant, constant.numeric, constant.language, constant.character.escape, entity.name.operator.custom-literal, string.quoted, string.template, string.quoted.docstring, string.quoted.docstring punctuation.definition	#a0a0a0
constant.other, constant.other.caps, constant.other.property, constant.other.color, constant.character.escape, constant.other.character-class.escape, entity.name.constant, support.type.property-name, string.quoted.double.json	#a0a0a0
invalid, invalid.illegal	#e06c75
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#888888
comment entity.name.type, comment storage.type, entity.name.class, entity.name.namespace, entity.name.type, entity.name.type.class, entity.name.type.namespace, entity.other.inherited-class, entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector-suffix.css, entity.other.attribute-name.parent-selector-suffix.css punctuation.definition.entity.css, entity.other.attribute-name.css, meta.class, source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name	#34febb
entity.name.tag, string.regexp, meta.tag.sgml, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#999999
url, link, uri	—	underline
markup.heading	—	bold
markup.italic, markup.quote	—	italic
markup.bold, markup.bold string	—	bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string	—	bold italic
markup.underline	—	underline