Blue & Rose
Publisher: restardThemes in package: 2
A playful, vintage-inspired theme with cobalt blue, turquoise, cream and roses. Includes Light, Dark, floral file icons and product icons.
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#AA2845
- activityBar.background#FFF9ED
- activityBar.foreground#AA2845
- activityBar.inactiveForeground#655D54
- activityBarBadge.background#AA2845
- activityBarBadge.foreground#FFF9ED
- badge.background#DDD3BF
- badge.foreground#302C35
- button.background#103F91
- button.foreground#FFF9ED
- button.hoverBackground#087489
- descriptionForeground#655D54
- diffEditor.insertedLineBackground#00CC6618
- diffEditor.insertedTextBackground#00CC664A
- diffEditor.insertedTextBorder#007D3E
- diffEditor.removedLineBackground#FF285518
- diffEditor.removedTextBackground#FF28551F
- diffEditor.removedTextBorder#D51E46
- diffEditorGutter.insertedLineBackground#00CC6677
- diffEditorGutter.removedLineBackground#FF285577
- disabledForeground#655D54
- dropdown.background#FFF9ED
- dropdown.border#DDD3BF
- dropdown.foreground#302C35
- editor.background#FFF9ED
- editor.findMatchBackground#E0A80044
- editor.findMatchBorder#00000000
- editor.findMatchHighlightBackground#E0A80015
- editor.findMatchHighlightBorder#00000000
- editor.foreground#302C35
- editor.inactiveSelectionBackground#D9EAEB99
- editor.lineHighlightBackground#D1B57812
- editor.selectionBackground#D9EAEB
- editor.selectionHighlightBackground#648D9415
- editor.selectionHighlightBorder#00000000
- editor.wordHighlightBackground#648D9420
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#08748920
- editor.wordHighlightStrongBorder#00000000
- editor.wordHighlightTextBackground#648D9420
- editor.wordHighlightTextBorder#00000000
- editorBracketHighlight.foreground1#AA2845
- editorBracketHighlight.foreground2#174CAA
- editorBracketHighlight.foreground3#795205
- editorBracketHighlight.foreground4#704873
- editorBracketHighlight.foreground5#006576
- editorBracketHighlight.foreground6#436143
- editorBracketMatch.background#00758B18
- editorBracketMatch.border#00000000
- editorCodeLens.foreground#655D54
- editorCursor.foreground#AA2845
- editorError.border#00000000
- editorError.foreground#B42332
- editorGroup.border#DDD3BF
- editorGroupHeader.tabsBackground#FFF9ED
- editorGutter.addedBackground#007D3E
- editorGutter.deletedBackground#D51E46
- editorGutter.modifiedBackground#225D93
- editorHoverWidget.background#FFF9ED
- editorHoverWidget.border#B8AA8F
- editorHoverWidget.foreground#302C35
- editorHoverWidget.highlightForeground#086575
- editorHoverWidget.statusBarBackground#FFF9ED
- editorIndentGuide.activeBackground1#B6A586
- editorIndentGuide.background1#DDD3BF
- editorInfo.foreground#225D93
- editorLineNumber.activeForeground#302C35
- editorLineNumber.foreground#655D54
- editorOverviewRuler.errorForeground#B42332CC
- editorOverviewRuler.infoForeground#225D93AA
- editorOverviewRuler.warningForeground#855E0DCC
- editorSuggestWidget.background#FFF9ED
- editorSuggestWidget.border#B8AA8F
- editorSuggestWidget.focusHighlightForeground#086575
- editorSuggestWidget.foreground#302C35
- editorSuggestWidget.highlightForeground#086575
- editorSuggestWidget.selectedBackground#D9EAEB
- editorSuggestWidget.selectedForeground#302C35
- editorSuggestWidget.selectedIconForeground#086575
- editorSuggestWidgetStatus.foreground#655D54
- editorWarning.border#00000000
- editorWarning.foreground#855E0D
- editorWidget.background#FFF9ED
- editorWidget.border#DDD3BF
- errorForeground#B42332
- focusBorder#00758B
- foreground#302C35
- gitDecoration.addedResourceForeground#028632
- gitDecoration.conflictingResourceForeground#855E0D
- gitDecoration.deletedResourceForeground#B42332
- gitDecoration.ignoredResourceForeground#626264
- gitDecoration.modifiedResourceForeground#225D93
- gitDecoration.untrackedResourceForeground#028632
- input.background#FFF9ED
- input.border#DDD3BF
- input.foreground#302C35
- inputOption.activeBackground#D9EAEB
- inputOption.activeBorder#00758B
- inputOption.activeForeground#086575
- inputValidation.errorBackground#FBECEF
- inputValidation.errorBorder#B42332
- inputValidation.errorForeground#B42332
- inputValidation.infoBackground#EDF3FA
- inputValidation.infoBorder#225D93
- inputValidation.infoForeground#225D93
- inputValidation.warningBackground#FBF4E5
- inputValidation.warningBorder#855E0D
- inputValidation.warningForeground#855E0D
- list.activeSelectionBackground#D9EAEB
- list.activeSelectionForeground#086575
- list.focusAndSelectionOutline#00000000
- list.focusBackground#D9EAEB
- list.focusForeground#086575
- list.focusOutline#00000000
- list.highlightForeground#AA2845
- list.hoverBackground#F5EFDF
- list.inactiveFocusOutline#00000000
- list.inactiveSelectionBackground#E7E2D8
- list.inactiveSelectionForeground#302C35
- notificationCenterHeader.background#FFF9ED
- notificationCenterHeader.foreground#302C35
- notifications.background#FFF9ED
- notifications.border#DDD3BF
- notifications.foreground#302C35
- panel.background#FFF9ED
- panel.border#DDD3BF
- panelTitle.activeBorder#00758B
- panelTitle.activeForeground#086575
- problemsErrorIcon.foreground#B42332
- problemsInfoIcon.foreground#225D93
- problemsWarningIcon.foreground#855E0D
- progressBar.background#009EB7
- quickInput.background#FFF9ED
- settings.dropdownBackground#FFF9ED
- settings.focusedRowBackground#FFF9ED
- settings.numberInputBackground#FFF9ED
- settings.textInputBackground#FFF9ED
- sideBar.background#FFF9ED
- sideBar.border#DDD3BF
- sideBar.foreground#302C35
- sideBarSectionHeader.background#FFF9ED
- sideBarSectionHeader.border#C6AD70
- sideBarSectionHeader.foreground#302C35
- statusBar.background#073F9B
- statusBar.border#BC9C54
- statusBar.debuggingBackground#F0D88A
- statusBar.debuggingForeground#302C35
- statusBar.foreground#FFF9ED
- statusBar.noFolderBackground#073F9B
- statusBar.noFolderForeground#FFF9ED
- statusBarItem.remoteBackground#073F9B
- statusBarItem.remoteForeground#FFF9ED
- tab.activeBackground#FFF9ED
- tab.activeBorderTop#AA2845
- tab.activeForeground#95243F
- tab.activeModifiedBorder#855E0D
- tab.border#00000000
- tab.hoverBackground#F8EEEA
- tab.hoverBorder#08657566
- tab.hoverForeground#95243F
- tab.inactiveBackground#FFF9ED
- tab.inactiveForeground#655D54
- tab.inactiveModifiedBorder#855E0D
- tab.unfocusedActiveBorderTop#92B8BA
- tab.unfocusedActiveForeground#302C35
- tab.unfocusedActiveModifiedBorder#855E0D
- tab.unfocusedHoverBackground#F8EEEA
- tab.unfocusedHoverBorder#08657544
- tab.unfocusedHoverForeground#302C35
- tab.unfocusedInactiveForeground#655D54
- tab.unfocusedInactiveModifiedBorder#855E0D
- terminal.ansiBlack#222222
- terminal.ansiBlue#225D93
- terminal.ansiBrightBlack#626264
- terminal.ansiBrightBlue#164D85
- terminal.ansiBrightCyan#105D58
- terminal.ansiBrightGreen#145E26
- terminal.ansiBrightMagenta#693C86
- terminal.ansiBrightRed#A82030
- terminal.ansiBrightWhite#222222
- terminal.ansiBrightYellow#785400
- terminal.ansiCyan#146B65
- terminal.ansiGreen#146B3A
- terminal.ansiMagenta#754A91
- terminal.ansiRed#B42332
- terminal.ansiWhite#626264
- terminal.ansiYellow#865F0C
- terminal.background#FFF9ED
- terminal.border#DDD3BF
- terminal.findMatchBackground#E0A80044
- terminal.findMatchBorder#00000000
- terminal.findMatchHighlightBackground#E0A80015
- terminal.findMatchHighlightBorder#00000000
- terminal.foreground#302C35
- terminal.hoverHighlightBackground#08657515
- terminal.inactiveSelectionBackground#D9EAEB88
- terminal.selectionBackground#D9EAEB
- terminal.tab.activeBorder#086575
- terminalCommandDecoration.defaultBackground#655D54
- terminalCommandDecoration.errorBackground#B42332
- terminalCommandDecoration.successBackground#146B3A
- terminalCommandGuide.foreground#08657577
- terminalCursor.background#FFF9ED
- terminalCursor.foreground#086575
- terminalOverviewRuler.cursorForeground#086575
- terminalOverviewRuler.findMatchForeground#9D7000
- textLink.activeForeground#103F91
- textLink.foreground#086575
- titleBar.activeBackground#009EB7
- titleBar.activeForeground#071C35
- titleBar.border#BC9C54
- titleBar.inactiveBackground#254C80
- titleBar.inactiveForeground#FFF9ED
- widget.shadow#00000018
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #655D54 | — |
| keyword, storage.type, storage.modifier | #AA2845 | — |
| string | #006576 | — |
| constant.numeric, constant.language, constant.character | #795205 | — |
| entity.name.function, support.function | #174CAA | — |
| entity.name.type, entity.name.class, support.type | #436143 | — |
| variable | #302C35 | — |
| variable.other.property, entity.other.attribute-name, support.type.property-name | #4C586C | — |
| entity.name.tag | #AA2845 | — |
| punctuation | #655D54 | — |
| markup.heading, entity.name.section | #AA2845 | bold |
| markup.bold | #302C35 | bold |
| markup.italic | #302C35 | italic |
| markup.underline.link | #174CAA | — |
| markup.inserted | #286642 | — |
| markup.deleted | #B42332 | — |
| invalid | #B42332 | — |
| keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.ternary, keyword.operator.spread | #655D54 | — |
| support.type.primitive, support.type.builtin, support.class | #704873 | — |
| variable.other.constant | #245C8A | — |
| punctuation.definition.string | #006576 | — |