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#9a7010
- activityBar.background#e8e2d6
- activityBar.foreground#2a221c
- activityBar.inactiveForeground#8a7668
- activityBarBadge.background#9a7010
- activityBarBadge.foreground#e8e2d6
- badge.background#9a7010
- badge.foreground#e8e2d6
- button.background#9a7010
- button.foreground#e8e2d6
- button.hoverBackground#b8860b
- diffEditor.insertedLineBackground#4a8a3a0e
- diffEditor.insertedTextBackground#4a8a3a18
- diffEditor.removedLineBackground#a040300e
- diffEditor.removedTextBackground#a0403018
- dropdown.background#ebe4d8
- dropdown.border#c4b49e
- editor.background#f5f0e8
- editor.findMatchBackground#9a701040
- editor.findMatchHighlightBackground#9a701025
- editor.foreground#2a221c
- editor.lineHighlightBackground#ebe4d8
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#c4b49e80
- editor.selectionHighlightBackground#c4b49e50
- editor.wordHighlightBackground#2d6b5225
- editor.wordHighlightStrongBackground#2d6b5245
- editorBracketHighlight.foreground1#9a7010
- editorBracketHighlight.foreground2#3d7a5c
- editorBracketHighlight.foreground3#3a6a8a
- editorBracketHighlight.foreground4#a04030
- editorBracketHighlight.foreground5#b8860b
- editorBracketHighlight.foreground6#2d6b52
- editorBracketMatch.background#3d7a5c25
- editorBracketMatch.border#3d7a5c80
- editorCursor.background#f5f0e8
- editorCursor.foreground#9a7010
- editorGutter.addedBackground#4a8a3a
- editorGutter.deletedBackground#a04030
- editorGutter.modifiedBackground#9a7010
- editorIndentGuide.activeBackground1#c4b49e80
- editorIndentGuide.background1#e0d8cc30
- editorLineNumber.activeForeground#52443a
- editorLineNumber.foreground#8a7668
- focusBorder#9a7010
- input.background#ebe4d8
- input.border#c4b49e
- input.foreground#2a221c
- input.placeholderForeground#8a7668
- list.activeSelectionBackground#e0d8cc
- list.activeSelectionForeground#2a221c
- list.highlightForeground#9a7010
- list.hoverBackground#ebe4d8
- list.hoverForeground#2a221c
- list.inactiveSelectionBackground#ebe4d8
- minimap.findMatchHighlight#3d7a5c80
- minimap.selectionHighlight#9a701080
- minimapGutter.addedBackground#4a8a3a
- minimapGutter.deletedBackground#a04030
- minimapGutter.modifiedBackground#9a7010
- notificationCenterHeader.background#e8e2d6
- notifications.background#ebe4d8
- notifications.border#c4b49e
- panel.background#e8e2d6
- panel.border#c4b49e
- panelTitle.activeBorder#9a7010
- panelTitle.activeForeground#2a221c
- panelTitle.inactiveForeground#8a7668
- peekView.border#9a7010
- peekViewEditor.background#e8e2d6
- peekViewResult.background#ebe4d8
- peekViewResult.matchHighlightBackground#9a701040
- peekViewTitle.background#e0d8cc
- peekViewTitleLabel.foreground#2a221c
- scrollbarSlider.activeBackground#c4b49ec0
- scrollbarSlider.background#c4b49e40
- scrollbarSlider.hoverBackground#c4b49e80
- sideBar.background#ebe4d8
- sideBar.border#c4b49e
- sideBar.foreground#52443a
- sideBarSectionHeader.background#e0d8cc
- sideBarSectionHeader.foreground#2a221c
- sideBarTitle.foreground#2a221c
- statusBar.background#e8e2d6
- statusBar.border#c4b49e
- statusBar.debuggingBackground#a04030
- statusBar.foreground#52443a
- statusBar.noFolderBackground#e0d8cc
- statusBarItem.remoteBackground#2d6b52
- statusBarItem.remoteForeground#2a221c
- tab.activeBackground#f5f0e8
- tab.activeBorderTop#9a7010
- tab.activeForeground#2a221c
- tab.border#c4b49e
- tab.inactiveBackground#e8e2d6
- tab.inactiveForeground#8a7668
- terminal.ansiBlack#ebe4d8
- terminal.ansiBlue#2d5a72
- terminal.ansiBrightBlack#c4b49e
- terminal.ansiBrightBlue#3a6a8a
- terminal.ansiBrightCyan#2d6b52
- terminal.ansiBrightGreen#2d6b52
- terminal.ansiBrightMagenta#b85c48
- terminal.ansiBrightRed#b85c48
- terminal.ansiBrightWhite#2a221c
- terminal.ansiBrightYellow#b8860b
- terminal.ansiCyan#3d7a5c
- terminal.ansiGreen#4a8a3a
- terminal.ansiMagenta#a04030
- terminal.ansiRed#a04030
- terminal.ansiWhite#52443a
- terminal.ansiYellow#9a7010
- terminal.background#e8e2d6
- terminal.foreground#2a221c
- titleBar.activeBackground#e8e2d6
- titleBar.activeForeground#52443a
- titleBar.border#c4b49e
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 | #9a7010 | bold |
| keyword.control, keyword.operator.new, keyword.operator.delete | #a04030 | bold |
| keyword.other, keyword.control.import, keyword.control.export | #2d6b52 | — |
| storage.type, storage.modifier | #a04030 | — |
| keyword.operator | #b85c48 | — |
| entity.name.function, meta.function entity.name.function | #9a7010 | — |
| meta.function-call entity.name.function, support.function | #b8860b | — |
| entity.name.class, entity.name.type.class | #b8860b | bold |
| entity.name.type, support.class | #b8860b | — |
| entity.name.type.interface, entity.name.type.alias, support.type, entity.name.type.ts | #3a6a8a | — |
| entity.name.type.parameter, variable.type.ts | #2d5a72 | italic |
| support.type.primitive, keyword.type, storage.type.boolean.go | #3a6a8a | — |
| variable.other.local, variable.other | #2a221c | — |
| variable.language | #a04030 | italic |
| variable.parameter | #52443a | italic |
| variable.other.property, variable.other.object.property, support.variable.property | #52443a | — |
| string | #3d7a5c | — |
| string.template, meta.template.expression | #3d7a5c | — |
| meta.template.expression punctuation.definition.template-expression | #b85c48 | — |
| constant.character.escape | #9a7010 | — |
| constant.numeric | #3a6a8a | — |
| constant.language | #2d5a72 | italic |
| variable.other.constant | #3a6a8a | — |
| punctuation.delimiter, punctuation.separator | #b85c48 | — |
| punctuation.definition.parameters, punctuation.section.block, meta.brace | #8a7668 | — |
| string.quoted.double.import, string.quoted.single.import | #2d6b52 | — |
| entity.name.tag, support.class.component | #a04030 | — |
| entity.other.attribute-name | #3a6a8a | italic |
| punctuation.section.embedded | #b85c48 | — |
| support.type.property-name.css | #3a6a8a | — |
| support.constant.property-value.css, constant.other.color.rgb-value.css | #3d7a5c | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #9a7010 | — |
| keyword.other.unit.css | #2d5a72 | — |
| entity.name.function.decorator.python, punctuation.definition.decorator.python | #9a7010 | italic |
| support.function.magic.python | #b8860b | italic |
| markup.heading | #9a7010 | bold |
| markup.bold | #2a221c | bold |
| markup.italic | #52443a | italic |
| markup.inline.raw | #3d7a5c | — |
| markup.underline.link | #3a6a8a | — |
| markup.quote | #8a7668 | italic |
| invalid | #a04030 | underline |
| invalid.deprecated | #8a7668 | strikethrough |