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#FF8EAA
- activityBar.background#0C172C
- activityBar.foreground#FF8EAA
- activityBar.inactiveForeground#A2AABB
- activityBarBadge.background#AA2845
- activityBarBadge.foreground#FFF9ED
- badge.background#2A3B55
- badge.foreground#F3EAD8
- button.background#144C9E
- button.foreground#FFF9ED
- button.hoverBackground#1F60B5
- descriptionForeground#A2AABB
- diffEditor.insertedLineBackground#00CC6622
- diffEditor.insertedTextBackground#00CC661D
- diffEditor.insertedTextBorder#36F391
- diffEditor.removedLineBackground#FF285522
- diffEditor.removedTextBackground#FF28554C
- diffEditor.removedTextBorder#FF6385
- diffEditorGutter.insertedLineBackground#00CC6677
- diffEditorGutter.removedLineBackground#FF285577
- disabledForeground#A2AABB
- dropdown.background#0C172C
- dropdown.border#2C3D55
- dropdown.foreground#F3EAD8
- editor.background#101D35
- editor.findMatchBackground#95670041
- editor.findMatchBorder#00000000
- editor.findMatchHighlightBackground#DCA63310
- editor.findMatchHighlightBorder#00000000
- editor.foreground#F3EAD8
- editor.inactiveSelectionBackground#173B5099
- editor.lineHighlightBackground#17263F
- editor.selectionBackground#173B50
- editor.selectionHighlightBackground#92BAC815
- editor.selectionHighlightBorder#00000000
- editor.wordHighlightBackground#92BAC824
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#65D1DF24
- editor.wordHighlightStrongBorder#00000000
- editor.wordHighlightTextBackground#92BAC824
- editor.wordHighlightTextBorder#00000000
- editorBracketHighlight.foreground1#FF8EAA
- editorBracketHighlight.foreground2#96B9FF
- editorBracketHighlight.foreground3#E7C479
- editorBracketHighlight.foreground4#D2AED8
- editorBracketHighlight.foreground5#65D1DF
- editorBracketHighlight.foreground6#A8C99A
- editorBracketMatch.background#65D1DF18
- editorBracketMatch.border#00000000
- editorCodeLens.foreground#A2AABB
- editorCursor.foreground#FF8EAA
- editorError.border#00000000
- editorError.foreground#FF9999
- editorGroup.border#2C3D55
- editorGroupHeader.tabsBackground#0C172C
- editorGutter.addedBackground#36F391
- editorGutter.deletedBackground#FF6385
- editorGutter.modifiedBackground#9ACFF0
- editorHoverWidget.background#182943
- editorHoverWidget.border#58637A
- editorHoverWidget.foreground#F3EAD8
- editorHoverWidget.highlightForeground#65D1DF
- editorHoverWidget.statusBarBackground#0C172C
- editorIndentGuide.activeBackground1#58637A
- editorIndentGuide.background1#2C3D55
- editorInfo.foreground#9ACFF0
- editorLineNumber.activeForeground#F3EAD8
- editorLineNumber.foreground#A2AABB
- editorOverviewRuler.errorForeground#FF9999CC
- editorOverviewRuler.infoForeground#9ACFF0AA
- editorOverviewRuler.warningForeground#EAC887CC
- editorSuggestWidget.background#182943
- editorSuggestWidget.border#58637A
- editorSuggestWidget.focusHighlightForeground#65D1DF
- editorSuggestWidget.foreground#F3EAD8
- editorSuggestWidget.highlightForeground#65D1DF
- editorSuggestWidget.selectedBackground#173B50
- editorSuggestWidget.selectedForeground#F3EAD8
- editorSuggestWidget.selectedIconForeground#65D1DF
- editorSuggestWidgetStatus.foreground#A2AABB
- editorWarning.border#00000000
- editorWarning.foreground#EAC887
- editorWidget.background#182943
- editorWidget.border#2C3D55
- errorForeground#FF9999
- focusBorder#65D1DF
- foreground#F3EAD8
- gitDecoration.addedResourceForeground#72BF8B
- gitDecoration.conflictingResourceForeground#EAC887
- gitDecoration.deletedResourceForeground#FF9999
- gitDecoration.ignoredResourceForeground#99999F
- gitDecoration.modifiedResourceForeground#9ACFF0
- gitDecoration.untrackedResourceForeground#72BF8B
- input.background#14243D
- input.border#2C3D55
- input.foreground#F3EAD8
- inputOption.activeBackground#173B50
- inputOption.activeBorder#65D1DF
- inputOption.activeForeground#65D1DF
- inputValidation.errorBackground#342326
- inputValidation.errorBorder#FF9999
- inputValidation.errorForeground#FF9999
- inputValidation.infoBackground#232C35
- inputValidation.infoBorder#9ACFF0
- inputValidation.infoForeground#9ACFF0
- inputValidation.warningBackground#302A20
- inputValidation.warningBorder#EAC887
- inputValidation.warningForeground#EAC887
- list.activeSelectionBackground#173B50
- list.activeSelectionForeground#65D1DF
- list.focusAndSelectionOutline#00000000
- list.focusBackground#173B50
- list.focusForeground#65D1DF
- list.focusOutline#00000000
- list.highlightForeground#FF8EAA
- list.hoverBackground#17263F
- list.inactiveFocusOutline#00000000
- list.inactiveSelectionBackground#2B3549
- list.inactiveSelectionForeground#F3EAD8
- notificationCenterHeader.background#0C172C
- notificationCenterHeader.foreground#F3EAD8
- notifications.background#0C172C
- notifications.border#2C3D55
- notifications.foreground#F3EAD8
- panel.background#0C172C
- panel.border#2C3D55
- panelTitle.activeBorder#65D1DF
- panelTitle.activeForeground#65D1DF
- problemsErrorIcon.foreground#FF9999
- problemsInfoIcon.foreground#9ACFF0
- problemsWarningIcon.foreground#EAC887
- progressBar.background#009EB7
- quickInput.background#182943
- sideBar.background#0C172C
- sideBar.border#2C3D55
- sideBar.foreground#F3EAD8
- sideBarSectionHeader.background#172D46
- sideBarSectionHeader.border#766947
- sideBarSectionHeader.foreground#F3EAD8
- statusBar.background#073F9B
- statusBar.border#BC9C54
- statusBar.debuggingBackground#5B451D
- statusBar.debuggingForeground#F3EAD8
- statusBar.foreground#FFF9ED
- statusBar.noFolderBackground#073F9B
- statusBar.noFolderForeground#FFF9ED
- statusBarItem.remoteBackground#0C172C
- statusBarItem.remoteForeground#F3EAD8
- tab.activeBackground#38253A
- tab.activeBorderTop#FF8EAA
- tab.activeForeground#FFAAC0
- tab.activeModifiedBorder#EAC887
- tab.border#00000000
- tab.hoverBackground#2C263B
- tab.hoverBorder#65D1DF66
- tab.hoverForeground#FFAAC0
- tab.inactiveBackground#0C172C
- tab.inactiveForeground#A2AABB
- tab.inactiveModifiedBorder#EAC887
- tab.unfocusedActiveBorderTop#487588
- tab.unfocusedActiveForeground#F3EAD8
- tab.unfocusedActiveModifiedBorder#EAC887
- tab.unfocusedHoverBackground#20314C
- tab.unfocusedHoverBorder#65D1DF44
- tab.unfocusedHoverForeground#F3EAD8
- tab.unfocusedInactiveForeground#A2AABB
- tab.unfocusedInactiveModifiedBorder#EAC887
- terminal.ansiBlack#A0A0A8
- terminal.ansiBlue#9ACFF0
- terminal.ansiBrightBlack#99999F
- terminal.ansiBrightBlue#B2DFFF
- terminal.ansiBrightCyan#ACECE1
- terminal.ansiBrightGreen#A2E8B4
- terminal.ansiBrightMagenta#E1C9F7
- terminal.ansiBrightRed#FFB0AB
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F5DCA5
- terminal.ansiCyan#7CD8CB
- terminal.ansiGreen#72BF8B
- terminal.ansiMagenta#D2B7EE
- terminal.ansiRed#FF9999
- terminal.ansiWhite#D8D8DC
- terminal.ansiYellow#EAC887
- terminal.background#101D35
- terminal.border#2C3D55
- terminal.findMatchBackground#95670041
- terminal.findMatchBorder#00000000
- terminal.findMatchHighlightBackground#DCA63310
- terminal.findMatchHighlightBorder#00000000
- terminal.foreground#F3EAD8
- terminal.hoverHighlightBackground#65D1DF15
- terminal.inactiveSelectionBackground#173B5088
- terminal.selectionBackground#173B50
- terminal.tab.activeBorder#65D1DF
- terminalCommandDecoration.defaultBackground#A2AABB
- terminalCommandDecoration.errorBackground#FF9999
- terminalCommandDecoration.successBackground#72BF8B
- terminalCommandGuide.foreground#65D1DF77
- terminalCursor.background#101D35
- terminalCursor.foreground#65D1DF
- terminalOverviewRuler.cursorForeground#65D1DF
- terminalOverviewRuler.findMatchForeground#D4AC55
- textLink.activeForeground#A8E8EE
- textLink.foreground#65D1DF
- titleBar.activeBackground#009EB7
- titleBar.activeForeground#071C35
- titleBar.border#BC9C54
- titleBar.inactiveBackground#254C80
- titleBar.inactiveForeground#FFF9ED
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #A2AABB | — |
| keyword, storage.type, storage.modifier | #FF8EAA | — |
| string | #65D1DF | — |
| constant.numeric, constant.language, constant.character | #E7C479 | — |
| entity.name.function, support.function | #96B9FF | — |
| entity.name.type, entity.name.class, support.type | #A8C99A | — |
| variable | #F3EAD8 | — |
| variable.other.property, entity.other.attribute-name, support.type.property-name | #B5C5DC | — |
| entity.name.tag | #FF8EAA | — |
| punctuation | #A2AABB | — |
| markup.heading, entity.name.section | #FF8EAA | bold |
| markup.bold | #F3EAD8 | bold |
| markup.italic | #F3EAD8 | italic |
| markup.underline.link | #96B9FF | — |
| markup.inserted | #A8C99A | — |
| markup.deleted | #FF9999 | — |
| invalid | #FF9999 | — |
| keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.ternary, keyword.operator.spread | #A2AABB | — |
| support.type.primitive, support.type.builtin, support.class | #D2AED8 | — |
| variable.other.constant | #A1CAE8 | — |
| punctuation.definition.string | #65D1DF | — |