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

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#1c1724
activityBar.border#1c1724
activityBar.foreground#a391e8
activityBarBadge.background#1c1724
activityBarBadge.foreground#a391e877
badge.background#342d40
badge.foreground#a391e8
banner.background#1c1724
breadcrumb.background#1c1724
button.background#342d40
button.foreground#a391e8
checkbox.background#342d40
checkbox.foreground#a391e8
disabledForeground#a391e877
dropdown.background#1c1724
dropdown.border#342d40
dropdown.foreground#a391e8
dropdown.listBackground#1c1724
editor.background#1c1724
editor.foreground#a391e8
editor.lineHighlightBackground#a391e811
editor.selectionBackground#a391e822
editor.selectionHighlightBackground#a391e844
editorGroup.border#342d40
editorGroupHeader.border#1c1724
editorGroupHeader.tabsBackground#1c1724
editorHoverWidget.background#1c1724
editorLineNumber.activeForeground#a391e8
editorLineNumber.foreground#a391e877
editorOverviewRuler.border#1c1724
editorWidget.background#1c1724
editorWidget.border#a391e877
focusBorder#342d40
foreground#a391e8
icon.foreground#a391e877
input.background#342d40
input.border#342d40
input.foreground#a391e8
list.activeSelectionBackground#a391e822
list.activeSelectionForeground#a391e8
list.hoverBackground#a391e844
menu.background#1c1724
minimap.background#1c1724
panel.background#1c1724
panel.border#342d40
panelSectionHeader.foreground#a391e8
progressBar.background#a391e8
scrollbar.shadow#342d40
scrollbarSlider.activeBackground#342d40
scrollbarSlider.background#342d4077
scrollbarSlider.hoverBackground#342d40
sideBar.background#1c1724
sideBar.foreground#a391e8
sideBySideEditor.horizontalBorder#342d40
sideBySideEditor.verticalBorder#342d40
statusBar.background#1c1724
statusBar.border#342d40
statusBar.foreground#a391e877
statusBar.noFolderBackground#1c1724
tab.activeBackground#1c1724
tab.activeBorderTop#a391e8
tab.activeForeground#a391e8
tab.border#1c1724
tab.inactiveBackground#1c1724
tab.inactiveForeground#a391e877
terminal.background#1c1724
terminal.border#1c1724
terminal.foreground#a391e8
titleBar.activeBackground#1c1724
titleBar.border#1c1724
titleBar.inactiveBackground#1c1724
widget.border#342d40

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	#fec38f
meta.function-call	#b07745
comment, comment keyword, comment markup.underline.link, comment string, comment punctuation.definition, comment punctuation, comment text	#544d60	italic
variable, variable.other, variable.parameter, comment variable, support.variable, string constant.other.placeholder, constant.other.color, meta.object-literal.key	#cab2fa
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	#715f95
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	#544d60
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	#a391e8
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	#a391e8
invalid, invalid.illegal	#e06c75
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#715f95
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	#f1ebff
entity.name.tag, string.regexp, meta.tag.sgml, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#544d60
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