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#0d162b
- activityBar.border#1f2942
- activityBar.foreground#cbd5e1
- activityBar.inactiveForeground#64748b
- badge.background#22d3ee
- badge.foreground#06242b
- descriptionForeground#94a3b8
- dropdown.background#111c33
- dropdown.border#1e293b
- dropdown.foreground#e2e8f0
- editor.background#0f172a
- editor.findMatchBackground#f59e0b33
- editor.findMatchHighlightBackground#f59e0b1f
- editor.foreground#cbd5e1
- editor.hoverHighlightBackground#22d3ee12
- editor.inactiveSelectionBackground#0e749020
- editor.lineHighlightBackground#111c3380
- editor.selectionBackground#0e749033
- editor.wordHighlightBackground#38bdf81a
- editor.wordHighlightStrongBackground#38bdf826
- editorBracketMatch.background#22d3ee1f
- editorBracketMatch.border#22d3ee66
- editorCursor.foreground#22d3ee
- editorGroupHeader.tabsBackground#0f172a
- editorIndentGuide.activeBackground1#334155
- editorIndentGuide.background1#1e293b
- editorLineNumber.activeForeground#94a3b8
- editorLineNumber.foreground#334155
- editorOverviewRuler.errorForeground#fb7185cc
- editorOverviewRuler.infoForeground#38bdf8cc
- editorOverviewRuler.warningForeground#f59e0bcc
- errorForeground#fb7185
- focusBorder#22d3ee
- foreground#cbd5e1
- gitDecoration.addedResourceForeground#a3e635
- gitDecoration.deletedResourceForeground#fb7185
- gitDecoration.ignoredResourceForeground#64748b
- gitDecoration.modifiedResourceForeground#38bdf8
- gitDecoration.untrackedResourceForeground#22d3ee
- input.background#111c33
- input.border#1e293b
- input.foreground#e2e8f0
- input.placeholderForeground#64748b
- list.activeSelectionBackground#0e749033
- list.activeSelectionForeground#e2e8f0
- list.hoverBackground#111c33
- list.hoverForeground#e2e8f0
- list.inactiveSelectionBackground#111c33
- notificationCenterHeader.background#0d162b
- notifications.background#111c33
- notifications.border#1e293b
- notifications.foreground#e2e8f0
- panel.background#0f172a
- panel.border#1f2942
- sideBar.background#080c1a
- sideBar.border#1f2942
- sideBar.foreground#cbd5e1
- sideBarTitle.foreground#e2e8f0
- statusBar.background#0d162b
- statusBar.border#1f2942
- statusBar.debuggingBackground#1d4ed8
- statusBar.debuggingForeground#f8fafc
- statusBar.foreground#cbd5e1
- tab.activeBackground#111c33
- tab.activeBorderTop#22d3ee
- tab.activeForeground#e2e8f0
- tab.border#0f172a
- tab.inactiveBackground#0f172a
- tab.inactiveForeground#94a3b8
- terminal.ansiBlack#0f172a
- terminal.ansiBlue#38bdf8
- terminal.ansiCyan#22d3ee
- terminal.ansiGreen#a3e635
- terminal.ansiMagenta#f472b6
- terminal.ansiRed#fb7185
- terminal.ansiWhite#e2e8f0
- terminal.ansiYellow#f59e0b
- terminal.background#0f172a
- terminal.foreground#cbd5e1
- terminalCursor.foreground#22d3ee
- titleBar.activeBackground#0d162b
- titleBar.activeForeground#cbd5e1
- titleBar.inactiveBackground#0d162b
- titleBar.inactiveForeground#64748b
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #64748b | italic |
| comment.block.documentation, comment.line.documentation, comment.documentation | #7c8aa3 | italic |
| string, punctuation.definition.string | #a3e635 | — |
| string.template, punctuation.definition.template-expression, punctuation.section.embedded, meta.template.expression | #22d3ee | — |
| constant.numeric | #f59e0b | — |
| constant.language | #f472b6 | — |
| keyword, storage.type, storage.modifier, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical | #22d3ee | — |
| keyword.operator, punctuation, meta.brace, meta.delimiter | #94a3b8 | — |
| entity.name.function, support.function, meta.function-call, meta.method-call | #38bdf8 | — |
| variable.parameter, meta.parameters, meta.function.parameters | #e2e8f0 | — |
| variable, meta.definition.variable, entity.name.variable | #e2e8f0 | — |
| variable.other.constant, entity.name.constant | #f59e0b | — |
| entity.name.type, support.type, support.class, entity.name.class, entity.name.interface, entity.name.struct, entity.name.enum | #93c5fd | — |
| entity.name.type.parameter, meta.type.parameters, meta.type.annotation | #22d3ee | — |
| variable.language.this, variable.language.super, variable.language.self | #f472b6 | — |
| variable.other.property, support.variable.property | #a5b4fc | — |
| entity.name.tag | #22d3ee | — |
| entity.other.attribute-name | #93c5fd | — |
| invalid, invalid.deprecated | #fb7185 | underline |
| support.type.property-name.json, meta.object-literal.key.json string.quoted.double.json, meta.object.member.json string.quoted.double.json | #a5b4fc | — |
| meta.object-literal.value.json string.quoted.double.json, meta.array.literal.json string.quoted.double.json, string.quoted.double.json | #a3e635 | — |
| constant.numeric.json | #f59e0b | — |
| constant.language.boolean.json, constant.language.null.json, constant.language.json | #f472b6 | — |
| 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 | #94a3b8 | — |
| markup.heading, markup.heading entity.name, entity.name.section | #22d3ee | bold |
| markup.bold, punctuation.definition.bold | — | bold |
| markup.italic, punctuation.definition.italic | — | italic |
| markup.inline.raw, markup.fenced_code.block, markup.raw.inline | #a3e635 | — |
| markup.underline.link, meta.link.inline, string.other.link, constant.other.reference.link | #38bdf8 | underline |
| meta.diff, meta.diff.header, meta.separator.diff | #94a3b8 | — |
| markup.inserted, meta.diff.range.inserted, meta.diff.header.to-file | #a3e635 | — |
| markup.deleted, meta.diff.range.deleted, meta.diff.header.from-file | #fb7185 | — |
| markup.changed, meta.diff.range.changed | #f59e0b | — |
| comment.keyword.todo, comment.keyword.fixme, keyword.other.todo, keyword.other.fixme, keyword.other.note | #f59e0b | bold |
| string.regexp, string.regexp keyword.operator, string.regexp punctuation.definition, constant.character.escape, constant.other.character-class, constant.other.character-class.regexp | #f472b6 | — |