Coolest Dark

Name: Coolest Dark
Author: Mutombo Jean-Vincent

Publisher: Mutombo Jean-VincentThemes in package: 1

The coolest dark theme for Dart and Flutter based on One Dark Pro and Bear Theme

Open in VS Code GitHub

VS Code preview

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

Coolest Dark — Coolest Dark

fetchUser.ts

index.ts

README.md

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#ec6c45
activityBar.background#20253a
activityBar.border#31333b
activityBar.foreground#ec6c45
activityBar.inactiveForeground#bcb28d
activityBarBadge.background#424852
descriptionForeground#bcb28d
editor.background#1f2335
editor.findMatchBorder#bcb28d66
editor.findMatchHighlightBackground#2c5a65
editor.findRangeHighlightBackground#2c5a65
editor.foreground#bcb28d
editor.lineHighlightBackground#282b31
editor.lineHighlightBorder#1F2335
editor.selectionBackground#2c5a65
editor.selectionHighlightBackground#2c5a65
editor.wordHighlightBackground#2c5a65
editorBracketMatch.background#ffffff00
editorBracketMatch.border#886b67
editorCursor.foreground#bcb28d
editorError.foreground#E03C8A
editorGroupHeader.tabsBackground#24293b
editorGutter.background#1F2335
editorIndentGuide.background#2f3033
editorLineNumber.foreground#43474c
editorLink.activeForeground#999
editorSuggestWidget.selectedBackground#243d46
editorWarning.foreground#e6844f
editorWidget.background#282b31
editorWidget.border#555
errorForeground#E03C8A
focusBorder#1F2335
foreground#bcb28d
gitDecoration.ignoredResourceForeground#505f55
list.activeSelectionBackground#243d46
list.activeSelectionForeground#bcb28d
list.errorForeground#E03C8A
list.focusBackground#243d46
list.focusForeground#bcb28d
list.highlightForeground#93a1a1
list.hoverBackground#3a3e47
list.hoverForeground#bcb28d
list.inactiveFocusBackground#243d46
list.inactiveSelectionBackground#243d46
list.inactiveSelectionForeground#bcb28d
list.warningForeground#e6844f
panel.background#20253a
scrollbar.shadow#1F2335
selection.background#40c4ff
sideBar.background#1F2335
sideBar.border#31333b
sideBar.foreground#707C74
sideBarSectionHeader.background#1F2335
sideBarSectionHeader.foreground#999
sideBarTitle.foreground#999
statusBar.background#32386b
statusBar.border#31333b
statusBar.debuggingBackground#bcb28d
statusBar.debuggingForeground#1F2335
statusBar.foreground#bcb28d
statusBar.noFolderBackground#1F2335
statusBar.noFolderForeground#bcb28d
tab.activeBackground#30395d
tab.activeBorder#ec6c45
tab.activeForeground#ec6c45
tab.border#31333b
tab.hoverBackground#282b31
tab.inactiveBackground#2a2f44
tab.inactiveForeground#bcb28d66
terminal.ansiBlack#2c5a65
terminal.ansiBlue#40c4ff
terminal.ansiBrightBlack#666666
terminal.ansiBrightBlue#40c4ff
terminal.ansiBrightCyan#93a1a1
terminal.ansiBrightGreen#5c8490
terminal.ansiBrightMagenta#646695
terminal.ansiBrightRed#e6844f
terminal.ansiBrightWhite#fdf6e3
terminal.ansiBrightYellow#657b83
terminal.ansiCyan#69b0ac
terminal.ansiGreen#24936e
terminal.ansiMagenta#e03c8a
terminal.ansiRed#E03C8A
terminal.ansiWhite#eee8d5
terminal.ansiYellow#e6844f
terminal.background#1F2335
terminal.foreground#bcb28d
terminalCursor.background#eee8d5
terminalCursor.foreground#657b83
titleBar.activeBackground#1F2335
titleBar.activeForeground#bcb28d
titleBar.inactiveBackground#31343c
titleBar.inactiveForeground#707C74

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
emphasis	—	italic
strong	—	bold
header	#000080	—
comment	#707C74	italic
constant.language	#40c4ff	—
constant.numeric	#986DB2	—
constant.regexp	#646695	—
entity.name.tag	#E03C8A	—
entity.name.tag.css	#E03C8A	—
entity.other.attribute-name	#E6844F	—
entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss	#E03C8A	—
entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css	#6796e6	—
invalid	#f44747	—
markup.underline	—	underline
markup.bold	#40c4ff	bold
markup.heading	#E03C8A	bold
markup.italic	—	italic
markup.inserted	#b5cea8	—
markup.deleted	#ce9178	—
markup.changed	#40c4ff	—
beginning.punctuation.definition.quote.markdown	#608b4e	—
beginning.punctuation.definition.list.markdown	#6796e6	—
markup.inline.raw	#E6844F	—
meta.selector	#d7ba7d	—
punctuation.definition.tag	#808080	—
meta.preprocessor	#40c4ff	—
meta.preprocessor.string	#ce9178	—
meta.preprocessor.numeric	#b5cea8	—
meta.diff.header	#40c4ff	—
storage	#40c4ff	—
storage.type	#E03C8A	—
storage.modifier	#00aeff	—
string	#66A866	—
string.tag	#ce9178	—
string.value	#ce9178	—
string.regexp	#d16969	—
punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts, punctuation.definition.template-expression.end.js	#40c4ff	—
support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less	#E6844F	—
keyword	#E03C8A	—
keyword.operator	#B9B3B3	—
keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof	#40c4ff	—
keyword.other.unit	#E03C8A	—
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php	#40c4ff	—
support.function.git-rebase	#9cdcfe	—
constant.sha.git-rebase	#b5cea8	—
keyword.other.import.dart	#ff4081	—
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java	#d4d4d4	—
variable.language	#E03C8A	italic
entity.name.function, support.function, support.constant.handlebars	#ce7dfd	—
meta.return-type, support.type, entity.name.type, entity.name.class, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy	#40c4ff	—
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class	#4EC9B0	—
keyword.control	#40c4ff
keyword.control.import	#ff4081
keyword.operator.assignment	#bcb28d	—
meta.definition.variable.name, support.variable	#bcb28d	—
meta.object-literal.key, meta.object-literal.key entity.name.function	#E6844F	—
entity.other.attribute-name, meta.tag.attributes	#fb8c00	—
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color	#bcb28d	—
variable, entity.name.type, entity.other.inherited-class, keyword.operator, keyword.operator.arithmetic	#E6844F	—
support.class.dart	#ec6c45	—
keyword.declaration.dart	#ff2b72	italic bold
string, string.regexp, keyword.operator	#66A866	—
keyword.control	#40c4ff	—
entity.name.type.module.js, entity.name.type.module.js.jsx, entity.other.inherited-class.js, entity.other.inherited-class.js.jsx	—	italic
keyword.operator.new	#49f59f	italic
constant.numeric	#DDA52D	—
markup.underline.link.markdown	#40c4ff	—
meta.separator.markdown, punctuation.definition.list.begin.markdown	#DDA52D	—
keyword.operator.accessor.js, keyword.operator.assignment.js	#bcb28d	—
meta.function-call.generic.python, meta.function-call.python, keyword.operator.logical.python, constant.other.caps.python, entity.other.inherited-class.python	#40c4ff	—
meta.function-call.arguments.python, meta.item-access.python, punctuation.definition.decorator.python, variable.language.special.self.python	#E6844F	—
storage.type.function.python, storage.type.class.python, keyword.control.flow.python	#E03C8A	—
storage.type.annotation.dart	#00e676	italic
punctuation.separator.arguments.python, punctuation.separator.element.python, punctuation.separator.period.python, keyword.operator.assignment.python, keyword.operator.python, meta.attribute.python	#bcb28d	—
meta.structure.dictionary.key.python	#9cdcfe	—
string.quoted.docstring.multi.python	#707C74	—
punctuation.definition.string.begin.python, punctuation.definition.string.end.python	#66A866	—

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

export interface User {
  id: string;
  name: string;
  role: "admin" | "member";
  tags: string[];
}

/**
 * Fetch user data by ID
 * @param id  
 * @returns User object or null if ID is invalid
 */
export async function fetchUser(id: string): Promise<User | null> {
  if (!id) {
    return null;
  }

  const response = await fetch(`/api/users/${id}`, {
    method: "GET",
    headers: { Accept: "application/json" },
  });

  if (!response.ok) {
    throw new Error(`HTTP ${response.status}`);
  }

  return (await response.json()) as User;
}

function greet(user: User): string {
  // Simple greeting function that uses the user's name
  return `Hello, ${user.name}!`;
}