Skip to main content
Coding Theme

Ariake Dark

Publisher: wartThemes in package: 1

Dark VSCode theme inspired by Japanese traditional colors and the poetry composed 1000 years ago

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#1c1f26
  • diffEditor.insertedTextBackground#43d08a10
  • diffEditor.removedTextBackground#e052521a
  • dropdown.background#1c1f26
  • editor.background#2a2d37
  • editor.foreground#c0c5ce
  • editor.lineHighlightBackground#65737e30
  • editor.selectionBackground#4f5b66
  • editorCursor.foreground#c0c5ce
  • editorGroup.dropBackground#1c1f26
  • editorGroupHeader.tabsBackground#1c1f26
  • editorHoverWidget.background#232830
  • editorHoverWidget.border#343d46
  • editorIndentGuide.background#3b5364
  • editorWhitespace.foreground#65737e
  • editorWidget.background#232830
  • input.background#1c1f26
  • list.activeSelectionBackground#343d46
  • list.focusBackground#343d46
  • list.hoverBackground#1c1f26
  • list.inactiveSelectionBackground#343d46
  • sideBar.background#1c1f26
  • sideBarSectionHeader.background#1c1f26
  • statusBar.background#1c1f26
  • statusBar.debuggingBackground#230000
  • statusBar.foreground#4f5b66
  • tab.border#1c1f26
  • tab.inactiveBackground#1c1f26
  • tab.inactiveForeground#65737f
  • titleBar.activeBackground#1c1f26
  • titleBar.inactiveBackground#1c1f26

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#B9BED5
comment#555C77
entity.name.type#A571F4
entity.other.inherited-class#9AEFEA
keyword#7e7edd
keyword.control#7E7EDD
keyword.operator#b9bed5
keyword.other.special-method#F5FAFF
keyword.other.unit#dda2f6
storage#7e7edd
storage.type.annotation#7e7edd
storage.type.primitive#7e7edd
storage.modifier.package#b9bed5
storage.modifier.import#b9bed5
constant#dda2f6
constant.variable#DDA2F6
constant.character.escape#93ddfb
constant.numeric#dda2f6
constant.other.color#93DDFB
constant.other.symbol#93ddfb
variable#85b1e0
variable.interpolation#4d8acb
variable.parameter#b9bed5
string#9aefea
string.regexp#93ddfb
string.regexp source.ruby.embedded#A571F4
punctuation.definition.comment#555c77
punctuation.definition.method-parameters punctuation.definition.function-parameters punctuation.definition.parameters punctuation.definition.separator punctuation.definition.seperator punctuation.definition.array#B9BED5
punctuation.definition.heading, punctuation.definition.identity#f5faff
punctuation.definition.bold#a571f4 bold
punctuation.definition.italic#7e7edd italic
punctuation.section.embedded#4d8acb
punctuation.section.method, punctuation.section.class, punctuation.section.inner-class#b9bed5
support.class#a571f4
support.type#93ddfb
support.function#93ddfb
support.function.any-method#f5faff
entity.name.function#f5faff
entity.name.class, entity.name.type.class#a571f4
entity.name.section#f5faff
entity.name.tag#85b1e0
entity.other.attribute-name#dda2f6
entity.other.attribute-name.id#f5faff
meta.class.body#b9bed5
meta.method-call, meta.method#b9bed5
meta.definition.variable#85b1e0
meta.link#dda2f6
meta.require#f5faff
meta.selector#7e7edd
meta.separator#b9bed5
meta.tag#b9bed5
underline underline
none#b9bed5
invalid.deprecated#523D14
invalid.illegal#ffffff
markup.bold#dda2f6 bold
markup.changed#7e7edd
markup.deleted#85b1e0
markup.italic#7e7edd italic
markup.heading#85b1e0
markup.heading punctuation.definition.heading#f5faff
markup.link#7e7edd
markup.inserted#9aefea
markup.quote#dda2f6
markup.raw#9aefea
source.cs keyword.operator#7e7edd
source.css property-name, source.css property-value#7d839b
source.css property-name.support, source.css property-value.support#b9bed5
source.gfm link entity#f5faff
source.go storage.type.string#7e7edd
source.ini keyword.other.definition.ini#85b1e0
source.java storage.modifier.import#a571f4
source.java storage.type#a571f4
source.java keyword.operator.instanceof#7e7edd
source.java-properties meta.key-pair#85b1e0
source.js keyword.operator#93ddfb
source.js keyword.operator.js, source.js keyword.operator.delete, source.js keyword.operator.in, source.js keyword.operator.of, source.js keyword.operator.instanceof, source.js keyword.operator.new, source.js keyword.operator.typeof, source.js keyword.operator.void#7E7EDD
source.ruby constant.other.symbol punctuation#93DDFB
source.python keyword.operator.logical.python#7e7edd
source.python variable.parameter#dda2f6
source.java-properties meta.key-pair punctuation#b9bed5
source.json meta.structure.dictionary.json string.quoted.json#85b1e0
source.json meta.structure.dictionary.json string.quoted.json punctuation.string#85B1E0
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#9aefea
source.json meta.structure.dictionary.json constant.language.json, source.json meta.structure.array.json constant.language.json#93ddfb

Shiki preview

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

Loading...

Ariake Dark - Coding Theme