Skip to main content
Coding Theme

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#2d2a4520
  • activityBar.activeBorder#2d2a45
  • activityBar.background#191726
  • activityBar.border#23213600
  • activityBar.dropBorder#415166CC
  • activityBar.foreground#d6d6d7
  • activityBar.inactiveForeground#415166
  • activityBarBadge.background#a6dae3
  • activityBarBadge.foreground#191726
  • badge.background#63CDCF
  • badge.foreground#191726
  • breadcrumb.activeSelectionForeground#e0def4
  • breadcrumb.background#2d2a45AA
  • breadcrumb.focusForeground#cdcbe0
  • breadcrumb.foreground#6e6a86
  • breadcrumbPicker.background#232136
  • button.background#63CDCF
  • button.foreground#222244
  • button.hoverBackground#8be9fd
  • contrastActiveBorder#FFFFFF00
  • contrastBorder#FFFFFF00
  • debugExceptionWidget.background#223249
  • debugExceptionWidget.border#3a567d
  • debugIcon.continueForeground#569fba
  • debugIcon.disconnectForeground#eb6f92
  • debugIcon.pauseForeground#569fba
  • debugIcon.restartForeground#a3be8c
  • debugIcon.startForeground#569fba
  • debugIcon.stepBackForeground#9ccfd8
  • debugIcon.stepIntoForeground#ea9a97
  • debugIcon.stepOutForeground#f6c177
  • debugIcon.stepOverForeground#8be9fd
  • debugIcon.stopForeground#eb6f92
  • debugToolBar.background#191726
  • descriptionForeground#c4a7e7
  • diffEditor.insertedTextBackground#a3be8c0E
  • diffEditor.insertedTextBorder#a3be8c9A
  • diffEditor.removedTextBackground#eb6f921A
  • diffEditor.removedTextBorder#eb6f9281
  • dropdown.background#232136
  • dropdown.border#415166
  • dropdown.foreground#CDCECF
  • editor.background#232136
  • editor.findMatchBackground#81B29A44
  • editor.findMatchHighlightBackground#8DB9A433
  • editor.findRangeHighlightBackground#8DB9A433
  • editor.foreground#CDCECF
  • editor.hoverHighlightBackground#ea9a9756
  • editor.inactiveSelectionBackground#41516688
  • editor.lineHighlightBackground#29394e
  • editor.lineHighlightBorder#29394e
  • editor.linkedEditingBackground#9D79D6AA
  • editor.rangeHighlightBackground#41516644
  • editor.selectionBackground#415166C0
  • editor.selectionHighlightBackground#f6c17746
  • editor.snippetFinalTabstopHighlightBackground#E0C98962
  • editor.snippetFinalTabstopHighlightBorder#E0C98900
  • editor.snippetTabstopHighlightBackground#E0C98962
  • editor.snippetTabstopHighlightBorder#E0C98900
  • editor.wordHighlightBackground#415166AA
  • editor.wordHighlightStrongBackground#415166DD
  • editorBracketHighlight.foreground1#e0def4
  • editorBracketHighlight.foreground2#c4a7e7
  • editorBracketHighlight.foreground3#a3be8c
  • editorBracketHighlight.foreground4#569fba
  • editorBracketHighlight.foreground5#f6c177
  • editorBracketHighlight.foreground6#7AD4D6
  • editorBracketHighlight.unexpectedBracket.foreground#eb6f92
  • editorBracketMatch.background#71839BCC
  • editorBracketMatch.border#63CDCF00
  • editorCodeLens.foreground#e0def4
  • editorCursor.foreground#CDCECF
  • editorError.border#eb6f9200
  • editorError.foreground#eb6f9299
  • editorGroup.border#2d2a45
  • editorGroup.dropBackground#41516670
  • editorGroupHeader.noTabsBackground#191726
  • editorGroupHeader.tabsBackground#191726
  • editorGroupHeader.tabsBorder#232136
  • editorGutter.addedBackground#a3be8c80
  • editorGutter.background#232136
  • editorGutter.deletedBackground#eb6f9280
  • editorGutter.modifiedBackground#8be9fd80
  • editorHoverWidget.background#2d2a45
  • editorHoverWidget.border#29394e
  • editorIndentGuide.activeBackground#A599E942
  • editorIndentGuide.background#A599E90F
  • editorLineNumber.activeForeground#f6c177
  • editorLineNumber.foreground#6e6a86
  • editorLink.activeForeground#A599E9
  • editorMarkerNavigation.background#3B536433
  • editorMarkerNavigationError.background#eb6f92F5
  • editorMarkerNavigationWarning.background#f6c177F5
  • editorOverviewRuler.addedForeground#a3be8c80
  • editorOverviewRuler.border#19172620
  • editorOverviewRuler.commonContentForeground#FFC60055
  • editorOverviewRuler.currentContentForeground#a3be8c
  • editorOverviewRuler.deletedForeground#eb6f9280
  • editorOverviewRuler.errorForeground#eb6f9280
  • editorOverviewRuler.incomingContentForeground#2d2a45
  • editorOverviewRuler.infoForeground#8be9fd80
  • editorOverviewRuler.modifiedForeground#8be9fd80
  • editorOverviewRuler.selectionHighlightForeground#f6c177
  • editorOverviewRuler.warningForeground#f6c17780
  • editorOverviewRuler.wordHighlightForeground#8be9fd
  • editorOverviewRuler.wordHighlightStrongForeground#a3be8c
  • editorRuler.foreground#00000022
  • editorSuggestWidget.background#2d2a45
  • editorSuggestWidget.border#29394e
  • editorSuggestWidget.foreground#e0def4
  • editorSuggestWidget.highlightForeground#d6d6d7
  • editorSuggestWidget.selectedBackground#29394e
  • editorWarning.border#FFFFFF00
  • editorWarning.foreground#f6c17788
  • editorWhitespace.foreground#415166
  • editorWidget.background#2d2a45
  • editorWidget.border#29394e
  • errorForeground#eb6f92F5
  • extensionButton.prominentBackground#a3be8c90
  • extensionButton.prominentForeground#e0def4
  • extensionButton.prominentHoverBackground#a3be8c60
  • focusBorder#223249
  • foreground#e0def4
  • gitDecoration.conflictingResourceForeground#f6c177
  • gitDecoration.deletedResourceForeground#eb6f92F5
  • gitDecoration.ignoredResourceForeground#6e6a8681
  • gitDecoration.modifiedResourceForeground#8be9fd
  • gitDecoration.untrackedResourceForeground#a3be8c
  • input.background#223249
  • input.border#232136
  • input.foreground#e0def4
  • input.placeholderForeground#6e6a86
  • inputOption.activeBackground#232136
  • inputOption.activeBorder#232136
  • inputOption.hoverBackground#415166
  • inputValidation.errorBackground#412d44
  • inputValidation.errorBorder#eb6f92
  • inputValidation.infoBackground#433c59
  • inputValidation.infoBorder#569fba
  • inputValidation.warningBackground#433940
  • inputValidation.warningBorder#f6c177
  • list.activeSelectionBackground#29394e
  • list.activeSelectionForeground#d6d6d7
  • list.dropBackground#41516670
  • list.errorForeground#eb6f92
  • list.focusBackground#29394e75
  • list.focusForeground#e0def4
  • list.highlightForeground#ea9a97
  • list.hoverBackground#29394e75
  • list.hoverForeground#e0def4
  • list.inactiveSelectionBackground#29394e
  • list.inactiveSelectionForeground#d6d6d7
  • list.warningForeground#f6c177
  • listFilterWidget.background#29394e
  • listFilterWidget.noMatchesOutline#eb6f92F5
  • listFilterWidget.outline#a3be8c
  • menu.separatorBackground#415166
  • merge.border#FFFFFF00
  • merge.commonContentBackground#c4a7e781
  • merge.commonHeaderBackground#c4a7e781
  • merge.currentContentBackground#a3be8c93
  • merge.currentHeaderBackground#a3be8c93
  • merge.incomingContentBackground#ea9a9786
  • merge.incomingHeaderBackground#ea9a9786
  • notificationCenter.border#3a567d
  • notificationCenterHeader.background#232136
  • notificationCenterHeader.foreground#d6d6d7
  • notificationLink.foreground#d6d6d7
  • notifications.background#223249
  • notifications.border#3a567d
  • notifications.foreground#e0def4
  • notificationToast.border#191726
  • panel.background#232136
  • panel.border#2d2a45
  • panelTitle.activeBorder#F4A261
  • panelTitle.activeForeground#e0def4
  • panelTitle.inactiveForeground#6e6a86
  • peekView.border#f6c177
  • peekViewEditor.background#232136
  • peekViewEditor.matchHighlightBackground#19354900
  • peekViewEditorGutter.background#232136
  • peekViewResult.background#223249
  • peekViewResult.fileForeground#cdcbe0
  • peekViewResult.lineForeground#e0def4
  • peekViewResult.matchHighlightBackground#2D2B55
  • peekViewResult.selectionBackground#2D2B55
  • peekViewResult.selectionForeground#e0def4
  • peekViewTitle.background#191726
  • peekViewTitleDescription.foreground#6e6a86
  • peekViewTitleLabel.foreground#ea9a97
  • pickerGroup.border#6e6a86
  • pickerGroup.foreground#ea9a97
  • progressBar.background#ea9a97
  • sash.hoverBorder#415166
  • scrollbar.shadow#29394e81
  • scrollbarSlider.activeBackground#F6B079AA
  • scrollbarSlider.background#29394e81
  • scrollbarSlider.hoverBackground#415166AA
  • selection.background#415166
  • settings.checkboxBackground#191726
  • settings.checkboxBorder#191726
  • settings.checkboxForeground#e0def4
  • settings.dropdownBackground#191726
  • settings.dropdownBorder#191726
  • settings.dropdownForeground#e0def4
  • settings.dropdownListBorder#2d2a45
  • settings.headerForeground#d6d6d7
  • settings.modifiedItemIndicator#F6B079
  • settings.numberInputBackground#191726
  • settings.numberInputBorder#191726
  • settings.numberInputForeground#e0def4
  • settings.textInputBackground#191726
  • settings.textInputBorder#191726
  • settings.textInputForeground#e0def4
  • sideBar.background#191726
  • sideBar.border#191726
  • sideBar.foreground#cdcbe0
  • sideBarSectionHeader.background#191726
  • sideBarSectionHeader.border#232136
  • sideBarSectionHeader.foreground#d6d6d7
  • sideBarTitle.foreground#a6dae3
  • statusBar.background#191726
  • statusBar.border#191726
  • statusBar.debuggingBackground#eb6f92
  • statusBar.debuggingForeground#191a21
  • statusBar.foreground#e0def4
  • statusBar.noFolderBackground#191a21
  • statusBar.noFolderForeground#e0def4
  • statusBarItem.activeBackground#3a567d
  • statusBarItem.hoverBackground#3a567d
  • statusBarItem.prominentBackground#eb6f92
  • statusBarItem.prominentHoverBackground#f6c177
  • tab.activeBackground#2d2a45
  • tab.activeBorder#ea9a97
  • tab.activeBorderTop#2d2a4500
  • tab.activeForeground#cdcbe0
  • tab.activeModifiedBorder#f6c177
  • tab.border#191a21
  • tab.hoverBorder#ea9a9777
  • tab.inactiveBackground#191726
  • tab.inactiveForeground#6e6a86
  • tab.inactiveModifiedBorder#f6c17766
  • tab.unfocusedActiveForeground#6e6a86
  • tab.unfocusedActiveModifiedBorder#f6c17766
  • tab.unfocusedInactiveForeground#6e6a86
  • tab.unfocusedInactiveModifiedBorder#f6c17766
  • terminal.ansiBlack#393552
  • terminal.ansiBlue#569fba
  • terminal.ansiBrightBlack#484a55
  • terminal.ansiBrightBlue#65b1cd
  • terminal.ansiBrightCyan#a6dae3
  • terminal.ansiBrightGreen#90c7ac
  • terminal.ansiBrightMagenta#ccb1ed
  • terminal.ansiBrightRed#D16982
  • terminal.ansiBrightWhite#E3E3E4
  • terminal.ansiBrightYellow#f9cb8c
  • terminal.ansiCyan#9ccfd8
  • terminal.ansiGreen#a3be8c
  • terminal.ansiMagenta#c4a7e7
  • terminal.ansiRed#eb6f92
  • terminal.ansiWhite#e0def4
  • terminal.ansiYellow#f6c177
  • terminal.background#232136
  • terminal.foreground#CDCECF
  • terminalCursor.background#29394e
  • terminalCursor.foreground#CDCECF
  • textBlockQuote.background#191726
  • textBlockQuote.border#415166
  • textCodeBlock.background#131A24
  • textLink.activeForeground#7AD4D6
  • textLink.foreground#569fba
  • textPreformat.foreground#6e6a86
  • textSeparator.foreground#415166
  • titleBar.activeBackground#191726
  • titleBar.activeForeground#6e6a86
  • titleBar.inactiveBackground#191726
  • titleBar.inactiveForeground#415166
  • walkThrough.embeddedEditorBackground#191726
  • welcomePage.buttonBackground#a6dae3
  • welcomePage.buttonHoverBackground#a6dae3
  • widget.shadow#3a567d26

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#526176
entity#569fba
constant#F4A261
constant.character.escape#DBC074
constant.language.null#F6B079
keyword, storage.type.class.js#9D79D6
meta#63CDCF
invalid#C94F6D
meta.brace, punctuation.definition.parameters.begin.js, punctuation.definition.parameters.end.js#AEAFB0
punctuation, keyword.operator.relational, keyword.operator.increment, keyword.operator.decrement#AEAFB0
punctuation.definition.parameters#AEAFB0
punctuation.definition.template-expression#AEAFB0
storage#9D79D6
storage.type.function.arrow#AEAFB0
string, punctuation.definition.string#a3be8c
meta.attribute.href.html string.quoted.single.html, meta.attribute.href.html string.quoted.double.html, meta.attribute.src.html string.quoted.single.html, meta.attribute.src.html string.quoted.double.html#7AD4D6
string.template, punctuation.definition.string.template#a3be8c
support#719CD6
support.variable.js#C94F6D
support.function#C94F6D
support.function.misc.css, support.function.calc.css, support.function#86ABDC
support.variable.property.dom#7AD4D6
variable#D6D6D7
source.ini entity, meta.embedded.block.ini, source.ini#F4A261
source.ini keyword, keyword.other.definition.ini#9D79D6
source.ini punctuation.definition#E0C989
source.ini punctuation.separator, punctuation.separator.key-value.ini#AEAFB0
source.css entity, source.stylus entity#9D79D6
meta.at-rule.keyframes, meta.property-value#CDCECF
source.css entity.other.keyframe-offset.percentage, source.stylus entity.other.keyframe-offset.percentage#C94F6D
entity.other.attribute-name.class.css#719CD6
entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css#719CD6
entity.name.tag#DBC074
source.css support, entity.name.tag.css, source.stylus support#719CD6
entity.name.tag.css#DBC074
source.css constant.numeric.css#F4A261
keyword.other.important.css, punctuation.definition.keyword.css#9D79D6
keyword.other.unit#91BCA7
source.css constant, source.css support.constant, source.stylus constant, source.stylus support.constant#CDCECF
source.css string, source.css punctuation.definition.string, source.stylus string, source.stylus punctuation.definition.string#81B29A
source.css variable, source.stylus variable#DBC074
meta.at-rule.media.header.css#CDCECF
text.html#CDCECF
text.html.basic entity.name, punctuation.definition.tag.html, entity.name.tag.inline.any.html, meta.tag.other.html, meta.tag.inline.any.html, entity.name.tag, meta.tag.other.html, meta.tag.other.js, meta.tag.other.tsx, entity.name.tag.tsx, entity.name.tag.js, entity.name.tag, meta.tag.js, meta.tag.tsx, meta.tag.html#BAA1E2
new.expr entity.name.function#F4A261
support.class#F4A261
entity.name.function#86ABDC
punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#86ABDC
meta.toc-list.id.html#A5FF90
text.html.basic entity.other#FAD000
meta.tag.metadata.script.html entity.name.tag.html#BAA1E2
meta.tag.metadata.doctype.html entity.name.tag.html#F4A261
meta.tag.metadata.doctype.html entity.other.attribute-name.html#F4A261
punctuation.definition.string.begin, punctuation.definition.string.end#81B29A
meta.tag.inline.any.html, meta.tag.other#FF9D00
source.json support, punctuation.support#BAA1E2
source.json string, source.json punctuation.definition.string#81B29A
source.js storage.type.function#9D79D6
variable.language, entity.name.type.class.js#9D79D6
entity.other.inherited-class#FFEE80
storage.type.extends.js, storage.type.class.jsdoc#9D79D6
punctuation.definition.block.tag.jsdoc#FF9D00
variable.other.jsdoc, entity.name.type.instance.jsdoc#D6D6D7
variable.other.constant#D6D6D7
meta.function-call variable.other.constant#F6B079
new.expr variable.other.constant#569fba
punctuation.definition.tag.begin.js, punctuation.definition.tag.end.js#9EFFFF
meta.jsx.children.js#FFFFFF
storage.type, storage.type.class, storage.modifier, keyword.operator, keyword.control#9D79D6
keyword.operator.ternary#BAA1E2
keyword.control.loop#BAA1E2
punctuation.definition.bracket.curly#494685
keyword.operator.assignment.tsx, keyword.operator.assignment.jsx#D6D6D7
keyword.operator.assignment#D6D6D7
meta.jsx.children.tsx#FFFFFF
meta.object-literal.key.js#719CD6
entity.name.type.class.tsx, entity.name.type.class.jsx, variable.other.object.tsx, variable.other.object.jsx, support.class.component.tsx, support.class.component.jsx, entity.name.type.tsx, entity.name.type.jsx, variable.other.object, variable.other.readwrite#D6D6D7
meta.object.member variable.other.readwrite, variable.other.readwrite.alias.tsx, variable.other.readwrite.tsx, variable.other.readwrite.alias.ts, variable.other.readwrite.alias.jsx, variable.other.readwrite.alias.js#719CD6
new.expr variable.other.object.js, source.js meta.arrow.js meta.block.js#C94F6D
variable.other.property, variable.other.object.property#FFEE80
JSXNested#FFFFFF
variable.parameter#63CDCF
variable.parameter.keyframe-list.css#CDCECF
variable.parameter.function.language.special.self.python#CDCECF
meta.function-call.python, meta.function-call.generic.python, support.function.builtin.python#FAD000
source.ts entity.name.type#80FFBB
source.ts keyword#FAD000
source.ts punctuation.definition.parameters#E1EFFF
meta.arrow.ts punctuation.definition.parameters#FFEE80
source.ts storage#9EFFFF
entity.name.section.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#FAD000bold
markup.inserted.diff, punctuation.definition.inserted.diff#8efa00
markup.deleted.diff, punctuation.definition.deleted.diff#F16E6B
meta.embedded.block.diff#FFFFFF
meta.paragraph.markdown#FFFFFF
punctuation.definition.from-file.diff, meta.diff.header.from-file#B362FF
markup.inline.raw.string.markdown#A599E9
beginning.punctuation.definition.quote.markdown#FAD000
markup.quote.markdown meta.paragraph.markdown, punctuation.definition.quote.begin.markdown#A599E9
meta.separator.markdown#FAD000
markup.bold.markdownbold
markup.italic.markdownitalic
beginning.punctuation.definition.list.markdown, punctuation.definition.list.begin.markdown, markup.list.unnumbered.markdown#FAD000
string.other.link.description.title.markdown punctuation.definition.string.markdown, meta.link.inline.markdown string.other.link.description.title.markdown, string.other.link.description.title.markdown punctuation.definition.string.begin.markdown, string.other.link.description.title.markdown punctuation.definition.string.end.markdown, meta.image.inline.markdown string.other.link.description.title.markdown#81B29A
meta.link.inline.markdown string.other.link.title.markdown, meta.link.reference.markdown string.other.link.title.markdown, meta.link.reference.def.markdown markup.underline.link.markdown#FAD000underline
markup.underline.link.markdown, string.other.link.description.title.markdown#A599E9
fenced_code.block.language, markup.inline.raw.markdown#9EFFFF
punctuation.definition.markdown, punctuation.definition.raw.markdown, punctuation.definition.heading.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown#494685
meta.link.inline.markdown punctuation.definition.string.begin.markdown, meta.link.inline.markdown punctuation.definition.string.end.markdown, meta.link.reference.markdown punctuation.definition.string.begin.markdown, meta.link.reference.markdown punctuation.definition.string.end.markdown, string.other.link.description.markdown#FAD000
meta.image.inline.markdown punctuation.definition.string.begin.markdown, meta.image.inline.markdown punctuation.definition.string.end.markdown, string.other.link.description.markdown#FF9D00
markup.underline.link.markdown, punctuation.definition.metadata.markdown, markup.underline.link.image.markdown, constant.other.reference.link.markdown, punctuation.definition.constant.markdown, punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown#A599E9
text.jade entity.name#9EFFFF
storage.type.function.pug#FF9D00
variable.parameter.function.js#9EFFFF
variable.control.import.include.pug#92FC79
text.jade string.interpolated#FFEE80
storage.type.cs#9EFFFF
entity.name.variable.property.cs#9EFFFF
storage.modifier.cs#80FFBB
source.php entity, variable.other.class.php#9EFFFF
keyword.other.phpdoc.php#FF9D00
entity.name.function.php, support.function.basic_functions.php, meta.function-call.php, variable.other.property#719CD6
variable.other.php, punctuation.definition.variable.php, variable.other.global.php, variable.language.this.php#9EFFFF
storage.modifier.php, keyword.other.namespace.php#FF9D00
entity.name.tag.yaml#FAD000
punctuation.definition.block.sequence.item.yaml#E1EFFF
storage.type.function.php, meta.function.parameters.php#FB94FF
keyword.blade#FF9D00
begin.bracket.round.blade.php, end.bracket.round.blade.php#E1EFFF
support.function.construct.begin.blade, support.function.construct.end.blade#FFEE80
keyword.package.go, keyword.import.go#FF9D00
keyword.function.go#FB94FF
variable.other.assignment.go#9EFFFF
punctuation.definition.string.begin.go, punctuation.definition.string.end.go, support.function.go#FAD000
punctuation.section.embedded.end.ruby, punctuation.section.embedded.begin.ruby, punctuation.section.scope.begin.ruby, punctuation.section.scope.end.ruby#FFEE80
variable.other.constant.ruby#80FFBB
entity.name.type.class.ruby#FB94FF
variable.other.block.ruby, variable.other.ruby#9EFFFF
punctuation.separator.other.ruby#FF9D00
keyword.other.special-method.ruby#FFEE80
storage.type.function.shell#FB94FF
variable.other.special.shell, punctuation.definition.variable.shell#FF9D00
variable.graphql#FAEFA5
keyword.operation.graphql#FB94FF
source.sql#E1EFFF
source.sql keyword.other, support.function.mysqli.php#FAEFA5
support.function.mysqli.php, source.sql support.function#FAD000
string.regexp, string.regexp keyword.other#E1EFFF
keyword.other.DML.sql#FF9D00
punctuation.definition.table.array.toml#E1EFFF
entity.other.attribute-name.table.array.toml, entity.other.attribute-name.table.toml#FF9D00
keyword.key.toml#FAD000
keyword.other.special-method.dockerfile#FAD000
keyword.other.rust#FF9D00
keyword.other.fn.rust#FB94FF
keyword.other.env#FF9D00
variable.other.env#FAD000
source.env#E1EFFF
keyword.other.template.begin.env, keyword.other.template.end.env, keyword.operator.assignment.env#FF9D00
variable.object.property#9EFFFF
string.regexp.js#FB94FF
keyword.rainbow2#FF9D00
markup.deleted#F16E6B
markup.inserted#8efa00
markup.underlineunderline
modifier, this, comment, storage.modifier, entity.other.attribute-name, entity.other.attribute-name.html, punctuation.definition.comment, text.html.basic entity.other, entity.other.attribute-name, markup.quote.markdown meta.paragraph.markdown, markup.italic.markdown, text.jade entity.other.attribute-name.tag, keyword.control.from, entity.other.attribute-name.tag.pugitalic

Shiki preview

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

Loading...