Tinlion Theme
Publisher: kdanknessThemes in package: 1
Tinlion Theme
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.activeBorder#4dffbb
- activityBar.background#031d16
- activityBar.foreground#abf3ab
- activityBar.inactiveForeground#65916595
- activityBarBadge.background#18b8a2
- activityBarBadge.foreground#0d3d0d
- badge.background#21222c
- badge.foreground#bbd1dd
- button.background#1bb991b7
- button.foreground#2f574d
- button.hoverBackground#168b6e
- dropdown.background#0f444083
- dropdown.border#0f444083
- dropdown.foreground#1bb991
- editor.background#051F20
- editor.findMatchHighlightBackground#003030dc
- editor.foldBackground#00303050
- editor.foreground#50c998
- editor.hoverHighlightBackground#496b58e8
- editor.inactiveSelectionBackground#535f5f6b
- editor.lineHighlightBackground#00303050
- editor.rangeHighlightBackground#002020dc
- editor.selectionBackground#214641
- editorGroupHeader.tabsBackground#163832
- editorHoverWidget.background#21222c
- editorHoverWidget.border#63d1bf
- editorHoverWidget.foreground#bbd1dd
- editorIndentGuide.activeBackground1#2e4238
- editorLineNumber.foreground#72A097
- editorWidget.background#031d16
- editorWidget.border#214124
- editorWidget.foreground#3cbb91
- focusBorder#11f19449
- gitDecoration.addedResourceForeground#07fc89
- gitDecoration.conflictingResourceForeground#e4b6cbc5
- gitDecoration.deletedResourceForeground#f15b56
- gitDecoration.ignoredResourceForeground#5a9281bd
- gitDecoration.modifiedResourceForeground#07fc89
- gitDecoration.submoduleResourceForeground#6a737d
- gitDecoration.untrackedResourceForeground#5ac3f3c9
- input.background#031d19
- input.foreground#bbd1dd
- list.activeSelectionBackground#00303050
- list.activeSelectionForeground#84f0a8
- list.dropBackground#002828
- list.focusBackground#00303050
- list.highlightForeground#91f091
- list.hoverBackground#00303050
- list.inactiveSelectionBackground#002020
- list.inactiveSelectionForeground#4dffbb
- menu.background#0B2B26
- menu.foreground#daf1deaf
- menu.selectionBackground#235347
- menu.selectionForeground#8eB69B
- menubar.selectionBackground#235347af
- minimap.selectionHighlight#33cc33a4
- peekViewEditor.background#124b33
- peekViewEditor.matchHighlightBackground#488084
- peekViewEditorGutter.background#21222c
- progressBar.background#844848
- scrollbar.shadow#021611
- scrollbarSlider.activeBackground#354d35
- scrollbarSlider.background#0a352f99
- scrollbarSlider.hoverBackground#0b4729
- selection.background#689d6a80
- settings.headerForeground#33cc33
- settings.modifiedItemIndicator#a64dff
- sideBar.background#0B2B26
- sideBar.foreground#b9fadcab
- sideBarTitle.foreground#abf5ab
- statusBar.background#055548
- statusBar.debuggingBackground#0bbd90
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#163832
- statusBar.noFolderForeground#33cc33
- tab.activeBackground#051F20
- tab.activeForeground#4dffbb
- tab.border#05554821
- tab.inactiveBackground#0B2B26
- tab.inactiveForeground#aefdc2bb
- tab.unfocusedActiveBorder#9933ff95
- tab.unfocusedActiveForeground#33cc3395
- tab.unfocusedInactiveForeground#33cc3390
- terminal.ansiBlack#202020
- terminal.ansiBlue#268ad2d5
- terminal.ansiBrightBlack#82aab4
- terminal.ansiBrightBlue#1fada6d8
- terminal.ansiBrightCyan#00ffffc5
- terminal.ansiBrightGreen#32cd32a2
- terminal.ansiBrightMagenta#b366ffd7
- terminal.ansiBrightRed#f3a28d
- terminal.ansiBrightWhite#c4edc4
- terminal.ansiBrightYellow#c8fd37b6
- terminal.ansiCyan#1b9891
- terminal.ansiGreen#1e621e
- terminal.ansiMagenta#9933ffd8
- terminal.ansiRed#f3a28d
- terminal.ansiWhite#b1e7b1
- terminal.ansiYellow#84d68f
- terminal.foreground#9fd3bf
- textLink.activeForeground#00ffc8b2
- textLink.foreground#00ffc8
- titleBar.activeBackground#163832
- titleBar.activeForeground#e7fffdef
- titleBar.border#163832
- titleBar.inactiveBackground#13302a
- titleBar.inactiveForeground#97a7a5cb
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #1b7443 | — |
| variable.other.readwrite.alias | #d5e9257e | — |
| keyword.control.import, string.quoted.single, keyword.control.export | #4cf59886 | — |
| punctuation.separator.comma, punctuation.definition.block | #0cd4ca | — |
| punctuation.decorator, entity.name.function | #0eee7ea6 | — |
| meta.object-literal.key | #ad95dac7 | — |
| constant.language.boolean.true | #02ff02af | italic |
| constant.language.boolean.false | #ff5303c5 | italic strikethrough |
| variable.other.readwrite | #fabefaaf | — |
| meta.brace.square, meta.brace.literal, meta.array.literal | #af85e6 | — |
| storage.type.class | #dfcbfa9a | — |
| entity.name.type.class | #fab595c9 | bold |
| variable.object.property | #9ac7b0e7 | — |
| punctuation.definition.string.template.begin, punctuation.definition.string.template.end, string.template | #fabefa | — |
| constant.numeric.decimal | #f8bc63 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #adab21 | — |
| variable.language.this | #fd7a3e | — |
| punctuation.accessor, variable.other.property | #f7c77fc5 | — |
| string.quoted.single, string.quoted.double | #1fada6 | — |
| support.type.primitive | #a9f85e9d | — |
| storage.type, storage.type.java, punctuation.definition.annotation.java | #2de9cacb | — |
| storage.modifier, support.constant.property-value.css | #f2fc6e94 | — |
| variable.other.object, support.variable.property | #d2f09aa4 | — |
| keyword.operator.arithmetic, constant.numeric.css | #4cf59886 | — |
| entity.other.attribute-name.class.css | #4cf5e7cb | — |
| entity.other.attribute-name.pseudo-class.css | #d0fa9fcb | — |
| support.type.property-name.css | #fce6c6cb | — |
| storage.modifier.import.java | #4cf5e7cb | — |
| string.unquoted.plain.out.yaml | #7cca96fb | — |
| entity.name.tag, punctuation.definition.tag | #4cf5eda4 | — |
| markup.heading, markup.heading.setext | #4dffbb | bold |
| markup.heading.1, markup.heading.setext.1 | #4dffbb | bold |
| markup.heading.2, markup.heading.setext.2 | #50c998 | bold |
| markup.heading.3, markup.heading.setext.3 | #84f0a8 | bold |
| markup.heading.4, markup.heading.setext.4 | #91f091 | bold |
| markup.heading.5, markup.heading.setext.5 | #abf3ab | bold |
| markup.heading.6, markup.heading.setext.6 | #bbd1dd | bold |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.strikethrough | — | strikethrough |
| markup.link, markup.underline.link | #00ffc8 | underline |
| markup.link.label, string.other.link | #00ffc8 | — |
| markup.link.url | #4cf598 | — |
| markup.quote | #72A097 | italic |
| markup.raw, markup.code | #fabefa | — |
| markup.raw.block, markup.code.block | #fabefa | — |
| markup.list | #50c998 | — |
| markup.list.unnumbered, punctuation.definition.list.begin | #4dffbb | — |
| markup.list.numbered, punctuation.definition.list.begin | #50c998 | — |
| markup.inserted | #07fc89 | — |
| markup.deleted | #f15b56 | — |
| markup.changed | #f8bc63 | — |
| meta.diff.header | #4cf5e7 | — |
| markup.table | #50c998 | — |
| markup.table.header | #4dffbb | bold |
| markup.table.separator | #72A097 | — |
| text.html.markdown | #50c998 | — |
| punctuation.definition.begin.markdown, punctuation.definition.end.markdown | #72A097 | — |
| punctuation.definition.list.markdown | #4dffbb | — |
| punctuation.definition.heading.markdown, punctuation.definition.heading.setext.markdown | #4dffbb | — |
| punctuation.definition.quote.markdown | #72A097 | — |
| punctuation.definition.code.markdown | #fabefa | — |
| meta.separator.markdown | #72A097 | bold |