Skip to main content
Coding Theme

Denamo Theme

Publisher: Yazan TarifiThemes in package: 1

Denamo is a Dark Theme Built To Give Developers a Nice Look when Create Their own applications With a Nice Dark 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#0e639c
  • activityBar.background#151515
  • activityBar.foreground#EFF0F6
  • button.background#0e639c
  • button.foreground#ffffff
  • dropdown.background#0e639c
  • editor.background#151515
  • editor.foreground#EFF0F6
  • editor.lineHighlightBackground#1d1f30
  • editor.selectionBackground#656FA4
  • editorCursor.foreground#EFF0F6
  • editorGroupHeader.tabsBackground#0e639c
  • editorLineNumber.foreground#858DB7
  • editorWhitespace.foreground#4F5987
  • editorWidget.background#1d1f30
  • editorWidget.border#858DB788
  • focusBorder#0e639c
  • foreground#ffffff
  • input.background#0e639c
  • list.activeSelectionBackground#0e639c
  • list.hoverBackground#0e639c
  • panel.background#151515
  • selection.background#0e639c
  • sideBar.background#151515
  • sideBar.dropBackground#0e639c
  • sideBar.foreground#EFF0F6
  • sideBarSectionHeader.background#0e639c
  • sideBarSectionHeader.foreground#EFF0F6
  • statusBar.background#151515
  • statusBar.border#0e639c
  • statusBar.debuggingBackground#a37ca9
  • statusBar.debuggingBorder#f1b3f1
  • statusBar.debuggingForeground#EFF0F6
  • statusBar.foreground#EFF0F6
  • statusBar.noFolderBackground#151515
  • statusBar.noFolderForeground#EFF0F6
  • statusBarItem.prominentBackground#ffca7a
  • statusBarItem.prominentHoverBackground#0e639c
  • tab.inactiveBackground#3c4367
  • terminal.ansiWhite#ffffff
  • terminal.background#151515
  • terminal.foreground#0e639c
  • terminalCursor.foreground#ffffff
  • textLink.foreground#0e639c
  • titleBar.activeBackground#151515
  • titleBar.activeForeground#EFF0F6

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#EFF0F6
comment#858DB7 italic
string#94BFFF
constant.numeric#F1B3F1
constant.language#0e639c
constant.character, constant.other#0e639c
variable#39FFBA
keyword#FF476E
storage#0e639c
storage.type#01F7F7italic
entity.name.class#39FFBAunderline
entity.other.inherited-class#FFEE7Aitalic underline
entity.name.function#FF476E
variable.parameter#FFEE7Aitalic
entity.name.tag#FF476E
entity.other.attribute-name#39FFBA
support.function#39FFBA
support.constant#FFEE7A
support.type, support.class#39FFBAitalic
support.other.variable#FFEE7A
invalid#F8F8F0
invalid.deprecated#F8F8F0
source.js meta.brace.curly.js, source.js meta.function.js punctuation.definition.parameters.begin.js, source.js meta.function.js punctuation.definition.parameters.end.js, source.js meta.brace.round.js, source.js meta.delimiter.object.comma.js#4F5987
source.python meta.class.python punctuation.definition.inheritance.begin.python, source.python meta.class.python punctuation.definition.inheritance.end.python, source.python meta.function.python punctuation.definition.parameters.begin.python, source.python meta.function.python punctuation.definition.parameters.end.python, source.python meta.function-call.python punctuation.definition.arguments.begin.python, source.python meta.function-call.python punctuation.definition.arguments.end.python, source.python meta.function.python meta.function.parameters.python punctuation.separator.parameters.python#4F5987
source.ruby meta.function.method.with-arguments.ruby punctuation.definition.parameters.ruby, source.ruby punctuation.section.array.ruby, source.ruby punctuation.section.function.ruby, source.ruby meta.require.ruby meta.environment-variable.ruby, source.ruby punctuation.separator.variable.ruby#4F5987
markup.strike#ffca7aitalic
meta.link.inline, meta.link.reference#01f7f7bold
markup.bold#ffca7abold
markup.italic#ffca7aitalic
markup.heading#39ffbabold
punctuation.definition.list_item.markdown#f1b3f1
markup.quote#94bfffitalic
punctuation.definition.blockquote.markdown#94bfffitalic
meta.separator#858db7
text.html.markdown markup.raw.inline#39ffba
text.html.markdown markup.raw.inline#ffca7aunderline
markup.raw.block#39ffba
markup.raw.block.fenced.markdown source#eff0f6
punctuation.definition.fenced.markdown, variable.language.fenced.markdown#858db7italic
variable.language.fenced.markdown#858db7italic
punctuation.accessor#f1b3f1
meta.function.return-type#f1b3f1
punctuation.section.block.begin#eff0f6
punctuation.section.block.end#eff0f6
punctuation.section.embedded.begin#f1b3f1
punctuation.section.embedded.end#f1b3f1
punctuation.separator.namespace#f1b3f1
variable.function#39ffba
variable.other#eff0f6
variable.language#3622f0
entity.name.module.ruby#94bfff
entity.name.constant.ruby#f1b3f1
support.function.builtin.ruby#eff0f6
storage.type.namespace.cs#f1b3f1
entity.name.namespace.cs#94bfff

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Denamo Theme - Coding Theme