Akane Noir
Publisher: nsnetThemes in package: 1
A calm gray-dark VS Code theme with warm akane accents by Akame.
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#202331
- activityBar.activeBorder#ff0033
- activityBar.activeFocusBorder#ff0033
- activityBar.background#202331
- activityBar.foreground#ff0033
- activityBar.inactiveForeground#747b91
- activityBarBadge.background#ff0033
- activityBarBadge.foreground#ffffff
- badge.background#ff0033
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#ffdce2
- breadcrumb.focusForeground#ff8a99
- breadcrumb.foreground#9aa4c0
- button.background#c22b3f
- button.foreground#ffffff
- button.hoverBackground#e32244
- button.secondaryBackground#2c3144
- button.secondaryForeground#d7def7
- button.secondaryHoverBackground#353a50
- chat.avatarBackground#ff0033
- chat.avatarForeground#202331
- chat.requestBackground#25293b
- chat.requestBorder#ff0033
- chat.slashCommandBackground#30364d
- chat.slashCommandForeground#ff0033
- descriptionForeground#8d96b3
- diffEditor.diagonalFill#8f9bb833
- diffEditor.insertedLineBackground#8cff6a12
- diffEditor.insertedTextBackground#8cff6a22
- diffEditor.removedLineBackground#ff163d14
- diffEditor.removedTextBackground#ff163d22
- dropdown.background#25293b
- dropdown.border#30364d99
- dropdown.foreground#dce4ff
- dropdown.listBackground#25293b
- editor.background#33384f
- editor.findMatchBackground#3399ff55
- editor.findMatchHighlightBackground#3399ff33
- editor.foreground#d7def7
- editor.inactiveSelectionBackground#1a0033a0
- editor.lineHighlightBackground#2a003388
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#1a0033cc
- editor.selectionHighlightBackground#3399ff22
- editor.selectionHighlightBorder#66ccffaa
- editor.wordHighlightBackground#5300a614
- editor.wordHighlightBorder#66ccff55
- editor.wordHighlightStrongBackground#17002eb3
- editor.wordHighlightStrongBorder#66ccffaa
- editorBracketMatch.background#3399ff22
- editorBracketMatch.border#66ccffaa
- editorCursor.foreground#ffffff
- editorGroup.border#00000000
- editorGroup.dropBackground#ff304d33
- editorGroup.emptyBackground#33384f
- editorGroupHeader.border#00000000
- editorGroupHeader.noTabsBackground#24283a
- editorGroupHeader.tabsBackground#24283a
- editorGroupHeader.tabsBorder#00000000
- editorGutter.addedBackground#8cff6a
- editorGutter.background#33384f
- editorGutter.deletedBackground#ff163d
- editorGutter.modifiedBackground#1fa2ff
- editorIndentGuide.activeBackground1#66ccffaa
- editorIndentGuide.background1#46506f66
- editorLineNumber.activeForeground#ffd166
- editorLineNumber.foreground#747f9d
- editorRuler.foreground#46506f66
- editorWhitespace.foreground#8d96b34d
- errorForeground#ff163d
- focusBorder#ff163d
- foreground#d7def7
- gitDecoration.addedResourceForeground#8cff6a
- gitDecoration.deletedResourceForeground#ff163d
- gitDecoration.ignoredResourceForeground#8f9bb8
- gitDecoration.modifiedResourceForeground#1fa2ff
- gitDecoration.renamedResourceForeground#00d5ff
- gitDecoration.untrackedResourceForeground#8cff6a
- icon.foreground#96a0bd
- inlineChat.background#25293b
- inlineChat.border#ff0033
- inlineChat.shadow#15182499
- inlineChatInput.background#25293b
- inlineChatInput.border#ff0033
- inlineChatInput.focusBorder#ff0033
- input.background#25293b
- input.border#ff0033
- input.foreground#d7def7
- input.placeholderForeground#8d96b3
- inputOption.activeBackground#ff304d33
- inputOption.activeBorder#ff163d
- inputOption.activeForeground#ffffff
- inputValidation.errorBackground#3b1520
- inputValidation.errorBorder#ff163d
- inputValidation.infoBackground#132a3d
- inputValidation.infoBorder#1fa2ff
- inputValidation.warningBackground#3a2b12
- inputValidation.warningBorder#ffd166
- keybindingLabel.background#41475c
- keybindingLabel.border#5a6178
- keybindingLabel.bottomBorder#2f3447
- keybindingLabel.foreground#dce4ff
- keybindingTable.headerBackground#33384f
- keybindingTable.rowsBackground#2f344766
- list.activeSelectionBackground#16171f
- list.activeSelectionForeground#ffffff
- list.dropBackground#cc222288
- list.errorForeground#ff6a7d
- list.focusBackground#2c3144
- list.focusForeground#ffffff
- list.highlightForeground#ff163d
- list.hoverBackground#b12a3a
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#1b1b27
- list.inactiveSelectionForeground#d7def7
- list.warningForeground#ffd166
- menu.background#25293b
- menu.border#30364d99
- menu.foreground#dce4ff
- menu.selectionBackground#b83a3f
- menu.selectionBorder#b83a3f
- menu.selectionForeground#ffffff
- menu.separatorBackground#30364d88
- menubar.selectionBackground#2c3144
- menubar.selectionBorder#00000000
- menubar.selectionForeground#ffffff
- notificationsErrorIcon.foreground#ff304d
- notificationsInfoIcon.foreground#21b8ff
- notificationsWarningIcon.foreground#ffd166
- panel.background#24283a
- panel.border#dce4ff33
- panelInput.border#dce4ff33
- panelTitle.activeBorder#ff0033
- panelTitle.activeForeground#f4f7ff
- panelTitle.inactiveForeground#9aa4c0
- peekView.border#ff0033
- peekViewEditor.background#33384f
- peekViewResult.background#262a3a
- peekViewTitle.background#1d202d
- peekViewTitleDescription.foreground#8d96b3
- peekViewTitleLabel.foreground#f4f7ff
- pickerGroup.border#3a415c
- pickerGroup.foreground#9aa4c0
- problemsErrorIcon.foreground#ff304d
- problemsInfoIcon.foreground#4aa3ff
- problemsWarningIcon.foreground#ffd166
- progressBar.background#ff0033
- quickInput.background#1f2230
- quickInput.foreground#f4f7ff
- quickInputList.focusBackground#16171f
- quickInputList.focusForeground#ff0033
- quickInputList.focusIconForeground#ff0033
- quickInputTitle.background#1f2230
- scrollbarSlider.activeBackground#ff0033aa
- scrollbarSlider.background#c22b3f66
- scrollbarSlider.hoverBackground#e3224488
- selection.background#1a0033cc
- sideBar.background#262a3a
- sideBar.border#dce4ff33
- sideBar.foreground#d7def7
- sideBarSectionHeader.background#262a3a
- sideBarSectionHeader.border#dce4ff33
- sideBarSectionHeader.foreground#e9efff
- sideBarTitle.foreground#e9efff
- sideBySideEditor.horizontalBorder#dce4ff33
- sideBySideEditor.verticalBorder#7a3a4a
- statusBar.background#202331
- statusBar.debuggingBackground#c22b3f
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#d7def7
- statusBar.noFolderBackground#262a3a
- statusBarItem.hoverBackground#2c3144
- tab.activeBackground#33384f
- tab.activeBorder#00000000
- tab.activeBorderTop#00000000
- tab.activeForeground#f4f7ff
- tab.activeModifiedBorder#a8636a
- tab.border#151824
- tab.hoverBackground#292d3f
- tab.hoverBorder#ff0033
- tab.hoverForeground#ffffff
- tab.inactiveBackground#232737
- tab.inactiveForeground#9aa4c0
- tab.inactiveModifiedBorder#8a565f
- tab.unfocusedActiveBorderTop#b33a45
- tab.unfocusedHoverBorder#b33a45
- terminal.ansiBlack#151217
- terminal.ansiBlue#1fa2ff
- terminal.ansiBrightBlack#8d96b3
- terminal.ansiBrightBlue#66ccff
- terminal.ansiBrightCyan#66e7ff
- terminal.ansiBrightGreen#a8ff8c
- terminal.ansiBrightMagenta#e39cff
- terminal.ansiBrightRed#ff6073
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffe08a
- terminal.ansiCyan#00d5ff
- terminal.ansiGreen#8cff6a
- terminal.ansiMagenta#d76dff
- terminal.ansiRed#ff163d
- terminal.ansiWhite#d7def7
- terminal.ansiYellow#ffd166
- terminal.background#202331
- terminal.border#dce4ff33
- terminal.findMatchBackground#ffd16655
- terminal.findMatchHighlightBackground#ff304d33
- terminal.foreground#dce4ff
- terminal.hoverHighlightBackground#345f7a44
- terminal.inactiveSelectionBackground#345f7a55
- terminal.selectionBackground#345f7a88
- terminal.tab.activeBorder#ff0033
- terminalCommandDecoration.defaultBackground#8d96b3
- terminalCommandDecoration.errorBackground#ff304d
- terminalCommandDecoration.successBackground#9dff6a
- terminalCursor.foreground#ffffff
- textLink.activeForeground#ff6a7d
- textLink.foreground#ff304d
- titleBar.activeBackground#1d202d
- titleBar.activeForeground#d7def7
- titleBar.inactiveBackground#1d202d
- titleBar.inactiveForeground#8d96b3
- toolbar.activeBackground#c22b3f66
- toolbar.hoverBackground#c22b3f44
- tree.indentGuidesStroke#dce4ff33
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #a3a0b8 | italic |
| keyword, storage, storage.type | #ff163d | — |
| keyword.operator, punctuation, meta.brace, meta.delimiter | #ffd166 | — |
| string, constant.other.symbol | #9dff6a | — |
| constant.numeric, constant.language, constant.character | #ffd166 | — |
| entity.name.function, support.function, meta.function-call | #21b8ff | — |
| variable, meta.definition.variable.name | #ff304d | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #ff5d73 | — |
| entity.name.type, entity.name.class, entity.name.interface, support.type | #ffd166 | — |
| entity.name.tag, punctuation.definition.tag | #ff304d | — |
| entity.other.attribute-name, variable.parameter, meta.jsx.children, meta.attribute | #ff6a7d | italic |
| support.type.property-name.json, meta.structure.dictionary.key.json, meta.object-literal.key, string.unquoted.yaml, entity.name.tag.yaml | #ff304d | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, support.type.property-name.css, variable.css | #ff7a3d | — |
| keyword.control.import.python, keyword.control.from.python, storage.type.function.python, support.function.builtin.shell, keyword.control.shell | #ff6a7d | — |
| variable.other.normal.shell, variable.other.bracket.shell, string.interpolated.dollar.shell | #ff304d | — |
| keyword.other.sql, keyword.control.sql, storage.type.sql | #d76dff | — |
| support.type.property-name.toml, entity.name.section.toml, entity.name.tag.yaml, support.type.property-name.yaml | #ff304d | — |
| source.toml entity.name.section, source.toml entity.name.section.group-title, source.toml punctuation.definition.table, source.toml punctuation.definition.array | #ffd166 | — |
| source.toml support.type.property-name, source.toml variable.other.key, source.toml variable.other.member, source.toml string.unquoted | #ff304d | — |
| source.toml string.quoted, source.toml string.quoted.double, source.toml string.quoted.single | #9dff6a | — |
| source.toml constant.numeric, source.toml constant.language.boolean, source.toml constant.language, source.toml constant.other | #21e0ff | — |
| source.toml keyword.operator, source.toml punctuation.separator.key-value, source.toml punctuation.separator | #ffd166 | — |
| entity.other.attribute-name.xml, meta.attribute.xml | #ff7a3d | — |
| support.type.primitive, support.class, support.type.python, constant.language.boolean, constant.language.null | #21e0ff | — |
| markup.heading, markup.bold, markup.inline.raw | #ff304d | — |
| invalid, invalid.illegal | #ffffff | — |