2am
Publisher: 33pThemes in package: 1
A slick dark Code theme
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#191919
- activityBar.activeBorder#ee2266
- activityBar.activeFocusBorder#ee2266
- activityBar.background#191919
- activityBar.border#00000000
- activityBar.dropBackground#ee2266
- activityBar.foreground#808080
- activityBar.inactiveForeground#3e3e3e
- activityBarBadge.background#ee2266
- activityBarBadge.foreground#e0e0e0
- breadcrumb.background#191919
- breadcrumb.foreground#6c6c6c
- button.background#292929
- button.foreground#e0e0e0
- button.hoverBackground#ee2266
- checkbox.background#292929
- checkbox.border#e0e0e0
- checkbox.foreground#e0e0e0
- debugExceptionWidget.background#191919
- debugExceptionWidget.border#00000000
- debugIcon.breakpointCurrentStackframeForeground#fda642
- debugIcon.breakpointDisabledForeground#ff330050
- debugIcon.breakpointForeground#ff3300
- debugIcon.breakpointStackframeForeground#a6e22e
- debugIcon.breakpointUnverifiedForeground#ee2266
- debugIcon.continueForeground#a6e22e
- debugIcon.disconnectForeground#ff3300
- debugIcon.pauseForeground#fda642
- debugIcon.restartForeground#a6e22e
- debugIcon.startForeground#a6e22e
- debugIcon.stepBackForeground#008fce
- debugIcon.stepIntoForeground#008fce
- debugIcon.stepOutForeground#008fce
- debugIcon.stepOverForeground#008fce
- debugIcon.stopForeground#ff3300
- debugToolBar.background#292929
- debugToolBar.border#292929
- descriptionForeground#a0a0a0
- diffEditor.border#00000000
- diffEditor.insertedTextBackground#a6e22e50
- diffEditor.insertedTextBorder#00000000
- diffEditor.removedTextBackground#ff330050
- diffEditor.removedTextBorder#00000000
- dropdown.background#292929
- dropdown.listBackground#292929
- editor.background#1e1e1e
- editor.findMatchBackground#1fb1d4
- editor.findMatchBorder#00000000
- editor.findMatchHighlightBackground#00000000
- editor.findMatchHighlightBorder#1fb1d4
- editor.findRangeHighlightBackground#292929
- editor.findRangeHighlightBorder#00000000
- editor.focusedStackFrameHighlightBackground#a6e22e70
- editor.foldBackground#141414
- editor.foreground#e0e0e0
- editor.hoverHighlightBackground#008fce30
- editor.inactiveSelectionBackground#ee226688
- editor.lineHighlightBackground#292929
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#1fb1d470
- editor.rangeHighlightBorder#00000000
- editor.selectionBackground#ee2266
- editor.selectionForeground#000000
- editor.selectionHighlightBackground#00000000
- editor.selectionHighlightBorder#ee2266
- editor.snippetFinalTabstopHighlightBackground#00000000
- editor.snippetFinalTabstopHighlightBorder#a6e22e
- editor.snippetTabstopHighlightBackground#00000000
- editor.snippetTabstopHighlightBorder#008fce
- editor.stackFrameHighlightBackground#fda64270
- editor.symbolHighlightBackground#00000000
- editor.symbolHighlightBorder#1fb1d4
- editor.wordHighlightBackground#1fb1d430
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#1fb1d470
- editor.wordHighlightStrongBorder#00000000
- editorBracketMatch.background#ee2266
- editorBracketMatch.border#00000000
- editorCodeLens.foreground#4d4d4d
- editorCursor.background#191919
- editorCursor.foreground#ffffff
- editorError.border#00000000
- editorError.foreground#ff3300
- editorGroup.border#000000
- editorGroup.dropBackground#ee2266
- editorGroup.emptyBackground#141414
- editorGroup.focusedEmptyBorder#ee2266
- editorGroupHeader.noTabsBackground#191919
- editorGroupHeader.tabsBackground#191919
- editorGroupHeader.tabsBorder#00000000
- editorGutter.addedBackground#a6e22e
- editorGutter.background#1e1e1e
- editorGutter.commentRangeForeground#808080
- editorGutter.deletedBackground#ff3300
- editorGutter.modifiedBackground#1fb1d4
- editorHint.border#00000000
- editorHint.foreground#ee2266
- editorHoverWidget.background#191919
- editorHoverWidget.border#191919
- editorHoverWidget.foreground#e0e0e0
- editorHoverWidget.statusBarBackground#292929
- editorIndentGuide.activeBackground#3e3e3e
- editorIndentGuide.background#292929
- editorInfo.border#00000000
- editorInfo.foreground#008fce
- editorLightBulb.foreground#fda642
- editorLightBulbAutoFix.foreground#1fb1d4
- editorLineNumber.activeForeground#ee2266
- editorLineNumber.foreground#808080
- editorLink.activeForeground#ee2266
- editorMarkerNavigation.background#191919
- editorMarkerNavigationError.background#ff3300
- editorMarkerNavigationInfo.background#008fce
- editorMarkerNavigationWarning.background#fda642
- editorOverviewRuler.addedForeground#a6e22e
- editorOverviewRuler.border#00000000
- editorOverviewRuler.bracketMatchForeground#ee2266
- editorOverviewRuler.deletedForeground#ff3300
- editorOverviewRuler.errorForeground#ff3300
- editorOverviewRuler.findMatchForeground#1fb1d4
- editorOverviewRuler.infoForeground#008fce
- editorOverviewRuler.modifiedForeground#1fb1d4
- editorOverviewRuler.rangeHighlightForeground#1fb1d4
- editorOverviewRuler.selectionHighlightForeground#ee2266
- editorOverviewRuler.warningForeground#fda642
- editorOverviewRuler.wordHighlightForeground#1fb1d4
- editorOverviewRuler.wordHighlightStrongForeground#1fb1d4
- editorPane.background#191919
- editorRuler.foreground#000000
- editorSuggestWidget.background#191919
- editorSuggestWidget.border#00000000
- editorSuggestWidget.foreground#e0e0e0
- editorSuggestWidget.highlightForeground#ee2266
- editorSuggestWidget.selectedBackground#292929
- editorUnnecessaryCode.border#3e3e3e
- editorUnnecessaryCode.opacity#00000088
- editorWarning.border#00000000
- editorWarning.foreground#fda642
- editorWhitespace.foreground#3e3e3e
- editorWidget.background#191919
- editorWidget.border#00000000
- editorWidget.foreground#e0e0e0
- editorWidget.resizeBorder#292929
- errorForeground#ff3300
- extensionBadge.remoteBackground#ee2266
- extensionBadge.remoteForeground#e0e0e0
- extensionButton.prominentBackground#4d4d4d
- extensionButton.prominentForeground#e0e0e0
- extensionButton.prominentHoverBackground#ee2266
- focusBorder#ee2266
- foreground#e0e0e0
- gitDecoration.addedResourceForeground#a6e22e
- gitDecoration.deletedResourceForeground#ff3300
- gitDecoration.ignoredResourceForeground#6c6c6c
- gitDecoration.modifiedResourceForeground#1fb1d4
- gitDecoration.untrackedResourceForeground#ee2266
- icon.foreground#a0a0a0
- input.background#292929
- input.border#00000000
- input.foreground#e0e0e0
- input.placeholderForeground#808080
- inputOption.activeBackground#ee2266
- inputOption.activeBorder#00000000
- inputValidation.errorBackground#191919
- inputValidation.errorBorder#ff3300
- inputValidation.errorForeground#e0e0e0
- inputValidation.infoBackground#191919
- inputValidation.infoBorder#008fce
- inputValidation.infoForeground#e0e0e0
- inputValidation.warningBackground#191919
- inputValidation.warningBorder#fda642
- inputValidation.warningForeground#e0e0e0
- list.activeSelectionBackground#292929
- list.dropBackground#ee2266
- list.errorForeground#ff3300
- list.focusBackground#292929
- list.highlightForeground#ee2266
- list.hoverBackground#1e1e1e
- list.inactiveSelectionBackground#292929
- list.warningForeground#fda642
- listFilterWidget.outline#ee2266
- menu.background#191919
- menu.border#00000000
- menu.foreground#e0e0e0
- menu.selectionBackground#292929
- menu.selectionBorder#00000000
- menu.selectionForeground#e0e0e0
- menu.separatorBackground#292929
- menubar.selectionBackground#292929
- menubar.selectionBorder#00000000
- menubar.selectionForeground#ee2266
- minimap.errorHighlight#ff3300
- minimap.findMatchHighlight#ee226650
- minimap.selectionHighlight#ee2266
- minimap.warningHighlight#fda642
- minimapGutter.addedBackground#a6e22e
- minimapGutter.deletedBackground#ff3300
- minimapGutter.modifiedBackground#1fb1d4
- notificationCenter.border#00000000
- notificationCenterHeader.background#191919
- notificationCenterHeader.foreground#808080
- notificationLink.foreground#ee2266
- notifications.background#191919
- notifications.border#00000000
- notifications.foreground#e0e0e0
- notificationsErrorIcon.foreground#ff3300
- notificationsInfoIcon.foreground#008fce
- notificationsWarningIcon.foreground#fda642
- notificationToast.border#00000000
- panel.background#191919
- panel.border#191919
- peekView.border#3e3e3e
- peekViewEditor.background#191919
- peekViewEditor.matchHighlightBackground#191919
- peekViewEditor.matchHighlightBorder#ee2266
- peekViewEditorGutter.background#191919
- peekViewResult.background#191919
- peekViewResult.fileForeground#808080
- peekViewResult.lineForeground#a0a0a0
- peekViewResult.matchHighlightBackground#ee2266
- peekViewResult.selectionBackground#292929
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#292929
- peekViewTitleDescription.foreground#808080
- peekViewTitleLabel.foreground#e0e0e0
- pickerGroup.border#292929
- pickerGroup.foreground#6c6c6c
- problemsErrorIcon.foreground#ff3300
- problemsInfoIcon.foreground#008fce
- problemsWarningIcon.foreground#fda642
- progressBar.background#ee2266
- quickInput.background#191919
- quickInput.foreground#a0a0a0
- searchEditor.findMatchBackground#00000000
- searchEditor.findMatchBorder#1fb1d4
- searchEditor.textInputBorder#ee2266
- selection.background#ee2266
- settings.checkboxBackground#292929
- settings.checkboxBorder#e0e0e0
- settings.checkboxForeground#e0e0e0
- settings.dropdownBackground#292929
- settings.dropdownBorder#00000000
- settings.dropdownForeground#e0e0e0
- settings.dropdownListBorder#00000000
- settings.headerForeground#ffffff
- settings.modifiedItemIndicator#ee2266
- settings.numberInputBackground#292929
- settings.numberInputBorder#00000000
- settings.numberInputForeground#e0e0e0
- settings.textInputBackground#292929
- settings.textInputBorder#00000000
- settings.textInputForeground#e0e0e0
- sideBar.background#191919
- sideBar.dropBackground#ee2266
- sideBar.foreground#a0a0a0
- sideBarSectionHeader.background#1e1e1e
- sideBarSectionHeader.foreground#6c6c6c
- sideBarTitle.foreground#6c6c6c
- statusBar.background#191919
- statusBar.debuggingBackground#008fce
- statusBar.debuggingForeground#191919
- statusBar.foreground#808080
- statusBar.noFolderBackground#ee2266
- statusBar.noFolderForeground#191919
- statusBarItem.hoverBackground#ee2266
- statusBarItem.prominentForeground#ffffff
- tab.activeBackground#191919
- tab.activeBorder#00000000
- tab.activeBorderTop#ee2266
- tab.activeForeground#e0e0e0
- tab.activeModifiedBorder#00000000
- tab.border#00000000
- tab.hoverBackground#1e1e1e
- tab.hoverBorder#ee2266
- tab.inactiveBackground#191919
- tab.inactiveForeground#6c6c6c
- tab.inactiveModifiedBorder#00000000
- tab.unfocusedActiveBackground#191919
- tab.unfocusedActiveBorder#00000000
- tab.unfocusedActiveBorderTop#ee226688
- tab.unfocusedActiveForeground#e0e0e088
- tab.unfocusedActiveModifiedBorder#00000000
- tab.unfocusedHoverBackground#1e1e1e
- tab.unfocusedHoverBorder#ee2266
- tab.unfocusedInactiveForeground#6c6c6c88
- tab.unfocusedInactiveModifiedBorder#00000000
- terminal.ansiBlack#4d4d4d
- terminal.ansiBlue#008fce
- terminal.ansiBrightBlack#6c6c6c
- terminal.ansiBrightBlue#00bfdf
- terminal.ansiBrightCyan#44ffff
- terminal.ansiBrightGreen#ccff44
- terminal.ansiBrightMagenta#ff00ff
- terminal.ansiBrightRed#ff3300
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffcc00
- terminal.ansiCyan#44eecc
- terminal.ansiGreen#a6e22e
- terminal.ansiMagenta#ff0099
- terminal.ansiRed#cc3300
- terminal.ansiWhite#a0a0a0
- terminal.ansiYellow#ff7700
- terminal.background#191919
- terminal.border#1e1e1e
- terminal.foreground#e0e0e0
- terminal.selectionBackground#ee226670
- terminalCursor.background#292929
- terminalCursor.foreground#e0e0e0
- textBlockQuote.background#191919
- textBlockQuote.border#ee2266
- textCodeBlock.background#191919
- textLink.activeForeground#ee2266
- textLink.foreground#ee2266
- textPreformat.foreground#66ffbb
- textSeparator.foreground#e0e0e0
- titleBar.activeBackground#191919
- titleBar.activeForeground#a0a0a0
- titleBar.border#00000000
- titleBar.inactiveBackground#191919
- titleBar.inactiveForeground#808080
- tree.indentGuidesStroke#292929
- walkThrough.embeddedEditorBackground#191919
- welcomePage.background#1e1e1e
- welcomePage.buttonBackground#191919
- welcomePage.buttonHoverBackground#292929
- widget.shadow#00000000
- window.activeBorder#141414
- window.inactiveBorder#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #808080 | — |
| variable, string constant.other.placeholder, meta.block variable.other, variable.other.php, support.other.variable, punctuation.definition.variable.php | #cceeff | — |
| constant.other.color | #ffffff | — |
| invalid, invalid.illegal | #f8f8f0 | |
| storage, storage.modifier | #ff5370 | — |
| storage.type | #66d9ef | — |
| constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded | #e0e0e0 | — |
| keyword, keyword.control, keyword.other.template, keyword.other.substitution, punctuation.definition.keyword | #a6e22e | — |
| keyword.other.special-method | #66d9ef | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #53c0da | — |
| meta.function-call, variable.function | #a6e22e | — |
| entity.name.function | #cceeff | — |
| support.function | #66d9ef | — |
| string.other.link | #0066ff | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other | #bfe04b | — |
| variable.parameter | #fda642 | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #66ffbb | — |
| entity.name, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #bfe04b | — |
| support.type, support.class | #90cbd6 | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #90cbd6 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #ff5370 | — |
| variable.language | #90cbd6 | italic |
| entity.name.method.js | #82AAFF | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #82AAFF | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #66d9ef | italic |
| entity.other.attribute-name.class | #0a9abd | — |
| source.sass keyword.control | #82AAFF | — |
| meta.property-value.css | #bfe04b | — |
| entity.other.attribute-name | #1fb1d4 | — |
| markup.inserted | #C3E88D | — |
| markup.deleted | #FF5370 | — |
| markup.changed | #C792EA | — |
| string.regexp | #89DDFF | — |
| constant.character.escape | #89DDFF | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #82AAFF | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #FF5370 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #119fc1 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #66d9ef | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #5ed4eb | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #53cce5 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #46c3de | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #38b9d6 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #2ab0ce | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #1da7c7 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #119fc1 | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #e0e0e0 | — |
| text.html.markdown markup.inline.raw.markdown | #C792EA | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #65737E | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #C3E88D | — |
| markup.italic | #f07178 | italic |
| markup.bold, markup.bold string | #f07178 | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #f07178 | bold |
| markup.underline | #F78C6C | underline |
| markup.quote punctuation.definition.blockquote.markdown | #65737E | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #82AAFF | — |
| string.other.link.description.title.markdown | #C792EA | — |
| constant.other.reference.link.markdown | #FFCB6B | — |
| markup.raw.block | #C792EA | — |
| markup.raw.block.fenced.markdown | #00000050 | — |
| punctuation.definition.fenced.markdown | #00000050 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #EEFFFF | — |
| variable.language.fenced.markdown | #65737E | — |
| meta.separator | #65737E | bold |
| markup.table | #EEFFFF | — |