Hipster Next Theme
Publisher: Dmitri MigunovThemes in package: 2
An adaptation of Hipster theme for Visual Studio Code.
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#000000
- activityBar.background#E9E7E4
- activityBar.border#DEE2E6
- activityBar.foreground#6C757D
- activityBar.inactiveForeground#ADB5BD
- activityBarBadge.background#2E5E4E
- activityBarBadge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#2E5E4E
- breadcrumb.background#FAF8F5
- breadcrumb.focusForeground#2E5E4E
- breadcrumb.foreground#495057
- breadcrumbPicker.background#FFFFFF
- dropdown.background#FFFFFF
- editor.background#FFFFFF
- editor.foreground#24292E
- editor.inactiveSelectionBackground#B6D7FF40
- editor.lineHighlightBackground#F8F9FA
- editor.selectionBackground#E9ECEF
- editor.selectionHighlightBackground#82B7FF40
- editor.wordHighlightBackground#B6D7FF30
- editor.wordHighlightStrongBackground#82B7FF30
- editorCursor.foreground#2E5E4E
- editorError.foreground#D32F2F
- editorGroupHeader.border#D0D0D0
- editorGroupHeader.tabsBackground#F0F0F0
- editorGutter.background#F8F5F0
- editorIndentGuide.activeBackground1#DEE2E6
- editorIndentGuide.background1#F0F0F0
- editorInfo.foreground#2E5E4E
- editorLineNumber.activeForeground#2E5E4E
- editorLineNumber.foreground#ADB5BD
- editorSuggestWidget.selectedBackground#B6D7FF80
- editorWarning.foreground#F57C00
- editorWhitespace.foreground#E9ECEF
- gitDecoration.addedResourceForeground#2E7D32
- gitDecoration.deletedResourceForeground#D32F2F
- gitDecoration.ignoredResourceForeground#ADB5BD
- gitDecoration.modifiedResourceForeground#F57C00
- input.background#FFFFFF
- list.activeSelectionBackground#F8F9FA
- list.activeSelectionForeground#212529
- list.errorForeground#D32F2F
- list.hoverBackground#F8F9FA
- list.warningForeground#F57C00
- problemsErrorIcon.foreground#D32F2F
- problemsInfoIcon.foreground#2E5E4E
- problemsWarningIcon.foreground#F57C00
- sideBar.background#FAF8F5
- sideBar.border#CED4DA
- sideBar.foreground#495057
- sideBarSectionHeader.background#FFFFFF
- sideBarTitle.foreground#2E5E4E
- statusBar.background#E9E7E4
- statusBar.debuggingBackground#FFECF0
- statusBar.debuggingForeground#D81B60
- statusBar.foreground#2E5E4E
- statusBar.noFolderBackground#E9E7E4
- statusBar.noFolderForeground#2E5E4E
- tab.activeBackground#C8D8C8
- tab.activeBorderTop#000000
- tab.activeForeground#212529
- tab.border#CED4DA
- tab.hoverBackground#E9E7E4
- tab.inactiveBackground#E8E8E8
- tab.inactiveForeground#495057
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword.control, keyword.operator | #4e342e | bold |
| keyword, keyword.other, keyword.type | #4e342e | bold |
| variable, variable.other, variable.parameter, variable.other.readwrite | #2c3e50 | — |
| variable.other.property, variable.other.object.property | #1a5276 | — |
| variable.parameter.function | #8e44ad | — |
| entity.name.function, entity.name.method, support.function | #e74c3c | bold |
| entity.name.type, entity.name.class, entity.name.interface, entity.name.enum, support.class, support.type | #9b59b6 | — |
| string, string.quoted, string.unquoted | #1e8449 | — |
| constant.numeric, constant.language, constant.boolean | #f39c12 | bold |
| comment, comment.block, comment.line | #8e44ad | italic |
| entity.name.tag, meta.tag, punctuation.definition.tag | #e74c3c | — |
| entity.name.tag.html | #e74c3c | bold |
| meta.tag.attribute-with-value.html entity.other.attribute-name.html | #2c3e50 | — |
| string.quoted.double.html, string.quoted.single.html | #1e8449 | — |
| constant.numeric.html | #f39c12 | — |
| keyword.control.php, keyword.operator.php | #4e342e | bold |
| variable.other.php | #2c3e50 | — |
| variable.other.readwrite.php | #1e8449 | — |
| support.function.php | #e74c3c | — |
| string.quoted.double.php, string.quoted.single.php | #1e8449 | — |
| constant.numeric.php | #f39c12 | — |
| keyword.control.js, keyword.control.ts, keyword.operator.js, keyword.operator.ts | #4e342e | bold |
| variable.other.readwrite.js, variable.other.readwrite.ts | #2c3e50 | — |
| variable.other.constant.js, variable.other.constant.ts | #1e8449 | — |
| support.function.js, support.function.ts, entity.name.function.js, entity.name.function.ts | #e74c3c | — |
| string.quoted.double.js, string.quoted.single.js, string.quoted.double.ts, string.quoted.single.ts | #1e8449 | — |
| constant.numeric.js, constant.numeric.ts | #f39c12 | — |
| entity.name.type.class.js, entity.name.type.class.ts | #9b59b6 | — |
| variable.language.this.js, variable.language.this.ts | #3498db | italic |
| meta.tag.js, meta.tag.tsx, meta.tag.jsx | #2c3e50 | — |
| entity.name.tag.js, entity.name.tag.tsx, entity.name.tag.jsx | #e74c3c | bold |
| entity.other.attribute-name.js, entity.other.attribute-name.tsx, entity.other.attribute-name.jsx | #9b59b6 | — |
| string.quoted.single.js, string.quoted.single.tsx, string.quoted.double.js, string.quoted.double.tsx, string.quoted.single.jsx, string.quoted.double.jsx | #1e8449 | — |
| punctuation.definition.tag.js, punctuation.definition.tag.tsx, punctuation.definition.tag.jsx | #4e342e | — |
| meta.jsx.children, meta.jsx.children.js, meta.jsx.children.tsx | #2c3e50 | — |
| punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx, punctuation.section.embedded.begin.jsx, punctuation.section.embedded.end.jsx | #4e342e | — |
| keyword.control.go, keyword.operator.go | #4e342e | bold |
| variable.other.go | #2c3e50 | — |
| variable.other.constant.go | #1e8449 | — |
| support.function.go, entity.name.function.go | #e74c3c | — |
| entity.name.type.go | #9b59b6 | italic |
| string.quoted.double.go, string.quoted.single.go | #1e8449 | — |
| constant.numeric.go | #f39c12 | — |
| variable.language.go | #3498db | italic |
| support.type.property-name.json | #2c3e50 | — |
| keyword.control.import.python, keyword.control.flow.python | #4e342e | bold |
| variable.parameter.function.python | #8e44ad | — |
| entity.name.function.python | #e74c3c | — |
| constant.numeric.python | #f39c12 | — |
| string.quoted.single.python, string.quoted.double.python | #1e8449 | — |
| variable.language.special.self.python | #3498db | italic |
| comment.line.double-slash keyword.other.todo | #9b59b6 | bold italic |