Fine Art Code
Publisher: RockosrevelationThemes in package: 2
Curated code snippets and a fine-art color theory theme for VS Code & Cursor
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.activeBorder#d4a84b
- activityBar.background#2a1510
- activityBar.foreground#e8ddd0
- activityBar.inactiveForeground#8a7668
- activityBarBadge.background#d4a84b
- activityBarBadge.foreground#2a1510
- badge.background#d4a84b
- badge.foreground#2a1510
- button.background#d4a84b
- button.foreground#2a1510
- button.hoverBackground#e8c87a
- diffEditor.insertedLineBackground#8fbe6e0e
- diffEditor.insertedTextBackground#8fbe6e18
- diffEditor.removedLineBackground#8a33240e
- diffEditor.removedTextBackground#8a332418
- dropdown.background#3a2f26
- dropdown.border#52443a
- editor.background#2e2720
- editor.findMatchBackground#d4a84b40
- editor.findMatchHighlightBackground#d4a84b25
- editor.foreground#e8ddd0
- editor.lineHighlightBackground#3a2f26
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#52443a80
- editor.selectionHighlightBackground#52443a50
- editor.wordHighlightBackground#4d8a6e25
- editor.wordHighlightStrongBackground#4d8a6e45
- editorBracketHighlight.foreground1#d4a84b
- editorBracketHighlight.foreground2#6fa58a
- editorBracketHighlight.foreground3#7aafc4
- editorBracketHighlight.foreground4#8a3324
- editorBracketHighlight.foreground5#e8c87a
- editorBracketHighlight.foreground6#4d8a6e
- editorBracketMatch.background#6fa58a25
- editorBracketMatch.border#6fa58a80
- editorCursor.background#2e2720
- editorCursor.foreground#d4a84b
- editorGutter.addedBackground#8fbe6e
- editorGutter.deletedBackground#8a3324
- editorGutter.modifiedBackground#d4a84b
- editorIndentGuide.activeBackground1#52443a80
- editorIndentGuide.background1#3d302830
- editorLineNumber.activeForeground#c4b49e
- editorLineNumber.foreground#8a7668
- focusBorder#d4a84b
- input.background#3a2f26
- input.border#52443a
- input.foreground#e8ddd0
- input.placeholderForeground#8a7668
- list.activeSelectionBackground#3d3028
- list.activeSelectionForeground#e8ddd0
- list.highlightForeground#d4a84b
- list.hoverBackground#3a2f26
- list.hoverForeground#e8ddd0
- list.inactiveSelectionBackground#3a2f26
- minimap.findMatchHighlight#6fa58a80
- minimap.selectionHighlight#d4a84b80
- minimapGutter.addedBackground#8fbe6e
- minimapGutter.deletedBackground#8a3324
- minimapGutter.modifiedBackground#d4a84b
- notificationCenterHeader.background#2a1510
- notifications.background#3a2f26
- notifications.border#52443a
- panel.background#2a1510
- panel.border#52443a
- panelTitle.activeBorder#d4a84b
- panelTitle.activeForeground#e8ddd0
- panelTitle.inactiveForeground#8a7668
- peekView.border#d4a84b
- peekViewEditor.background#2a1510
- peekViewResult.background#3a2f26
- peekViewResult.matchHighlightBackground#d4a84b40
- peekViewTitle.background#3d3028
- peekViewTitleLabel.foreground#e8ddd0
- scrollbarSlider.activeBackground#52443ac0
- scrollbarSlider.background#52443a40
- scrollbarSlider.hoverBackground#52443a80
- sideBar.background#3a2f26
- sideBar.border#52443a
- sideBar.foreground#c4b49e
- sideBarSectionHeader.background#3d3028
- sideBarSectionHeader.foreground#e8ddd0
- sideBarTitle.foreground#e8ddd0
- statusBar.background#2a1510
- statusBar.border#52443a
- statusBar.debuggingBackground#8a3324
- statusBar.foreground#c4b49e
- statusBar.noFolderBackground#3d3028
- statusBarItem.remoteBackground#4d8a6e
- statusBarItem.remoteForeground#e8ddd0
- tab.activeBackground#2e2720
- tab.activeBorderTop#d4a84b
- tab.activeForeground#e8ddd0
- tab.border#52443a
- tab.inactiveBackground#2a1510
- tab.inactiveForeground#8a7668
- terminal.ansiBlack#3a2f26
- terminal.ansiBlue#5c8fa8
- terminal.ansiBrightBlack#52443a
- terminal.ansiBrightBlue#7aafc4
- terminal.ansiBrightCyan#4d8a6e
- terminal.ansiBrightGreen#4d8a6e
- terminal.ansiBrightMagenta#a85a44
- terminal.ansiBrightRed#a85a44
- terminal.ansiBrightWhite#e8ddd0
- terminal.ansiBrightYellow#e8c87a
- terminal.ansiCyan#6fa58a
- terminal.ansiGreen#8fbe6e
- terminal.ansiMagenta#8a3324
- terminal.ansiRed#8a3324
- terminal.ansiWhite#c4b49e
- terminal.ansiYellow#d4a84b
- terminal.background#2a1510
- terminal.foreground#e8ddd0
- titleBar.activeBackground#2a1510
- titleBar.activeForeground#c4b49e
- titleBar.border#52443a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment.line, punctuation.definition.comment | #8a7668 | italic |
| comment.block, comment.block.documentation | #8a7668 | italic |
| comment.line storage.type.class.todo | #d4a84b | bold |
| keyword.control, keyword.operator.new, keyword.operator.delete | #8a3324 | bold |
| keyword.other, keyword.control.import, keyword.control.export | #4d8a6e | — |
| storage.type, storage.modifier | #8a3324 | — |
| keyword.operator | #a85a44 | — |
| entity.name.function, meta.function entity.name.function | #d4a84b | — |
| meta.function-call entity.name.function, support.function | #e8c87a | — |
| entity.name.class, entity.name.type.class | #e8c87a | bold |
| entity.name.type, support.class | #e8c87a | — |
| entity.name.type.interface, entity.name.type.alias, support.type, entity.name.type.ts | #7aafc4 | — |
| entity.name.type.parameter, variable.type.ts | #5c8fa8 | italic |
| support.type.primitive, keyword.type, storage.type.boolean.go | #7aafc4 | — |
| variable.other.local, variable.other | #e8ddd0 | — |
| variable.language | #8a3324 | italic |
| variable.parameter | #c4b49e | italic |
| variable.other.property, variable.other.object.property, support.variable.property | #c4b49e | — |
| string | #6fa58a | — |
| string.template, meta.template.expression | #6fa58a | — |
| meta.template.expression punctuation.definition.template-expression | #a85a44 | — |
| constant.character.escape | #d4a84b | — |
| constant.numeric | #7aafc4 | — |
| constant.language | #5c8fa8 | italic |
| variable.other.constant | #7aafc4 | — |
| punctuation.delimiter, punctuation.separator | #a85a44 | — |
| punctuation.definition.parameters, punctuation.section.block, meta.brace | #8a7668 | — |
| string.quoted.double.import, string.quoted.single.import | #4d8a6e | — |
| entity.name.tag, support.class.component | #8a3324 | — |
| entity.other.attribute-name | #7aafc4 | italic |
| punctuation.section.embedded | #a85a44 | — |
| support.type.property-name.css | #7aafc4 | — |
| support.constant.property-value.css, constant.other.color.rgb-value.css | #6fa58a | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #d4a84b | — |
| keyword.other.unit.css | #5c8fa8 | — |
| entity.name.function.decorator.python, punctuation.definition.decorator.python | #d4a84b | italic |
| support.function.magic.python | #e8c87a | italic |
| markup.heading | #d4a84b | bold |
| markup.bold | #e8ddd0 | bold |
| markup.italic | #c4b49e | italic |
| markup.inline.raw | #6fa58a | — |
| markup.underline.link | #7aafc4 | — |
| markup.quote | #8a7668 | italic |
| invalid | #8a3324 | underline |
| invalid.deprecated | #8a7668 | strikethrough |