Tidelight Theme Pack
Publisher: Slow Clap SoftwareThemes in package: 10
Tidelight is a VS Code theme family with a cyan-led palette and clean, balanced contrast.
Color themes
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.background#e5e7eb
- activityBar.border#cbd5e1
- activityBar.foreground#020617
- activityBar.inactiveForeground#334155
- badge.background#0e7490
- badge.foreground#ffffff
- descriptionForeground#0f172a
- dropdown.background#f8fafc
- dropdown.border#cbd5e1
- dropdown.foreground#020617
- editor.background#ffffff
- editor.findMatchBackground#f59e0b5c
- editor.findMatchHighlightBackground#f59e0b33
- editor.foreground#020617
- editor.hoverHighlightBackground#0e749018
- editor.inactiveSelectionBackground#0e749020
- editor.lineHighlightBackground#02061708
- editor.selectionBackground#0e74902b
- editor.wordHighlightBackground#0284c733
- editor.wordHighlightStrongBackground#0284c755
- editorBracketMatch.background#0e74901f
- editorBracketMatch.border#0e749066
- editorCursor.foreground#0e7490
- editorGroupHeader.tabsBackground#e5e7eb
- editorIndentGuide.activeBackground1#475569
- editorIndentGuide.background1#cbd5e1
- editorLineNumber.activeForeground#0f172a
- editorLineNumber.foreground#475569
- editorOverviewRuler.errorForeground#9f1239cc
- editorOverviewRuler.infoForeground#1d4ed8cc
- editorOverviewRuler.warningForeground#a16207cc
- errorForeground#9f1239
- focusBorder#0e7490
- foreground#020617
- gitDecoration.addedResourceForeground#166534
- gitDecoration.deletedResourceForeground#9f1239
- gitDecoration.ignoredResourceForeground#475569
- gitDecoration.modifiedResourceForeground#1d4ed8
- gitDecoration.untrackedResourceForeground#0e7490
- input.background#f8fafc
- input.border#cbd5e1
- input.foreground#020617
- input.placeholderForeground#334155
- list.activeSelectionBackground#0e74902b
- list.activeSelectionForeground#020617
- list.hoverBackground#0206170a
- list.hoverForeground#020617
- list.inactiveSelectionBackground#02061708
- notificationCenterHeader.background#e5e7eb
- notifications.background#f8fafc
- notifications.border#cbd5e1
- notifications.foreground#020617
- panel.background#ffffff
- panel.border#cbd5e1
- sideBar.background#e5e7eb
- sideBar.border#cbd5e1
- sideBar.foreground#020617
- sideBarTitle.foreground#020617
- statusBar.background#e5e7eb
- statusBar.border#cbd5e1
- statusBar.debuggingBackground#1d4ed8
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#020617
- tab.activeBackground#ffffff
- tab.activeBorderTop#0e7490
- tab.activeForeground#020617
- tab.border#cbd5e1
- tab.inactiveBackground#e5e7eb
- tab.inactiveForeground#0f172a
- terminal.ansiBlack#020617
- terminal.ansiBlue#1d4ed8
- terminal.ansiCyan#0e7490
- terminal.ansiGreen#166534
- terminal.ansiMagenta#a21caf
- terminal.ansiRed#9f1239
- terminal.ansiWhite#0f172a
- terminal.ansiYellow#a16207
- terminal.background#ffffff
- terminal.foreground#020617
- terminalCursor.foreground#0e7490
- titleBar.activeBackground#e5e7eb
- titleBar.activeForeground#020617
- titleBar.inactiveBackground#e5e7eb
- titleBar.inactiveForeground#334155
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #334155 | italic |
| string, punctuation.definition.string | #166534 | — |
| string.template, punctuation.definition.template-expression, punctuation.section.embedded, meta.template.expression | #0e7490 | — |
| constant.numeric | #a16207 | — |
| constant.language | #a21caf | — |
| keyword, storage.type, storage.modifier, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical | #0e7490 | — |
| keyword.operator, punctuation, meta.brace, meta.delimiter | #0f172a | — |
| entity.name.function, support.function, meta.function-call, meta.method-call | #1d4ed8 | — |
| variable.parameter, meta.parameters, meta.function.parameters | #020617 | — |
| variable, meta.definition.variable, entity.name.variable | #020617 | — |
| variable.other.constant, entity.name.constant | #a16207 | — |
| entity.name.type, support.type, support.class, entity.name.class, entity.name.interface, entity.name.struct, entity.name.enum | #312e81 | — |
| entity.name.type.parameter, meta.type.parameters, meta.type.annotation | #0e7490 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #0e7490 | — |
| variable.language.this, variable.language.super, variable.language.self | #a21caf | — |
| variable.other.property, support.variable.property | #4338ca | — |
| entity.name.tag | #0e7490 | — |
| entity.other.attribute-name | #312e81 | — |
| invalid, invalid.deprecated | #9f1239 | underline |
| support.type.property-name.json, meta.object-literal.key.json string.quoted.double.json, meta.object.member.json string.quoted.double.json | #4338ca | — |
| meta.object-literal.value.json string.quoted.double.json, meta.array.literal.json string.quoted.double.json, string.quoted.double.json | #166534 | — |
| constant.numeric.json | #a16207 | — |
| constant.language.boolean.json, constant.language.null.json, constant.language.json | #a21caf | — |
| punctuation.support.type.property-name.json, punctuation.separator.dictionary.key-value.json, punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json, punctuation.definition.array.begin.json, punctuation.definition.array.end.json, punctuation.separator.array.json | #0f172a | — |
| markup.heading, entity.name.section.markdown, markup.heading.markdown punctuation.definition.heading.markdown | #0e7490 | bold |
| markup.bold, punctuation.definition.bold | #020617 | bold |
| markup.italic, punctuation.definition.italic | #020617 | italic |
| markup.inline.raw, markup.inline.raw.string.markdown | #166534 | — |
| markup.fenced_code.block, markup.raw.block | #020617 | — |
| markup.underline.link, meta.link.inline, meta.link.reference | #1d4ed8 | underline |
| markup.inserted, diff.inserted, meta.diff.header.to-file | #166534 | — |
| markup.deleted, diff.deleted, meta.diff.header.from-file | #9f1239 | — |
| markup.changed, diff.changed | #a16207 | — |
| comment.keyword.todo, comment.keyword.fixme, comment.keyword.note, keyword.other.todo, keyword.other.fixme, keyword.other.note | #a16207 | bold |
| string.regexp, string.regexp keyword.other, string.regexp punctuation.definition.string, string.regexp punctuation.definition.group, string.regexp punctuation.definition.character-class, string.regexp constant.character.escape | #0e7490 | — |