Geist Theme
Publisher: Pieter van ArendThemes in package: 1
Geist Theme for VS Code
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#0A0A0A
- activityBar.border#1F1F1F
- activityBar.foreground#EDEDED
- activityBar.inactiveForeground#A1A1A1
- activityBarBadge.background#0072F5
- activityBarBadge.foreground#EDEDED
- badge.background#0072F5
- button.background#0072F5
- button.foreground#EDEDED
- button.hoverBackground#0062D1
- diffEditor.insertedLineBackground#0B2212
- diffEditor.insertedTextBackground#0B2212
- diffEditor.removedLineBackground#2A1314
- diffEditor.removedTextBackground#2A1314
- dropdown.background#0A0A0A
- dropdown.border#1F1F1F
- dropdown.foreground#EDEDED
- dropdown.listBackground#B31A57
- editor.background#000
- editor.foreground#EDEDED
- editor.lineHighlightBackground#FFFFFF0F
- editor.selectionBackground#0072F5
- editor.selectionHighlightBackground#0072F5
- editorError.foreground#FF0000
- editorGroupHeader.tabsBackground#000
- editorGutter.addedBackground#398E4A
- editorGutter.deletedBackground#D93036
- editorGutter.modifiedBackground#FF990A
- editorLineNumber.activeForeground#EDEDED
- editorLineNumber.dimmedForeground#2E2E2E
- editorLineNumber.foreground#878787
- editorOverviewRuler.border#1F1F1F
- editorWarning.foreground#FF990A
- editorWidget.background#000
- focusBorder#2E2E2E
- gitDecoration.deletedResourceForeground#FF6166
- gitDecoration.ignoredResourceForeground#FFFFFF65
- gitDecoration.modifiedResourceForeground#F8C16A
- gitDecoration.untrackedResourceForeground#62C073
- icon.foreground#A1A1A1
- input.background#0A0A0A
- input.border#2E2E2E
- input.foreground#A1A1A1
- input.placeholderForeground#A1A1A1
- inputOption.activeBackground#292929
- inputOption.activeBorder#878787
- inputOption.activeForeground#EDEDED
- inputOption.hoverBackground#1F1F1F
- inputValidation.errorBackground#3C1618
- inputValidation.errorBorder#E5484D
- inputValidation.errorForeground#FEECEE
- inputValidation.infoBackground#10233D
- inputValidation.infoBorder#0091FF
- inputValidation.infoForeground#EBF6FF
- inputValidation.warningBackground#331B00
- inputValidation.warningBorder#E79D13
- inputValidation.warningForeground#FEF3DC
- list.activeSelectionBackground#FFFFFF21
- list.activeSelectionForeground#EDEDED
- list.errorForeground#FF6166
- list.focusBackground#1A1A1A
- list.focusOutline#0d0d0d
- list.hoverBackground#FFFFFF17
- list.inactiveSelectionBackground#FFFFFF0F
- list.warningForeground#F2A20D
- scrollbar.shadow#1F1F1F
- scrollbarSlider.activeBackground#FFFFFF21
- scrollbarSlider.background#FFFFFF0F
- scrollbarSlider.hoverBackground#FFFFFF17
- sideBar.background#000
- sideBar.border#1F1F1F
- sideBar.foreground#FFFFFF9C
- sideBarActivityBarTop.border#1F1F1F
- sideBarSectionHeader.background#000
- sideBarSectionHeader.border#1F1F1F
- sideBarSectionHeader.foreground#EDEDED
- sideBarStickyScroll.background#000
- sideBarStickyScroll.border#1F1F1F
- sideBarTitle.background#000
- sideBarTitle.border#1F1F1F
- sideBarTitle.foreground#FFFFFF9C
- statusBar.background#000
- statusBar.border#1F1F1F
- statusBar.debuggingBackground#000
- statusBar.debuggingBorder#1F1F1F
- statusBar.debuggingForeground#EDEDED
- statusBar.foreground#EDEDED
- statusBarItem.remoteBackground#000
- statusBarItem.remoteForeground#EDEDED
- tab.activeBackground#000
- tab.border#1F1F1F
- tab.inactiveBackground#0A0A0A
- textLink.activeForeground#0062D1
- textLink.foreground#0072F5
- titleBar.activeBackground#0A0A0A
- titleBar.activeForeground#A1A1A1
- titleBar.border#1F1F1F
- titleBar.inactiveBackground#000
- toolbar.activeBackground#FFFFFF21
- toolbar.hoverBackground#00000000
- toolbar.hoverOutline#A1A1A1
- tree.indentGuidesStroke#1F1F1F
- widget.border#1F1F1F
- widget.shadow#000
- window.activeBorder#1F1F1F
- window.inactiveBorder#1F1F1F
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword.control | #FF4D84 | — |
| storage.type | #FF4D84 | — |
| variable.other.constant | #57A5FF | — |
| entity.name.function | #B875FF | — |
| punctuation.separator.key-value.tsx | #FF4D84 | — |
| keyword.operator.type.annotation | #FF4D84 | — |
| entity.name.type | #B875FF | — |
| entity.name.tag | #33FF66 | — |
| support.class.component | #57A5FF | — |
| entity.other.attribute-name | #B875FF | — |
| keyword.operator.assignment | #FF4D84 | — |
| string.quoted | #33FF66 | — |
| punctuation.definition.string.template | #33FF66 | — |
| punctuation.definition.template-expression | #FF4D84 | — |
| variable.other.object | #57A5FF | — |
| string.template | #33FF66 | — |
| variable.other.property | #EDEDED | — |
| support.type.property-name.json | #FF4D84 | — |
| string.quoted.double.json | #33FF66 | — |
| constant.language.json | #57A5FF | — |
| comment, punctuation.definition.comment | #A1A1A1 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...