Cyan Theme Fork
Publisher: HanabiraaThemes in package: 1
Fork colour theme from JetBrains Cyan Light Theme (original author https://github.com/OlyaB/CyanTheme)
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#e4e6eb
- activityBar.border#bec5cd
- activityBar.foreground#1d1d1d
- editor.background#eef0f4
- editor.findMatchBackground#b8dde0
- editor.findMatchBorder#000000
- editor.findMatchHighlightBackground#b8e6c7c0
- editor.foreground#262626
- editor.lineHighlightBackground#c3d6e75e
- editor.rangeHighlightBackground#ffffff00
- editor.selectionBackground#b8dde0
- editor.wordHighlightBackground#ccccff85
- editor.wordHighlightStrongBackground#ffcdffc5
- editorLineNumber.activeForeground#a4a6a8
- editorLineNumber.dimmedForeground#a4a6a8
- editorLineNumber.foreground#a4a6a8
- foreground#1d1d1d
- list.activeSelectionBackground#3eb2c2
- list.activeSelectionIconForeground#ffffff
- list.inactiveSelectionBackground#d0d5db
- menu.background#e4e6eb
- menu.selectionBackground#3eb2c2
- panelTitle.activeBorder#29abcb
- scrollbarSlider.activeBackground#ced2d9
- scrollbarSlider.background#e4e6eb
- scrollbarSlider.hoverBackground#ced2d9
- sideBar.background#e4e6eb
- sideBar.border#bec5cd
- statusBar.background#e4e6eb
- statusBar.border#b9bdc999
- statusBar.foreground#262626
- statusBarItem.remoteBackground#e4e6eb
- statusBarItem.remoteForeground#262626
- tab.activeBorder#29abcb
- tab.border#bec5cd
- tab.hoverBackground#b9bdc999
- tab.inactiveBackground#e4e6eb
- titleBar.activeBackground#e4e6eb
- titleBar.inactiveBackground#f2f3f7
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.link.reference, markup.underline.link | #185B9E | — |
| constant.numeric | #0073E6 | — |
| constant.character.escape, constant.language | #000080 | — |
| string | #00733B | — |
| keyword | #000080 | — |
| keyword.other.definition | #0073E6 | — |
| comment | #808080 | — |
| storage | #000080 | — |
| entity.name.section.group-title, entity.name.tag.localname | #000080 | — |
| entity.other.attribute-name.localname | #0073E6 | — |
| entity.other.attribute-name.namespace | #660E7A | — |
| variable.language, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #94558D | — |
| support.type.property-name | #660E7A | — |
| punctuation.definition.decorator.python | #262626 | — |
| entity.name.function.decorator.python, meta.function.decorator.python | #808000 | — |
| variable.parameter.function-call.python | #660099 | — |
| string.quoted.docstring.multi.python, string.quoted.docstring.single.python | #808080 | italic |
| storage.type.string.python | #00733B | — |
| constant.character.format.placeholder.other.python | #000080 | — |
| support.type.python, support.function.builtin.python | #000080 | — |
| support.function.magic.python, support.variable.magic.python | #B200B2 | — |
| string.quoted.binary.single.python, storage.type.string.python string.quoted.binary.single.python | #8A822D | — |
| markup.heading.setext.1.markdown, markup.heading.setext.2.markdown | #660E7A | — |
| markup.bold.markdown | — | bold |
| punctuation.definition.bold.markdown | #000080 | — |
| markup.italic.markdown | — | italic |
| punctuation.definition.italic.markdown | #000080 | — |
| markup.strikethrough.markdown | — | strikethrough |
| heading.1.markdown, heading.2.markdown, heading.3.markdown, heading.4.markdown, heading.5.markdown, heading.6.markdown | #660E7A | — |
| markup.fenced_code.block.markdown, markup.inline.raw.string.markdown, markup.raw.block.markdown, markup.quote.markdown | #00733B | — |
| meta.separator.markdown, punctuation.definition.table.markdown | #000080 | — |
| source.ini | #00733B | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...