Celadon Theme
Publisher: Alif NaufalThemes in package: 1
Soft pastel dark theme with jade tones
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#1b2222
- activityBar.foreground#75c2b3
- activityBarBadge.background#75c2b3
- button.background#222b2b
- button.foreground#75c2b3
- button.hoverBackground#2d3838
- editor.background#1b2222
- editor.foreground#cedddd
- editor.lineHighlightBackground#222b2b
- editor.selectionBackground#38615b
- editorBracketMatch.background#2d3838
- editorBracketMatch.border#75c2b3
- editorCursor.foreground#75c2b3
- editorGroupHeader.tabsBackground#1b2222
- editorGroupHeader.tabsBorder#2d3838
- editorGutter.background#1b2222
- editorIndentGuide.activeBackground1#518c83
- editorIndentGuide.background1#2d3838
- focusBorder#518c83
- input.background#222b2b
- input.border#2d3838
- input.foreground#cedddd
- input.placeholderForeground#5c7070
- list.activeSelectionBackground#38615b
- list.activeSelectionForeground#cedddd
- list.hoverBackground#2d3838
- list.inactiveSelectionBackground#222b2b
- menubar.selectionBackground#2d3838
- scrollbarSlider.activeBackground#75c2b3
- scrollbarSlider.background#2d3838
- scrollbarSlider.hoverBackground#5c7070
- sideBar.background#1b2222
- sideBar.border#2d3838
- sideBar.foreground#cedddd
- sideBarSectionHeader.background#222b2b
- sideBarSectionHeader.border#2d3838
- sideBarSectionHeader.foreground#cedddd
- sideBarTitle.foreground#75c2b3
- statusBar.background#1b2222
- statusBar.border#2d3838
- statusBar.foreground#cedddd
- tab.activeBackground#2d3838
- tab.activeBorderTop#75c2b3
- tab.activeForeground#75c2b3
- tab.border#2d3838
- tab.inactiveBackground#1b2222
- tab.inactiveForeground#5c7070
- terminal.ansiBlack#1b2222
- terminal.ansiBlue#62abe3
- terminal.ansiBrightYellow#C1B374
- terminal.ansiCyan#509fb3
- terminal.ansiGreen#B4E380
- terminal.ansiMagenta#8c74a8
- terminal.ansiRed#e66e6e
- terminal.ansiWhite#cedddd
- terminal.ansiYellow#C1B374
- terminal.background#1b2222
- terminal.foreground#cedddd
- titleBar.activeBackground#1b2222
- titleBar.activeForeground#cedddd
- titleBar.border#2d3838
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| variable, variable.other, variable.declaration, variable.parameter, meta.definition.variable, string constant.other.placeholder, text.variable, variable.parameter.java, variable.other.definition.java | #cedddd | — |
| punctuation, meta.brace, punctuation.definition.parameters, punctuation.definition.arguments, punctuation.definition.template-expression, punctuation.section.block, punctuation.section.group, punctuation.section.array, punctuation.separator, punctuation.terminator, meta.delimiter, punctuation.definition.keyword, punctuation.separator.period.python, punctuation.separator.element.python, punctuation.separator.colon.python, punctuation.separator.annotation.python, punctuation.separator.annotation.result.python, punctuation.parenthesis.begin, punctuation.parenthesis.end, punctuation.bracket.begin, punctuation.bracket.end, punctuation.curlybrace.begin, punctuation.curlybrace.end | #cedddd | — |
| comment, punctuation.definition.comment | #5c7070 | italic |
| string | #b797de | — |
| constant.numeric | #FFA245 | — |
| keyword, storage.type, storage.modifier, constant.language, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike, keyword.other.sql, keyword.other.create.sql, keyword.other.DML.sql, keyword.other.LUW.sql, keyword.other.authorization.sql, keyword.other.data-integrity.sql, keyword.other.object-comments.sql, keyword.other.alias.sql, keyword.other.order.sql, keyword.operator.star.sql, keyword.operator.comparison.sql, keyword.operator.math.sql, keyword.operator.concatenator.sql, keyword.control.java, keyword.control.throw.java, keyword.control.ternary.java, keyword.operator.instanceof.java, keyword.operator.assignment.java, keyword.operator.arithmetic.java, keyword.operator.logical.java, keyword.operator.bitwise.java, keyword.operator.increment-decrement.java, keyword.control.import.ts, keyword.control.import.tsx, keyword.control.from.ts, keyword.control.from.tsx, keyword.control.export.ts, keyword.control.export.tsx | #EDA1D6 | bold |
| constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.python | #EDA1D6 | — |
| keyword.operator, keyword.operator.logical.ts, keyword.operator.logical.tsx, keyword.operator.arithmetic.ts, keyword.operator.arithmetic.tsx, keyword.operator.comparison.ts, keyword.operator.comparison.tsx, keyword.operator.assignment.ts, keyword.operator.assignment.tsx, keyword.operator.relational.ts, keyword.operator.relational.tsx, storage.type.function.arrow.ts, storage.type.function.arrow.tsx, keyword.operator.arithmetic.python, keyword.operator.assignment.python, keyword.operator.comparison.python, keyword.operator.logical.python, keyword.operator.bitwise.python, keyword.operator.format.specifier.python | #cedddd | |
| entity.name.type, entity.name.class, support.type, support.class, entity.name.namespace, entity.name.type.class.ts, entity.name.type.class.tsx, entity.name.type.interface.ts, entity.name.type.interface.tsx, entity.name.type.enum.ts, entity.name.type.enum.tsx, storage.type.sql, entity.name.type.class.java, entity.name.type.enum.java, entity.name.type.record.java, storage.type.java, storage.type.primitive.java, storage.type.primitive.array.java, storage.type.object.array.java, storage.type.generic.java, entity.name.type.class.js, entity.name.type.class.python | #5ecfeb | — |
| entity.name.function, meta.function-call, variable.function, support.function, entity.name.type.class, support.class, entity.name.class, entity.name.type, support.function.aggregate.sql, support.function.analytic.sql, support.function.bitmanipulation.sql, support.function.conversion.sql, support.function.collation.sql, support.function.cryptographic.sql, support.function.cursor.sql, support.function.datetime.sql, support.function.datatype.sql, support.function.expression.sql, support.function.globalvar.sql, support.function.json.sql, support.function.logical.sql, support.function.mathematical.sql, support.function.metadata.sql, support.function.ranking.sql, support.function.rowset.sql, support.function.security.sql, support.function.string.sql, support.function.system.sql, support.function.textimage.sql, support.function.vector.sql, entity.name.function.java | #75C2B3 | — |
| variable.other.member, variable.other.property, variable.other.object.property, variable.other.readwrite.instance, variable.other.readwrite.property, support.type.property-name, entity.other.attribute-name, variable.other.object.property.java, variable.other.property.java, variable.other.object.java, variable.other.readwrite.instance.java | #509fb3 | — |
| variable.other.constant, variable.other.static, variable.readonly, constant.other, variable.other.constant.js, variable.other.constant.ts, variable.other.constant.tsx | #62abe3 | italic |
| entity.name.type.go, entity.name.type, source.go entity.name.type, source.go entity.name.class, storage.type.struct.go, storage.type.interface.go | #5ecfeb | — |
| variable.language.this.java, storage.modifier.import.java, storage.modifier.package.java, keyword.other.import.java, keyword.other.package.java, variable.other.static.java, variable.other.static.field.java | #509fb3 | — |
| entity.name.type.class.php, support.class.php | #5ecfeb | — |
| variable.language.special.self.python, variable.language.special.cls.python, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #5ecfeb | — |
| support.function.magic.python, support.variable.magic.python | #EDA1D6 | bold |
| meta.function.parameters.annotation.python, support.type.python | #b797de | — |
| entity.other.inherited-class.ruby, entity.name.type.class.ruby, support.class.ruby | #5ecfeb | — |
| constant.language.symbol.ruby, constant.language.symbol.hashkey.ruby | #509fb3 | — |
| meta.annotation, meta.decorator, entity.name.function.decorator, storage.type.annotation, meta.function.decorator.python, entity.name.function.decorator.python, punctuation.definition.decorator.python, meta.declaration.annotation.java, storage.type.annotation.java | #B4E380 | — |
| entity.name.tag, meta.tag.sgml, entity.name.tag.js, entity.name.tag.tsx, entity.name.tag.html, punctuation.definition.tag.begin.tsx, punctuation.definition.tag.end.tsx | #EDA1D6 | — |
| entity.other.attribute-name.js, entity.other.attribute-name.tsx, entity.other.attribute-name.html, entity.other.attribute-name.directive.ts, entity.other.attribute-name.directive.tsx, entity.other.attribute-name.handlebars | #509fb3 | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less | #cedddd | — |
| string.regexp, string.regexp keyword, string.regexp keyword.control, string.regexp keyword.operator | #62abe3 | — |
| markup.bold, punctuation.definition.bold, markup.italic, punctuation.definition.italic, markup.heading, punctuation.definition.heading, entity.name.section, markup.quote, markup.inline.raw, markup.fenced_code.block, markup.underline.link, string.other.link | #75C2B3 | — |
| entity.name.tag.yaml, meta.object-literal.key, punctuation.support.type.property-name | #75c2b3 | — |
| comment.todo, comment.note, comment.warning, todo, storage.type.class.todo, punctuation.definition.comment.todo | #cfe68a | bold |