Tablely Color Theme
Publisher: EdgarAldairThemes in package: 1
A dark theme with floating glass panels, rounded corners, pill-shaped activity bar, and smooth transitions. Ember Dark palette built around warm orange-amber tones.
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#0a0d11
- activityBar.dropBackground#131a22
- activityBar.foreground#d4683a
- activityBarBadge.background#d4683a
- activityBarBadge.foreground#dbd6cc
- button.background#d4571f
- button.foreground#dbd6cc
- button.hoverBackground#a03d12
- dropdown.background#131a22
- dropdown.border#d4683a
- dropdown.foreground#c8892a
- dropdown.listBackground#0a0d11
- editor.background#0a0d11
- editor.findMatchBackground#c8892a70
- editor.findMatchHighlightBackground#c8892a30
- editor.foreground#dbd6cc
- editor.lineHighlightBackground#0d1015
- editor.selectionBackground#d4683a42
- editor.wordHighlightBackground#d4683a20
- editor.wordHighlightStrongBackground#d4683a35
- editorCursor.foreground#e07535
- editorGroup.border#0a0d11
- editorGroup.emptyBackground#0a0d11
- editorGroupHeader.tabsBackground#0a0d11
- editorHoverWidget.background#0f151d
- editorHoverWidget.border#d4683a30
- editorIndentGuide.background#2a2e35
- editorLineNumber.foreground#3d4455
- editorSuggestWidget.background#0f151d
- editorSuggestWidget.border#d4683a20
- editorSuggestWidget.selectedBackground#171e2c
- editorWhitespace.foreground#2a2e35
- editorWidget.background#131a22
- input.background#080a0e
- input.border#d4683a25
- input.foreground#dbd6cc
- inputOption.activeBorder#d4683a
- inputValidation.errorBackground#7a1f0f
- inputValidation.errorBorder#d4683a
- inputValidation.infoBackground#1a3040
- inputValidation.infoBorder#6ab8c0
- inputValidation.warningBackground#3d2a10
- list.activeSelectionBackground#7a3415
- list.activeSelectionForeground#dbd6cc
- list.focusBackground#7a3415
- list.focusForeground#dbd6cc
- list.hoverBackground#d4683a25
- list.hoverForeground#dbd6cc
- list.inactiveSelectionBackground#171e2c
- menu.background#131a22
- menu.foreground#dbd6cc
- minimap.background#0a0d11
- minimapSlider.activeBackground#d4683a28
- minimapSlider.background#d4683a0d
- minimapSlider.hoverBackground#d4683a18
- pickerGroup.foreground#d4683a
- quickInput.background#131a22
- quickInput.foreground#dbd6cc
- quickInputTitle.background#0f151d
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#d4683a45
- scrollbarSlider.background#d4683a18
- scrollbarSlider.hoverBackground#d4683a30
- sideBar.background#0a0d11
- sideBarSectionHeader.background#131a22
- statusBar.background#131a22
- statusBar.debuggingBackground#7a3415
- statusBar.foreground#7a8494
- statusBar.noFolderBackground#131a22
- statusBarItem.hoverBackground#242930
- tab.activeBackground#171e2c
- tab.activeForeground#dbd6cc
- tab.border#0a0d11
- tab.inactiveBackground#0f141c
- tab.inactiveForeground#5a6272
- titleBar.activeBackground#131a22
- titleBar.activeForeground#9da5b4
- titleBar.inactiveBackground#131a22
- titleBar.inactiveForeground#5a6272
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| support.type.property-name, support.variable, variable | #dbd6cc | — |
| markup.inline.raw, storage.type, support.constant, support.type, support.class | #c8892a | — |
| constant, keyword.other.unit | #6ab8c0 | — |
| comment | #5a4f48 | italic |
| meta.brace, punctuation.definition.array, punctuation.definition.binding-pattern, punctuation.definition.block, punctuation.definition.dictionary, punctuation.definition.string, punctuation.definition.tag, punctuation.section, punctuation.separator, punctuation.support, punctuation.terminator | #4a7c70 | — |
| string, markup.quote | #d4683a | — |
| entity.name.class, entity.name.function, entity.name.type, entity.other.attribute-name, entity.other.inherited-class, markup.heading.setext, support.function | #e8a070 | — |
| entity.name.tag, storage, variable.language | #d9624a | — |
| keyword, punctuation.definition.keyword | #c55e35 | — |
| markup.bold, markup.bold.markdown, punctuation.definition.bold.markdown | #e8a070 | bold |
| markup.italic, markup.italic.markdown, punctuation.definition.italic.markdown | #c8892a | italic |