Vinte
Publisher: vinteThemes in package: 1
An atempt of a focused but joyfull theme for JS inspired by Subliminal and Panda 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.background#222223
- activityBar.border#222223
- activityBar.foreground#E6E6E6
- activityBarBadge.background#19f9d8
- activityBarBadge.foreground#242526
- badge.background#6FC1FF
- badge.foreground#242526
- button.background#45A9F9
- button.foreground#FFFFFF
- button.hoverBackground#676B79
- diffEditor.insertedTextBackground#00809B
- editor.background#292A2B
- editor.findMatchHighlightBackground#202a3d
- editor.foreground#E6E6E6
- editor.lineHighlightBackground#31353a
- editor.selectionBackground#67769660
- editor.selectionHighlightBackground#ffffff10
- editor.wordHighlightBackground#484e5b
- editor.wordHighlightStrongBackground#abb2bf26
- editorBracketMatch.border#19f9d8
- editorCodeLens.foreground#6F6F6F
- editorError.border#FF4B82
- editorError.foreground#FF4B82
- editorGutter.addedBackground#19f9d8
- editorGutter.deletedBackground#FF4B82
- editorGutter.modifiedBackground#FFCC95
- editorHoverWidget.background#31353a
- editorOverviewRuler.addedForeground#19f9d8
- editorOverviewRuler.border#00000000
- editorOverviewRuler.deletedForeground#FF4B82
- editorOverviewRuler.errorForeground#FF4B82
- editorOverviewRuler.infoForeground#6FC1FF
- editorOverviewRuler.modifiedForeground#FFCC95
- editorOverviewRuler.warningForeground#FFCC95
- editorRuler.foreground#B084EB60
- editorSuggestWidget.selectedBackground#373B41
- editorWarning.border#FFCC95
- editorWarning.foreground#FFCC95
- editorWhitespace.foreground#4E5260
- editorWidget.background#2a2c2d
- editorWidget.border#373B41
- errorForeground#FF4B82
- extensionButton.prominentBackground#45A9F9
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#676B79
- foreground#E6E6E6
- gitDecoration.conflictingResourceForeground#E15A60
- gitDecoration.deletedResourceForeground#E15A60
- gitDecoration.modifiedResourceForeground#6699CC
- gitDecoration.untrackedResourceForeground#99C794
- list.activeSelectionBackground#292A2B
- list.activeSelectionForeground#19f9d8
- list.focusBackground#292A2B
- list.focusForeground#19f9d8
- list.highlightForeground#6FC1FF
- list.hoverBackground#292A2B
- list.hoverForeground#CDCDCD
- list.inactiveSelectionBackground#292A2B
- list.inactiveSelectionForeground#19f9d8
- progressBar.background#B084EB
- scrollbar.shadow#222223
- scrollbarSlider.activeBackground#757575
- scrollbarSlider.background#373B41
- scrollbarSlider.hoverBackground#757575
- sideBar.background#242526
- sideBar.border#222223
- sideBar.foreground#BBBBBB
- statusBar.background#222223
- statusBar.debuggingBackground#B084EB
- statusBar.debuggingForeground#E6E6E6
- statusBar.foreground#E6E6E6
- statusBar.noFolderBackground#242526
- statusBar.noFolderForeground#E6E6E6
- tab.activeBackground#292A2B
- tab.activeBorder#292A2B
- tab.activeForeground#19f9d8
- tab.inactiveBackground#242526
- tab.inactiveForeground#E6E6E6
- terminal.ansiBlue#45A9F9
- terminal.ansiBrightBlack#757575
- terminal.ansiBrightBlue#6FC1FF
- terminal.ansiBrightCyan#BCAAFE
- terminal.ansiBrightGreen#19f9d8
- terminal.ansiBrightMagenta#FF9AC1
- terminal.ansiBrightRed#FF2C6D
- terminal.ansiBrightWhite#E6E6E6
- terminal.ansiBrightYellow#FFCC95
- terminal.ansiCyan#B084EB
- terminal.ansiGreen#19f9d8
- terminal.ansiMagenta#FF75B5
- terminal.ansiRed#FF2C6D
- terminal.ansiWhite#CDCDCD
- terminal.ansiYellow#FFB86C
- terminalCursor.background#E6E6E6
- terminalCursor.foreground#FF4B82
- titleBar.activeBackground#242526
- titleBar.activeForeground#E6E6E6
- titleBar.inactiveBackground#242526
- titleBar.inactiveForeground#E6E6E6
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5f5f5f | — |
| meta.type.flowtype.js variable.other.flowtype.js | #d4d4d4 | — |
| keyword, storage.type.js, storage.type.function.js, variable.other.flowtype.js, storage.type.extends.js, storage.type.function.js, storage.type.class.js | #7F7F7F | — |
| variable.function.js, meta.class meta.group.braces.curly meta.function-call variable.function.js, entity.name.tag.jsx, variable.function.constructor.js | #ffe2a9 | — |
| entity.name.function.js, meta.class.js entity.name.class, meta.class meta.function-call variable.function.js, source.js keyword.control.loop.js, storage.type.function.arrow.js | #f3979f | — |
| keyword.control.flow.js, keyword.control.trycatch.js, source.js meta.group.braces.curly.js keyword.control.loop.js, keyword.control.switch.js | #f3979f | — |
| keyword.operator.assignment | #ffe2a9 | — |
| keyword.operator.logical.js | #ffe2a9 | — |
| keyword.operator.comparison.js, keyword.operator.relational.js | #f3979f | — |
| string.quoted, string.interpolated | #19f9d8 | — |
| constant.language, constant.numeric, support.constant, constant.character, constant.other.color, constant.other.symbol, constant.other.key, keyword.other.unit | #91c5d3 | — |
| markup.inserted | #99C794 | — |
| markup.deleted | #E15A60 | — |
| markup.changed | #BB80B3 | — |
| *url*, *link*, *uri* | — | underline |
| constant.numeric.line-number.find-in-files - match | #AB7967 | — |
| entity.name.filename.find-in-files | #99C794 | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
| support.function | #45b1f9 | — |
| punctuation.definition.tag | #fde8bd | — |