Adones Theme
Publisher: Muhammad Ali SamejoThemes in package: 4
A custom dark 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.activeBackground#00000000
- activityBar.background#202a2a
- activityBar.border#343e3f
- activityBar.foreground#b7cacb
- activityBar.inactiveForeground#647371
- activityBarBadge.background#2ba7a7
- activityBarBadge.foreground#ffffff
- badge.background#2ba784
- badge.foreground#cddedb
- breadcrumb.activeSelectionForeground#dbece5
- breadcrumb.background#1f2a26
- breadcrumb.focusForeground#dbece5
- breadcrumb.foreground#acb2af
- button.background#226f6f
- button.foreground#daf2ef
- button.hoverBackground#1e8a80
- button.secondaryBackground#293834
- button.secondaryForeground#daf2f0
- button.secondaryHoverBackground#374745
- checkbox.background#2b3f3e
- checkbox.border#00000000
- checkbox.foreground#c7dedc
- debugExceptionWidget.background#1c3026
- debugExceptionWidget.border#343f39
- debugToolBar.background#1c3026
- debugToolBar.border#343f39
- diffEditor.border#343f3b
- diffEditor.insertedLineBackground#39A87139
- diffEditor.insertedTextBackground#39A87120
- diffEditor.removedLineBackground#401818
- diffEditor.removedTextBackground#592121
- dropdown.background#2b3f3e
- dropdown.border#00000000
- dropdown.foreground#c7dedc
- editor.background#1f2421
- editor.findMatchBackground#3a8271
- editor.findMatchBorder#5e8673
- editor.findMatchHighlightBackground#304b42
- editor.findMatchHighlightBorder#ffffff00
- editor.findRangeHighlightBackground#25322c
- editor.findRangeHighlightBorder#ffffff00
- editor.foldBackground#272e2a
- editor.foreground#a4b8ae
- editor.hoverHighlightBackground#26785940
- editor.inactiveSelectionBackground#2a3833c0
- editor.lineHighlightBackground#2a2e2c
- editor.lineHighlightBorder#ffffff00
- editor.rangeHighlightBackground#ffffff0e
- editor.rangeHighlightBorder#ffffff00
- editor.selectionBackground#20362B7a
- editor.selectionHighlightBackground#2a3833
- editor.selectionHighlightBorder#33755f
- editor.wordHighlightBackground#383b3a
- editor.wordHighlightBorder#484b4a
- editor.wordHighlightStrongBackground#264d48
- editor.wordHighlightStrongBorder#2ba779
- editorBracketMatch.background#232826
- editorBracketMatch.border#515c58
- editorCodeLens.foreground#64756f
- editorCursor.background#ffffff
- editorCursor.foreground#37be92
- editorError.background#00000000
- editorError.border#ffffff00
- editorError.foreground#ba5959
- editorGroup.border#343f3b
- editorGroup.emptyBackground#1f2421
- editorGroupHeader.border#343f39
- editorGroupHeader.tabsBackground#232826
- editorGroupHeader.tabsBorder#00000000
- editorGutter.addedBackground#1e965e
- editorGutter.background#ffffff00
- editorGutter.commentRangeForeground#98a19e
- editorGutter.deletedBackground#e04b4b
- editorGutter.foldingControlForeground#98a19e
- editorGutter.modifiedBackground#317ca9
- editorHoverWidget.background#222826
- editorHoverWidget.border#343f3e
- editorHoverWidget.foreground#a9c4bc
- editorIndentGuide.activeBackground1#566664
- editorIndentGuide.background1#343f3b
- editorInfo.background#ffffff00
- editorInfo.border#ffffff00
- editorInfo.foreground#076c9d
- editorLineNumber.activeForeground#ccd9d5
- editorLineNumber.foreground#899290
- editorLink.activeForeground#a8ffe2
- editorMarkerNavigation.background#272c2a
- editorMarkerNavigationError.background#8a432d
- editorMarkerNavigationInfo.background#107586
- editorMarkerNavigationWarning.background#bca529
- editorOverviewRuler.background#1b2a24
- editorOverviewRuler.border#343f3d
- editorRuler.foreground#343f3b
- editorSuggestWidget.background#252c2a
- editorSuggestWidget.border#343f3c
- editorSuggestWidget.foreground#89a79d
- editorSuggestWidget.highlightForeground#87d7b2
- editorSuggestWidget.selectedBackground#343f3b
- editorWarning.background#ffffff00
- editorWarning.border#ffffff00
- editorWarning.foreground#c9961d
- editorWhitespace.foreground#3d5e53
- editorWidget.background#1c2c26
- editorWidget.foreground#96aba2
- editorWidget.resizeBorder#2ba773
- focusBorder#556b68
- foreground#8c9b9a
- gitDecoration.addedResourceForeground#21ad8d
- gitDecoration.conflictingResourceForeground#537ed1
- gitDecoration.deletedResourceForeground#c2645f
- gitDecoration.ignoredResourceForeground#89838a
- gitDecoration.modifiedResourceForeground#eab073
- gitDecoration.stageDeletedResourceForeground#cd6464
- gitDecoration.stageModifiedResourceForeground#d1bd4e
- gitDecoration.submoduleResourceForeground#7fbdea
- gitDecoration.untrackedResourceForeground#59cbbb
- icon.foreground#8c9b9a
- input.background#2b3f3e
- input.border#00000000
- input.foreground#c7dedc
- input.placeholderForeground#778a89
- inputOption.activeBackground#2ba796
- inputOption.activeBorder#ffffff00
- inputOption.activeForeground#c1d3d1
- list.activeSelectionBackground#218476
- list.activeSelectionForeground#d2dbd9
- list.dropBackground#0b322e
- list.focusBackground#213d3c
- list.focusForeground#b6c0be
- list.highlightForeground#8dd5c7
- list.hoverBackground#1d3232
- list.hoverForeground#b0c0bb
- list.inactiveSelectionBackground#1f413c
- list.inactiveSelectionForeground#d2d7d6
- listFilterWidget.background#6f3e1a
- listFilterWidget.noMatchesOutline#b47649
- listFilterWidget.outline#ffffff00
- menu.background#2e3d3c
- menu.border#515e5c
- menu.foreground#b6c2c0
- menu.selectionBackground#1d7d6f
- menu.selectionBorder#00000000
- menu.selectionForeground#edf2f0
- menu.separatorBackground#4e5656
- menubar.selectionBackground#34514c
- menubar.selectionBorder#00000000
- menubar.selectionForeground#deeae8
- merge.commonContentBackground#272428
- merge.commonHeaderBackground#383538
- merge.currentContentBackground#0a3f37
- merge.currentHeaderBackground#0d6f61
- merge.incomingContentBackground#0e2758
- merge.incomingHeaderBackground#103e6f
- minimap.background#1f2421
- minimap.errorHighlight#ba5959
- minimap.findMatchHighlight#3a8271
- minimap.selectionHighlight#21382c
- minimap.warningHighlight#c9961d
- minimapGutter.addedBackground#1e965e
- minimapGutter.deletedBackground#e04b4b
- minimapGutter.modifiedBackground#317ca9
- notificationCenter.border#343f3c
- notificationCenterHeader.background#1a2420
- notificationCenterHeader.foreground#9ab2ac
- notifications.background#172824
- notifications.border#343f3c
- notifications.foreground#c3d9d6
- notificationsErrorIcon.foreground#e66c6c
- notificationsInfoIcon.foreground#298ad1
- notificationsWarningIcon.foreground#c2a819
- notificationToast.border#343f3b
- panel.background#1b2120
- panel.border#343f3c
- panelSection.border#343f3d
- panelTitle.activeBorder#96dbd1
- panelTitle.activeForeground#96dbc8
- panelTitle.inactiveForeground#7b8a88
- peekView.border#343f3b
- peekViewEditor.background#141830
- peekViewEditor.matchHighlightBackground#584414
- peekViewEditor.matchHighlightBorder#a76620
- peekViewEditorGutter.background#ffffff00
- peekViewResult.background#1f2625
- peekViewResult.fileForeground#95a59e
- peekViewResult.lineForeground#7c8a86
- peekViewResult.matchHighlightBackground#433014
- peekViewResult.selectionBackground#303837
- peekViewResult.selectionForeground#bccbc6
- peekViewTitle.background#1d2120
- peekViewTitleDescription.foreground#7b8883
- peekViewTitleLabel.foreground#d3d7d6
- pickerGroup.border#343f3a
- pickerGroup.foreground#92c0ad
- progressBar.background#2b8e6e
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#157749
- scrollbarSlider.background#2c3d34c5
- scrollbarSlider.hoverBackground#2d4f3de5
- selection.background#21585e
- settings.focusedRowBackground#ffffff07
- settings.headerForeground#8c9b9a
- sideBar.background#1c2423
- sideBar.border#343f3e
- sideBar.dropBackground#0b322e
- sideBar.foreground#99a7a3
- sideBarSectionHeader.background#202a2a00
- sideBarSectionHeader.border#343f3c
- sideBarSectionHeader.foreground#b3c7c2
- sideBarTitle.foreground#8b9d9a
- statusBar.background#2a3836
- statusBar.border#343f3e
- statusBar.debuggingBackground#9d6918
- statusBar.debuggingBorder#3f3d34
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#afbec0
- statusBar.noFolderBackground#49217a
- statusBar.noFolderBorder#343e3f
- statusBar.noFolderForeground#bfd3d2
- statusBarItem.activeBackground#FFFFFF25
- statusBarItem.hoverBackground#173b39
- statusBarItem.remoteBackground#237d68
- statusBarItem.remoteForeground#f1f5f4
- tab.activeBackground#202826
- tab.activeBorder#2ba779
- tab.activeBorderTop#00000000
- tab.activeForeground#dae8e3
- tab.border#343f3b
- tab.hoverBackground#323d38
- tab.hoverForeground#dae4e1
- tab.inactiveBackground#2c3230
- tab.inactiveForeground#9cb0a7
- terminal.ansiBlack#0f0e0f
- terminal.ansiBlue#6f8eec
- terminal.ansiBrightBlack#59565a
- terminal.ansiBrightBlue#adbeff
- terminal.ansiBrightCyan#30c4d3
- terminal.ansiBrightGreen#3ceab1
- terminal.ansiBrightMagenta#c881d7
- terminal.ansiBrightRed#e68080
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#fffd9e
- terminal.ansiCyan#0d9aa9
- terminal.ansiGreen#1fad64
- terminal.ansiMagenta#c13ade
- terminal.ansiRed#f93b3b
- terminal.ansiWhite#e4dce8
- terminal.ansiYellow#f2e40c
- terminal.border#343f3d
- terminal.foreground#b3c7c0
- terminal.selectionBackground#444f4d
- terminalCursor.background#2ba78a
- terminalCursor.foreground#c6d7d1
- textLink.foreground#86e2d5
- titleBar.activeBackground#273634
- titleBar.activeForeground#b6c2c0
- titleBar.border#00000000
- titleBar.inactiveBackground#324944
- titleBar.inactiveForeground#8e9f9d
- tree.indentGuidesStroke#343f3d
- walkThrough.embeddedEditorBackground#00000050
- widget.shadow#29323095
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| constant.other.character-class.regexp | #db6069 | — |
| keyword.operator.quantifier.regexp | #cd936b | — |
| punctuation.definition.string.begin,punctuation.definition.string.end | #66b47d | — |
| variable.parameter.function | #a4b8ae | — |
| comment markup.link | #768280 | — |
| punctuation.separator.key-value | #a4b8ae | — |
| keyword.operator.expression.import | #8bc7f9 | — |
| support.constant.math | #ecbb6e | — |
| support.constant.property.math | #cd936b | — |
| variable.other.constant | #ecbb6e | — |
| keyword.operator.logical | #a3b6bc | — |
| keyword.operator.bitwise | #a3b6bc | — |
| support.constant.property-value.css | #cd936b | — |
| keyword.operator.css | #a3b6bc | — |
| support.constant.color.w3c-standard-color-name.css | #cd936b | — |
| punctuation.separator.list.comma.css | #a4b8ae | — |
| support.constant.color.w3c-standard-color-name.css | #cd936b | — |
| support.type.vendored.property-name.css | #a3b6bc | — |
| support.module.node,support.type.object.module,support.module.node | #ecbb6e | — |
| entity.name.type.module | #ecbb6e | — |
| variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node | #db6069 | — |
| support.constant.json | #cd936b | — |
| keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof | #ca86d7 | — |
| support.type.object.console | #db6069 | — |
| support.variable.property.process | #cd936b | — |
| entity.name.function,support.function.console | #8bc7f9 | — |
| keyword.operator.delete | #ca86d7 | — |
| support.type.object.dom | #a3b6bc | — |
| support.variable.dom,support.variable.property.dom | #db6069 | — |
| keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational | #a3b6bc | — |
| punctuation.separator.delimiter | #a4b8ae | — |
| keyword.operator | #a4b8ae | — |
| keyword.operator.assignment.compound | #ca86d7 | — |
| keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts | #a3b6bc | — |
| keyword | #ca86d7 | — |
| entity.name.namespace | #ecbb6e | — |
| variable | #db6069 | — |
| variable.language | #ecbb6e | — |
| entity.name.function, meta.require, support.function.any-method, variable.function | #8bc7f9 | — |
| entity.name.type.namespace | #ecbb6e | — |
| support.class, entity.name.type.class | #ecbb6e | — |
| entity.name.class.identifier.namespace.type | #ecbb6e | — |
| entity.name.class, variable.other.class.js, variable.other.class.ts | #ecbb6e | — |
| entity.name.type | #ecbb6e | — |
| keyword.control | #ca86d7 | — |
| control.elements | #cd936b | — |
| keyword.other.special-method | #8bc7f9 | — |
| storage | #ca86d7 | — |
| token.storage | #ca86d7 | — |
| keyword.operator.expression.delete,keyword.operator.expression.in,keyword.operator.expression.of,keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.expression.typeof,keyword.operator.expression.void | #ca86d7 | — |
| support.function | #a3b6bc | — |
| support.type.property-name | #a4b8ae | — |
| support.constant.property-value | #a4b8ae | — |
| support.constant.font-name | #cd936b | — |
| meta.tag | #a4b8ae | — |
| string | #66b47d | — |
| entity.other.inherited-class | #ecbb6e | — |
| constant.other.symbol | #a3b6bc | — |
| constant.numeric | #cd936b | — |
| constant | #cd936b | — |
| punctuation.definition.constant | #cd936b | — |
| entity.name.tag | #db6069 | — |
| entity.other.attribute-name | #cd936b | — |
| entity.other.attribute-name.id | #8bc7f9 | normal |
| entity.other.attribute-name.class.css | #cd936b | normal |
| meta.selector | #ca86d7 | — |
| keyword.other.unit | #db6069 | — |
| string.regexp | #a3b6bc | — |
| constant.character.escape | #a3b6bc | — |
| punctuation.section.embedded, variable.interpolation | #db6069 | — |
| punctuation.section.embedded.begin,punctuation.section.embedded.end | #ca86d7 | — |
| invalid.illegal | #ffffff | — |
| invalid.illegal.bad-ampersand.html | #a4b8ae | — |
| invalid.broken | #ffffff | — |
| invalid.deprecated | #ffffff | — |
| invalid.unimplemented | #ffffff | — |
| source.json meta.structure.dictionary.json > string.quoted.json | #db6069 | — |
| source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string | #db6069 | — |
| source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation | #66b47d | — |
| source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json | #a3b6bc | — |
| support.type.property-name.json | #db6069 | — |
| support.type.property-name.json punctuation | #db6069 | — |
| function.parameter | #a4b8ae | — |
| function.brace | #a4b8ae | — |
| rgb-value | #a3b6bc | — |
| inline-color-decoration rgb-value | #cd936b | — |
| support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx | #ecbb6e | — |
| block.scope.end,block.scope.begin | #a4b8ae | — |
| token.info-token | #8bc7f9 | — |
| token.warn-token | #cd936b | — |
| token.error-token | #f44747 | — |
| token.debug-token | #ca86d7 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #ca86d7 | — |
| meta.template.expression | #a4b8ae | — |
| keyword.operator.module | #ca86d7 | — |
| support.type.primitive | #ecbb6e | — |
| meta.property.object | #db6069 | — |
| variable.parameter.function.js | #db6069 | — |
| keyword.other.template.begin | #66b47d | — |
| keyword.other.template.end | #66b47d | — |
| keyword.other.substitution.begin | #66b47d | — |
| keyword.other.substitution.end | #66b47d | — |
| keyword.operator.assignment | #a3b6bc | — |
| punctuation.quasi.element | #ca86d7 | — |
| constant.character.entity | #db6069 | — |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class | #a3b6bc | — |
| meta.brace.square | #a4b8ae | — |
| comment, punctuation.definition.comment | #768280 | italic |
| entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.super | — | italic |
| comment.line.double-slash,comment.block.documentation | — | italic |