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-blue

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#102030
activityBar.border#102030
activityBar.foreground#d6e9ff
activityBarBadge.background#102030
activityBarBadge.foreground#d6e9ff77
badge.background#1a2a3a
badge.foreground#d6e9ff
banner.background#102030
breadcrumb.background#102030
button.background#1a2a3a
button.foreground#d6e9ff
checkbox.background#1a2a3a
checkbox.foreground#d6e9ff
disabledForeground#d6e9ff77
dropdown.background#102030
dropdown.border#1a2a3a
dropdown.foreground#d6e9ff
dropdown.listBackground#102030
editor.background#102030
editor.foreground#d6e9ff
editor.lineHighlightBackground#d6e9ff11
editor.selectionBackground#d6e9ff22
editor.selectionHighlightBackground#d6e9ff44
editorGroup.border#1a2a3a
editorGroupHeader.border#102030
editorGroupHeader.tabsBackground#102030
editorHoverWidget.background#102030
editorLineNumber.activeForeground#d6e9ff
editorLineNumber.foreground#d6e9ff77
editorOverviewRuler.border#102030
editorWidget.background#102030
editorWidget.border#d6e9ff77
focusBorder#1a2a3a
foreground#d6e9ff
icon.foreground#d6e9ff77
input.background#1a2a3a
input.border#1a2a3a
input.foreground#d6e9ff
list.activeSelectionBackground#d6e9ff22
list.activeSelectionForeground#d6e9ff
list.hoverBackground#d6e9ff44
menu.background#102030
minimap.background#102030
panel.background#102030
panel.border#1a2a3a
panelSectionHeader.foreground#d6e9ff
progressBar.background#d6e9ff
scrollbar.shadow#1a2a3a
scrollbarSlider.activeBackground#1a2a3a
scrollbarSlider.background#1a2a3a77
scrollbarSlider.hoverBackground#1a2a3a
sideBar.background#102030
sideBar.foreground#d6e9ff
sideBySideEditor.horizontalBorder#1a2a3a
sideBySideEditor.verticalBorder#1a2a3a
statusBar.background#102030
statusBar.border#1a2a3a
statusBar.foreground#d6e9ff77
statusBar.noFolderBackground#102030
tab.activeBackground#102030
tab.activeBorderTop#32AE85
tab.activeForeground#d6e9ff
tab.border#102030
tab.inactiveBackground#102030
tab.inactiveForeground#d6e9ff77
terminal.background#102030
terminal.border#102030
terminal.foreground#d6e9ff
titleBar.activeBackground#102030
titleBar.border#102030
titleBar.inactiveBackground#102030
widget.border#1a2a3a

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	#34febb
meta.function-call	#6bba5b
comment, comment keyword, comment markup.underline.link, comment string, comment punctuation.definition, comment punctuation, comment text	#d6e9ff77	italic
variable, variable.other, variable.parameter, comment variable, support.variable, string constant.other.placeholder, constant.other.color, meta.object-literal.key	#88b4e7
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	#5d8cc0
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	#42675a
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	#32AE85
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	#32AE85
invalid, invalid.illegal	#e06c75
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#586f89
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	#d6e9ff
entity.name.tag, string.regexp, meta.tag.sgml, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#32AE85
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