First Sight
Publisher: Eric ThaiThemes in package: 1
Idk, was thinking of a girl :v
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.
- actionBar.toggledBackground#f0c0d8
- activityBar.background#f8e0ec
- activityBar.border#ead0dc
- activityBar.foreground#c94070
- activityBar.inactiveForeground#c8a0b4
- activityBarBadge.background#c94070
- activityBarBadge.foreground#fff0f5
- badge.background#c94070
- badge.foreground#fff0f5
- breadcrumb.activeSelectionForeground#2a1520
- breadcrumb.background#fdf2f5
- breadcrumb.focusForeground#c94070
- breadcrumb.foreground#a07090
- breadcrumbPicker.background#fce8f2
- button.background#c94070
- button.foreground#fff0f5
- button.hoverBackground#e05080
- button.secondaryBackground#f0c0d8
- button.secondaryForeground#2a1520
- checkbox.background#fce8f2
- checkbox.border#d890b8
- checkbox.foreground#2a1520
- diffEditor.unchangedRegionBackground#fce8f2
- dropdown.background#fce8f2
- dropdown.border#e0b0c8
- dropdown.foreground#2a1520
- editor.background#fdf2f5
- editor.findMatchBackground#e04070a0
- editor.findMatchHighlightBackground#e0407060
- editor.foreground#2a1520
- editor.inactiveSelectionBackground#e0508f80
- editor.lineHighlightBackground#f0d5e5
- editor.rangeHighlightBackground#e8b0cc20
- editor.selectionBackground#e0508fbf
- editor.selectionHighlightBackground#e0508f55
- editor.wordHighlightBackground#eea0c880
- editor.wordHighlightStrongBackground#e060a8a0
- editorBracketMatch.background#e8b0cc60
- editorBracketMatch.border#c94070
- editorCursor.foreground#c94070
- editorError.foreground#c02040
- editorHoverWidget.background#fce8f0
- editorHoverWidget.border#d890b8
- editorIndentGuide.activeBackground1#d8a0bc
- editorIndentGuide.background1#ecd0dc
- editorInfo.foreground#7040b0
- editorLineNumber.activeForeground#a03060
- editorLineNumber.foreground#c8a0b4
- editorRuler.foreground#ecd0dc
- editorSuggestWidget.background#fce8f0
- editorSuggestWidget.border#e0b0c8
- editorSuggestWidget.foreground#2a1520
- editorSuggestWidget.highlightForeground#c94070
- editorSuggestWidget.selectedBackground#f0c0d8
- editorWarning.foreground#c06040
- editorWhitespace.foreground#e8c0d080
- editorWidget.background#fce8f0
- editorWidget.border#d890b8
- focusBorder#c94070
- gitDecoration.addedResourceForeground#407840
- gitDecoration.conflictingResourceForeground#c04080
- gitDecoration.deletedResourceForeground#c02040
- gitDecoration.ignoredResourceForeground#c8a0b4
- gitDecoration.modifiedResourceForeground#c06020
- gitDecoration.untrackedResourceForeground#5040a0
- input.background#fce8f2
- input.border#e0b0c8
- input.foreground#2a1520
- input.placeholderForeground#c8a0b4
- inputOption.activeBackground#f0c0d8
- inputOption.activeBorder#c94070
- list.activeSelectionBackground#f0c0d8
- list.activeSelectionForeground#2a1020
- list.activeSelectionIconForeground#2a1020
- list.errorForeground#c02040
- list.focusAndSelectionOutline#c94070
- list.focusBackground#f0c0d8
- list.highlightForeground#c94070
- list.hoverBackground#f8e0ec
- list.hoverForeground#2a1520
- list.inactiveSelectionBackground#f5d8e8
- list.inactiveSelectionForeground#4a2535
- list.warningForeground#c06040
- menu.background#fce8f2
- menu.border#ead0dc
- menu.foreground#2a1520
- menu.selectionBackground#f0c0d8
- menu.selectionForeground#2a1020
- menu.separatorBackground#ead0dc
- minimap.background#fce8f2
- minimap.selectionHighlight#e8b0cc99
- minimapSlider.activeBackground#e8b0cc80
- minimapSlider.background#e8b0cc40
- minimapSlider.hoverBackground#e8b0cc60
- notebook.cellBorderColor#ead0dc
- notebook.selectedCellBackground#f5e0ea80
- notificationLink.foreground#c94070
- notifications.background#fce8f2
- notifications.border#ead0dc
- notifications.foreground#2a1520
- panel.background#fce8f2
- panel.border#ead0dc
- panelTitle.activeBorder#c94070
- panelTitle.activeForeground#c94070
- panelTitle.inactiveForeground#a07090
- progressBar.background#c94070
- scrollbar.shadow#e8c0d080
- scrollbarSlider.activeBackground#c94070a0
- scrollbarSlider.background#e8b0cc60
- scrollbarSlider.hoverBackground#d890b080
- selection.background#e8b0cc99
- sideBar.background#fce8f2
- sideBar.border#ead0dc
- sideBar.foreground#4a2535
- sideBarSectionHeader.background#f5dce8
- sideBarSectionHeader.border#e8c8d8
- sideBarSectionHeader.foreground#6a3050
- sideBarTitle.foreground#6a3050
- statusBar.background#c94070
- statusBar.border#b03060
- statusBar.debuggingBackground#a03060
- statusBar.foreground#fff0f5
- statusBar.noFolderBackground#a02050
- statusBarItem.errorBackground#c02040
- statusBarItem.hoverBackground#e05080
- statusBarItem.remoteBackground#a02050
- statusBarItem.remoteForeground#fff0f5
- tab.activeBackground#fdf2f5
- tab.activeBorderTop#c94070
- tab.activeForeground#2a1520
- tab.border#ead0dc
- tab.inactiveBackground#f5e0ea
- tab.inactiveForeground#907080
- tab.lastPinnedBorder#e0b0c8
- tab.unfocusedActiveBackground#fdf2f5
- tab.unfocusedActiveForeground#6a3050
- terminal.ansiBlack#2a1520
- terminal.ansiBlue#5040a0
- terminal.ansiBrightBlack#907080
- terminal.ansiBrightBlue#6050c0
- terminal.ansiBrightCyan#5080a0
- terminal.ansiBrightGreen#508050
- terminal.ansiBrightMagenta#e050a0
- terminal.ansiBrightRed#e03060
- terminal.ansiBrightWhite#4a2535
- terminal.ansiBrightYellow#d07030
- terminal.ansiCyan#406080
- terminal.ansiGreen#407840
- terminal.ansiMagenta#c04080
- terminal.ansiRed#c02040
- terminal.ansiWhite#7a5568
- terminal.ansiYellow#c06020
- terminal.background#fce8f2
- terminal.foreground#2a1520
- terminal.selectionBackground#e8b0cc80
- titleBar.activeBackground#f8e0ec
- titleBar.activeForeground#2a1520
- titleBar.border#ead0dc
- titleBar.inactiveBackground#fce8f2
- titleBar.inactiveForeground#a07090
- widget.border#e0b0c8
- widget.shadow#e8c0d0a0
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded, source.groovy.embedded | #2a1520 | — |
| comment | #b898a8 | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike, storage, storage.type, storage.modifier | #c40060 | italic |
| keyword.operator | #c8407a | |
| entity.name.function, meta.function-call, support.function | #c01858 | — |
| entity.name.type, entity.name.class, entity.name.struct, entity.name.interface, support.type, support.class | #5218d0 | — |
| string, meta.embedded.assembly | #7b10cc | — |
| meta.template.expression | #2a1520 | — |
| constant.numeric, keyword.operator.plus.exponent, keyword.operator.minus.exponent | #c84000 | — |
| constant.language | #c40060 | italic |
| variable, variable.parameter, variable.other.readwrite, variable.other.property | #2a1545 | — |
| variable.language | #c40060 | italic |
| variable.other.enummember | #c84000 | — |
| string.regexp, constant.regexp | #d01868 | — |
| entity.name.tag, meta.tag | #c40060 | — |
| entity.other.attribute-name | #c83878 | — |
| support.type.vendored.property-name, support.type.property-name, source.css variable | #c01858 | — |
| support.constant.property-value, support.constant.color | #7b10cc | — |
| support.type.property-name.json | #2a1545 | — |
| punctuation | #b08898 | — |
| markup.heading | #a02060 | bold |
| markup.inline.raw | #7040a0 | — |
| markup.inserted | #407840 | — |
| markup.deleted | #c02040 | — |
| markup.changed | #c06020 | — |
| invalid | #c02040 | — |