Cerulean

Name: Cerulean
Author: Owen Williams

Publisher: Owen WilliamsThemes in package: 2

An elegant blue color theme with Light and Dark variants.

Open in VS Code GitHub

Color themes

VS Code preview

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

Cerulean — Cerulean 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.activeBorder#444aab
activityBar.background#dcdce2
activityBar.border#e7e7e7
activityBar.foreground#46627b
activityBar.inactiveForeground#14222f
activityBarBadge.background#074d7b
activityBarBadge.foreground#ffffff
breadcrumb.background#f9f9f9
editor.background#fdfdff
editor.findMatchBackground#37a2e9bd
editor.findMatchHighlightBackground#b5c3ccc6
editor.foreground#14222f
editor.lineHighlightBackground#f1f5f7
editor.rangeHighlightBackground#e1e5e7c6
editor.selectionBackground#5994d07e
editor.selectionForeground#0e1013
editor.selectionHighlightBackground#9ca9b67e
editor.wordHighlightBackground#376b9f55
editor.wordHighlightStrongBackground#376b9f55
editorBracketHighlight.foreground1#14222f
editorBracketHighlight.foreground2#0391ea
editorBracketHighlight.foreground3#8e05e3
editorBracketHighlight.foreground4#019875
editorBracketHighlight.foreground5#a37002
editorBracketHighlight.foreground6#9f9c02
editorGutter.background#efeff0
editorIndentGuide.activeBackground#d7dbe0
editorIndentGuide.background#eeeeee
editorLineNumber.activeForeground#24292e
editorLineNumber.foreground#165696d0
editorPane.background#f9f9f9
foreground#121619
panel.border#e7e7e7
panelTitle.activeBorder#007acc
sideBarSectionHeader.border#e7e7e7
statusBar.background#dcdce2
statusBar.foreground#14222f
statusBarItem.remoteBackground#dcdce2
statusBarItem.remoteForeground#14222f
tab.activeBackground#ced1d5
tab.activeForeground#000
tab.inactiveBackground#efeff0
tab.unfocusedActiveBackground#e5e5e5
tab.unfocusedActiveForeground#424751
tab.unfocusedInactiveForeground#667182
terminal.border#e7e7e7
tree.indentGuidesStroke#c8c8c8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#50616f	italic
variable, string constant.other.placeholder	—	bold
meta.block variable.other	—	bold
support.other.variable, string.other.link	—	bold
storage.type, storage.modifier	#145c89	bold
keyword., keyword.control, constant.other.color, meta.tag, keyword.other.template, keyword.other.substitution	#2677a9	bold
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	—	bold
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#2a5c8a	bold
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#1b5173	—
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#1b5173	—
support.type	#2677a9	—
variable.language	—	italic
entity.name.method.js	—	italic
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	—	italic
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	—	italic
source.js constant.other.object.key.js string.unquoted.label.js	—	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#204973	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#204973	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#204973	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#204973	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#204973	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#204973	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#204973	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#204973	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#204973	—
markup.italic	—	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
markup.strike	—	strike
markup.quote punctuation.definition.blockquote.markdown	#204973	—
markup.quote	—	italic
meta.separator	—	bold