Hyperlink Theme
Publisher: Nik KaleThemes in package: 1
A dark theme with great colors, inspired by Stef Kors' Hyperlink theme for Nova editor.
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#1C2639
- activityBar.border#414D64
- activityBar.foreground#ffffff
- badge.background#FDD46B
- badge.foreground#1C2639
- button.background#28344B
- button.foreground#ffffff
- button.hoverBackground#FDD46B
- button.hoverForeground#1C2639
- button.secondaryBackground#28344B
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#B8E97B
- dropdown.background#28344B
- dropdown.border#414D64
- dropdown.foreground#ffffff
- editor.background#1C2639
- editor.foreground#ffffff
- editor.lineHighlightBackground#28344B
- editor.selectionBackground#28344B
- editorCursor.foreground#ffffff
- editorIndentGuide.activeBackground#414D64
- editorIndentGuide.background#414D64
- editorLineNumber.activeForeground#ffffff
- editorLineNumber.foreground#28344B
- editorWhitespace.foreground#414D64
- focusBorder#414D64
- input.background#28344B
- input.border#414D64
- input.foreground#ffffff
- inputOption.activeBorder#FDD46B
- list.activeSelectionBackground#28344B
- list.activeSelectionForeground#ffffff
- list.hoverBackground#28344B
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#28344B
- list.inactiveSelectionForeground#ffffff
- panel.background#1C2639
- panel.border#414D64
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#A8ADB7
- progressBar.background#FDD46B
- sideBar.background#1C2639
- sideBar.border#414D64
- sideBar.foreground#ffffff
- statusBar.background#1C2639
- statusBar.border#414D64
- statusBar.foreground#ffffff
- terminal.ansiBlack#1C2639
- terminal.ansiBlue#53E0FC
- terminal.ansiBrightBlack#28344B
- terminal.ansiBrightBlue#53E0FC
- terminal.ansiBrightCyan#53E0FC
- terminal.ansiBrightGreen#B8E97B
- terminal.ansiBrightMagenta#C67BE9
- terminal.ansiBrightRed#F08261
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#FDD46B
- terminal.ansiCyan#53E0FC
- terminal.ansiGreen#B8E97B
- terminal.ansiMagenta#C67BE9
- terminal.ansiRed#F08261
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#FDD46B
- terminal.background#1C2639
- terminal.foreground#ffffff
- textLink.activeForeground#FDD46B
- textLink.foreground#FDD46B
- titleBar.activeBackground#1C2639
- titleBar.activeForeground#ffffff
- titleBar.border#414D64
- titleBar.inactiveBackground#1C2639
- titleBar.inactiveForeground#A8ADB7
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #A8ADB7 | — |
| meta.preprocessor | #A8ADB7 | — |
| keyword, storage, storage.type, keyword.control | #FDD46B | — |
| punctuation.definition, punctuation.section, meta.brace, punctuation.accessor, punctuation.separator | #ffffff | — |
| keyword.operator | #ffffff | — |
| invalid, invalid.illegal | #ffffff | — |
| meta.link | #FDD46B | — |
| constant.language.boolean | #FDD46B | — |
| constant.language.null | #FDD46B | — |
| constant.numeric | #FDD46B | — |
| entity.name | #FDD46B | — |
| constant.other.symbol | #FDD46B | — |
| entity.name.type, entity.name.class, support.type, support.class | #53E0FC | bold |
| variable.other, support.variable | #F08261 | — |
| variable.other.global | #F08261 | — |
| entity.name.function, meta.method-call entity.name.function, meta.function-call entity.name.function | #B8E97B | — |
| support.function | #B8E97B | — |
| variable.other.property, entity.name.method, meta.decorator | #C67BE9 | — |
| support.variable.property | #C67BE9 | — |
| meta.object-literal.key | #FDD46B | — |
| variable.parameter | #F08261 | — |
| string, string.quoted, string.template | #FDD46B | — |
| meta.object-literal.key string | #53E0FC | — |
| string.regexp | #53E0FC | — |
| constant.character.escape.regexp | #B8E97B | — |
| string.unquoted.cdata | #FDD46B | — |
| markup.heading | #FDD46B | — |
| markup.underline | #B8E97B | — |
| markup.bold | #53E0FC | bold |
| markup.italic | #B8E97B | italic |
| markup.strikethrough | #F08261 | strikethrough |
| markup.list | #53E0FC | — |
| markup.fenced_code, markup.inline.raw | #F08261 | — |
| entity.name.tag | #53E0FC | — |
| entity.name.tag.custom, entity.name.tag.other | #B8E97B | — |
| entity.other.attribute-name | #FDD46B | — |
| string.quoted.double.html | #F08261 | — |
| string.quoted.double.html meta.attribute-with-value.href | #C67BE9 | — |
| keyword.control.at-rule | #F08261 | — |
| entity.name.tag.css | #53E0FC | — |
| entity.other.attribute-name.id.css, punctuation.definition.entity.css | #B8E97B | — |
| entity.other.attribute-name.class.css | #FDD46B | — |
| entity.other.attribute-name.pseudo-class.css | #F08261 | — |
| entity.other.attribute-name.pseudo-element.css | #B8E97B | — |
| support.type.property-name.css | #53E0FC | — |
| constant.numeric.css | #F08261 | — |
| support.constant.color.w3c-standard-color-name.css, constant.other.color.rgb-value.css | #C67BE9 | — |
| constant.other.color.rgb-value.hex.css | #C67BE9 | — |
| support.constant.property-value.css | #FDD46B | — |