GTA VI Vice City Vibes

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#F44B9C
• activityBar.background#0A0A12
• activityBar.foreground#F67E85
• activityBar.inactiveForeground#F44B9C88
• activityBarBadge.background#91DFEC
• activityBarBadge.foreground#0A0A0A
• breadcrumb.activeSelectionForeground#F3A974
• breadcrumb.foreground#5865A2
• button.background#F44B9C
• button.foreground#101018
• button.hoverBackground#FF67B8
• diffEditor.insertedTextBackground#3060CE33
• diffEditor.removedTextBackground#F44B9C33
• dropdown.background#1E2B74
• dropdown.border#3060CE
• dropdown.foreground#EFEFEF
• editor.background#101018
• editor.foreground#DADADA
• editor.lineHighlightBackground#1E2B7422
• editor.selectionBackground#F44B9C55
• editorBracketMatch.border#F44B9C
• editorCursor.foreground#00F0FF
• editorError.foreground#F44B9C
• editorHint.foreground#8993DC
• editorHoverWidget.background#1E2B74
• editorHoverWidget.border#F44B9C
• editorInfo.foreground#00F0FF
• editorLineNumber.activeForeground#F44B9C
• editorLineNumber.foreground#5865A2
• editorWarning.foreground#F3A974
• editorWidget.background#1E2B74
• editorWidget.border#3060CE
• focusBorder#F44B9C
• icon.foreground#F44B9C
• input.background#0D0D13
• input.border#3060CE
• input.foreground#EFEFEF
• input.placeholderForeground#5865A2
• inputOption.activeBorder#F44B9C
• list.activeSelectionBackground#3060CE
• list.activeSelectionForeground#FFFFFF
• list.hoverBackground#2A3FAE
• list.hoverForeground#FFFFFF
• pickerGroup.border#1E2B74
• pickerGroup.foreground#00F0FF
• quickInput.background#141A3A
• quickInput.foreground#FFF9CB
• quickInputTitle.background#101018
• selection.background#F44B9C66
• sideBar.background#0D0D15
• sideBar.border#1E2B74
• sideBar.foreground#DADADA
• sideBarSectionHeader.foreground#F44B9C
• statusBar.background#080810
• statusBar.border#22389A
• statusBar.foreground#FFFFFF
• tab.activeBackground#141A3A
• tab.activeBorderTop#F44B9C
• tab.activeForeground#F3A974
• tab.border#1E2B74
• tab.hoverBackground#2A3FAE
• tab.hoverForeground#FFFFFF
• tab.inactiveBackground#0C0C14
• tab.inactiveForeground#5865A2
• tab.unfocusedActiveBorderTop#8993DC
• terminal.ansiBrightBlue#3060CE
• terminal.ansiBrightCyan#00F0FF
• terminal.ansiBrightMagenta#F44B9C
• terminal.background#0B0B13
• terminal.foreground#EFEFEF
• terminalCursor.foreground#00F0FF
• titleBar.activeBackground#10162F
• titleBar.activeForeground#EFEFEF
• titleBar.border#1A2145
• titleBar.inactiveBackground#0C0C14
• titleBar.inactiveForeground#5865A2
• widget.shadow#00000088
• window.activeBorder#3060CE
• window.inactiveBorder#0C0C14

tokenColors

TextMate scopes and font styles (syntax highlighting rules).