GG Djaja
Publisher: bedeuteThemes in package: 3
VSCode theme inspirede by GG Djaja packaging
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.activeBackground#0f211c
- activityBar.activeBorder#562025
- activityBar.activeFocusBorder#6e2b34
- activityBar.background#12201d
- activityBar.border#12201d
- activityBar.foreground#647d76
- activityBar.inactiveForeground#718a8383
- activityBarBadge.background#6c2932
- activityBarBadge.foreground#e4c9cc
- badge.background#89a49c
- badge.foreground#11231e
- breadcrumb.activeSelectionForeground#638278
- breadcrumb.background#11261f
- breadcrumb.focusForeground#638278
- breadcrumb.foreground#4e655e
- button.background#66242e
- button.foreground#cfafb4
- button.hoverBackground#6c2932
- button.secondaryBackground#1c332d
- button.secondaryForeground#95a7a1
- button.secondaryHoverBackground#1f3831
- checkbox.background#101e1b
- checkbox.border#12201d
- checkbox.foreground#647d76
- debugExceptionWidget.background#5e1d28
- debugExceptionWidget.border#66242e
- debugToolBar.background#5e1d28
- debugToolBar.border#66242e
- diffEditor.border#6c7d6476
- diffEditor.insertedTextBackground#61889416
- diffEditor.insertedTextBorder#61889406
- diffEditor.removedTextBackground#961d6d2a
- diffEditor.removedTextBorder#961d6d10
- dropdown.background#101e1b
- dropdown.border#12201d
- dropdown.foreground#647d76
- editor.background#11261f
- editor.findMatchBackground#3a774f52
- editor.findMatchBorder#32734b3c
- editor.findMatchHighlightBackground#b716523c
- editor.findMatchHighlightBorder#921c3840
- editor.findRangeHighlightBackground#45967414
- editor.findRangeHighlightBorder#45967402
- editor.foldBackground#64d59c10
- editor.foreground#56756c
- editor.hoverHighlightBackground#2f9d6944
- editor.inactiveSelectionBackground#5488701a
- editor.lineHighlightBackground#0f231e
- editor.lineHighlightBorder#11261f
- editor.rangeHighlightBackground#4596741e
- editor.rangeHighlightBorder#45967404
- editor.selectionBackground#54887030
- editor.selectionHighlightBackground#9ae4b32a
- editor.selectionHighlightBorder#4e905842
- editor.wordHighlightBackground#9277273c
- editor.wordHighlightBorder#927a343c
- editor.wordHighlightStrongBackground#2892563c
- editor.wordHighlightStrongBorder#2892563c
- editorBracketMatch.background#37c47c14
- editorBracketMatch.border#37c47c1a
- editorCodeLens.foreground#4e625a
- editorCursor.background#081c16
- editorCursor.foreground#97a19e89
- editorError.background#B73A3400
- editorError.border#ffffff00
- editorError.foreground#9b3c5ba3
- editorGroup.border#562025
- editorGroup.emptyBackground#11261f
- editorGroupHeader.border#0f211c
- editorGroupHeader.tabsBackground#0f211c
- editorGroupHeader.tabsBorder#132520
- editorGutter.addedBackground#283d0f
- editorGutter.background#11261f
- editorGutter.commentRangeForeground#6e2b34
- editorGutter.deletedBackground#562025
- editorGutter.foldingControlForeground#6e2b34
- editorGutter.modifiedBackground#143b37
- editorHoverWidget.background#12201d
- editorHoverWidget.border#1e322b
- editorHoverWidget.foreground#5c746d
- editorIndentGuide.activeBackground#233c33
- editorIndentGuide.background#1a3029
- editorInfo.background#4490BF00
- editorInfo.border#4490BF00
- editorInfo.foreground#3f81bc95
- editorLineNumber.activeForeground#562025
- editorLineNumber.foreground#273d37
- editorLink.activeForeground#3e4ea9
- editorMarkerNavigation.background#06211a
- editorMarkerNavigationError.background#6d3344
- editorMarkerNavigationInfo.background#27575a
- editorMarkerNavigationWarning.background#60542f
- editorOverviewRuler.background#5ce0b408
- editorOverviewRuler.border#6f928616
- editorRuler.foreground#0e211a
- editorSuggestWidget.background#12201d
- editorSuggestWidget.border#1e322b
- editorSuggestWidget.foreground#5c746d
- editorSuggestWidget.highlightForeground#6c2932
- editorSuggestWidget.selectedBackground#182623
- editorWarning.background#A9904000
- editorWarning.border#ffffff00
- editorWarning.foreground#99713e95
- editorWhitespace.foreground#c2ded222
- editorWidget.background#12201d
- editorWidget.foreground#5c746d
- editorWidget.resizeBorder#6c2932
- focusBorder#562025
- foreground#849993
- gitDecoration.addedResourceForeground#667a50
- gitDecoration.conflictingResourceForeground#815d96
- gitDecoration.deletedResourceForeground#804b57
- gitDecoration.ignoredResourceForeground#4b6e5c
- gitDecoration.modifiedResourceForeground#807954
- gitDecoration.stageDeletedResourceForeground#7d504a
- gitDecoration.stageModifiedResourceForeground#857251
- gitDecoration.submoduleResourceForeground#557282
- gitDecoration.untrackedResourceForeground#4a7558
- icon.foreground#849993
- input.background#101e1b
- input.border#12201d
- input.foreground#647d76
- input.placeholderForeground#324741
- inputOption.activeBackground#66242ed5
- inputOption.activeBorder#66242e
- inputOption.activeForeground#b48088
- list.activeSelectionBackground#112621
- list.activeSelectionForeground#719387
- list.dropBackground#112621
- list.focusBackground#182b25
- list.focusForeground#71827d
- list.highlightForeground#6c2932
- list.hoverBackground#132822
- list.hoverForeground#75968c
- list.inactiveSelectionBackground#132822
- list.inactiveSelectionForeground#75968c
- listFilterWidget.background#12201d
- listFilterWidget.noMatchesOutline#562025
- listFilterWidget.outline#1f322d
- menu.background#12201d
- menu.border#101e1b
- menu.foreground#5f7d72
- menu.selectionBackground#152722
- menu.selectionBorder#a5b9b200
- menu.selectionForeground#719185
- menu.separatorBackground#152722
- menubar.selectionBackground#142420
- menubar.selectionBorder#142420
- menubar.selectionForeground#719185
- merge.commonContentBackground#293d3781
- merge.commonHeaderBackground#293d37
- merge.currentContentBackground#104f3e93
- merge.currentHeaderBackground#104f3e
- merge.incomingContentBackground#1b3d56a1
- merge.incomingHeaderBackground#1b3d56
- minimap.background#11261f
- minimap.errorHighlight#9b3c5ba3
- minimap.findMatchHighlight#3a774f52
- minimap.selectionHighlight#54887030
- minimap.warningHighlight#99713e95
- minimapGutter.addedBackground#283d0f
- minimapGutter.deletedBackground#562025
- minimapGutter.modifiedBackground#143b37
- minimapSlider.activeBackground#21443b4d
- minimapSlider.background#21443b2a
- minimapSlider.hoverBackground#21443b38
- notificationCenter.border#11261f
- notificationCenterHeader.background#101e1b
- notificationCenterHeader.foreground#849993
- notifications.background#12201d
- notifications.border#11261f
- notifications.foreground#647d76
- notificationsErrorIcon.foreground#843b5d
- notificationsInfoIcon.foreground#467b94
- notificationsWarningIcon.foreground#807138
- notificationToast.border#11261f
- panel.background#11231e
- panel.border#162b25
- panelSection.border#162b25
- panelTitle.activeBorder#562025
- panelTitle.activeForeground#89a49c
- panelTitle.inactiveForeground#4e6b62
- peekView.border#163029
- peekViewEditor.background#0f211c
- peekViewEditor.matchHighlightBackground#71991b40
- peekViewEditor.matchHighlightBorder#71991b40
- peekViewEditorGutter.background#11231e
- peekViewResult.background#11231e
- peekViewResult.fileForeground#647d76
- peekViewResult.lineForeground#435953
- peekViewResult.matchHighlightBackground#889d63
- peekViewResult.selectionBackground#132822
- peekViewResult.selectionForeground#7d9f97
- peekViewTitle.background#0f211c
- peekViewTitleDescription.foreground#3d6056
- peekViewTitleLabel.foreground#5f7d75
- pickerGroup.border#12201d
- pickerGroup.foreground#6e2b34
- progressBar.background#562025
- scrollbar.shadow#010d0668
- scrollbarSlider.activeBackground#1d302a
- scrollbarSlider.background#152722
- scrollbarSlider.hoverBackground#1b2e28
- selection.background#562025d5
- settings.focusedRowBackground#ffffff07
- settings.headerForeground#849993
- sideBar.background#0f211c
- sideBar.border#12201d
- sideBar.dropBackground#112621
- sideBar.foreground#647d76
- sideBarSectionHeader.background#5d93ad00
- sideBarSectionHeader.border#ffffff00
- sideBarSectionHeader.foreground#647d76
- sideBarTitle.foreground#647d76
- statusBar.background#101e1b
- statusBar.border#0e1c1800
- statusBar.debuggingBackground#202411
- statusBar.debuggingBorder#36261800
- statusBar.debuggingForeground#7d5b29
- statusBar.foreground#435953
- statusBar.noFolderBackground#111c2a
- statusBar.noFolderBorder#34254300
- statusBar.noFolderForeground#7b46a7
- statusBarItem.activeBackground#FFFFFF25
- statusBarItem.hoverBackground#f8fdfb08
- statusBarItem.remoteBackground#11231e
- statusBarItem.remoteForeground#5f7d72
- tab.activeBackground#11261f
- tab.activeBorder#b2333300
- tab.activeBorderTop#562025
- tab.activeForeground#84a396
- tab.border#132520
- tab.hoverBackground#d3373700
- tab.hoverBorder#ff111100
- tab.hoverForeground#84a396
- tab.inactiveBackground#0f211c
- tab.inactiveForeground#536b64
- terminal.ansiBlack#192b26
- terminal.ansiBlue#556f82
- terminal.ansiBrightBlack#2c3f39
- terminal.ansiBrightBlue#5e86a3
- terminal.ansiBrightCyan#508c84
- terminal.ansiBrightGreen#508858
- terminal.ansiBrightMagenta#9469ad
- terminal.ansiBrightRed#9b5363
- terminal.ansiBrightWhite#99b4ab
- terminal.ansiBrightYellow#968e5e
- terminal.ansiCyan#4a7570
- terminal.ansiGreen#4a7550
- terminal.ansiMagenta#815d96
- terminal.ansiRed#804b57
- terminal.ansiWhite#89a49c
- terminal.ansiYellow#807954
- terminal.border#162b25
- terminal.foreground#89a49c
- terminal.selectionBackground#4d7b612a
- terminalCursor.background#66242e
- terminalCursor.foreground#92aba4
- textLink.activeForeground#943243
- textLink.foreground#802933
- titleBar.activeBackground#12201d
- titleBar.activeForeground#5f7d72
- titleBar.border#12201d
- titleBar.inactiveBackground#15211e
- titleBar.inactiveForeground#495e55
- tree.indentGuidesStroke#1c2e29
- walkThrough.embeddedEditorBackground#00000050
- welcomePage.tileHoverBackground#98d5c40a
- widget.shadow#08191589
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #97afa8 | — |
| comment, string.comment | #334c45 | italic |
| string | #c2bb5f | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #c74c6f | — |
| meta.string.template | #bd9055 | — |
| meta | #b8d1ca | — |
| constant.numeric | #a26bd1 | — |
| string.embedded.begin, string.embedded.end | #a26bd1 | — |
| string.embedded | #8dac60 | — |
| constant.language | #a26bd1 | — |
| constant.character, constant.other | #a26bd1 | — |
| variable.language | #c74c6f | italic |
| variable.readwrite, variable.readwrite.other.block | #6091c3 | — |
| keyword, keyword.operator.logical, keyword.operator.constructor | #c74c6f | — |
| keyword.operator | #c74c6f | — |
| storage | #c74c6f | italic |
| storage.type | #4bacb0 | — |
| entity.name.class, entity.name.module, entity.name.type, storage.identifier, support.class | #6091c3 | — |
| meta.block.switch.c, variable.other.object | #6091c3 | — |
| variable.other.property, variable.other.block | #b8d1ca | — |
| entity.other.inherited-class | #5db075 | — |
| entity.name.function, support.function | #5db075 | — |
| support.function | #4bacb0 | — |
| variable.parameter | #c68c46 | italic |
| entity.name.function-call | #b8d1ca | — |
| function.support.builtin, function.support.core | #5db075 | — |
| entity.name.tag, entity.name.tag.class.js, entity.name.tag.class.jsx | #c74c6f | — |
| entity.name.tag.class, entity.name.tag.id | #4bacb0 | — |
| entity.other.attribute-name | #5db075 | — |
| support.constant | #4bacb0 | — |
| support.type, support.variable | #4bacb0 | — |
| support.dictionary.json | #4bacb0 | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, support.type.property-name.sass | #6ac9c6 | — |
| support.constant.css, support.constant.scss, support.constant.less, support.constant.sass | #8dac60 | — |
| variable.css, variable.scss, variable.less, variable.sass | #68bfb2 | — |
| variable.css.string, variable.scss.string, variable.less.string, variable.sass.string | #cbb284 | — |
| unit.css, unit.scss, unit.less, unit.sass | #ae66c5 | — |
| constant.numeric.css, constant.numeric.scss, constant.numeric.less, constant.numeric.sass | #a26bd1 | — |
| function.css, function.scss, function.less, function.sass | #68bfb2 | — |
| support.other.variable | — | |
| invalid | #b8d1ca | — |
| invalid.deprecated | #b8d1ca | — |
| structure.dictionary.property-name.json | #68bfb2 | — |
| string.detected-link | #6091c3 | — |
| meta.diff, meta.diff.header | #787d5b | — |
| markup.deleted | #b56ea7 | — |
| markup.inserted | #cbb284 | — |
| markup.changed | #cbb284 | — |
| constant.numeric.line-number.find-in-files - match | #68bfb2A0 | — |
| entity.name.filename.find-in-files | #cbb284 | — |
| markup.italic, markup.italic.markdown | — | italic |
| punctuation.definition.italic.markdown | #466059 | |
| markup.underline.link.markdown | #6091c3 | — |
| markup.bold.markdown | — | bold |
| punctuation.definition.bold.markdown | #596a65 | |
| markup.heading.markdown | #c74c6f | bold |
| punctuation.definition.heading.markdown | #596a65 | |
| markup.quote.markdown | #80b450 | — |
| meta.separator.markdown | #b56ea7 | bold |
| markup.raw.inline.markdown, markup.raw.block.markdown | #68bfb2 | — |
| punctuation.definition.list_item.markdown | #c6ded8 | bold |
| variable.other.jsdoc | #628286 | — |