Migraine Dark
Publisher: Nika TalThemes in package: 1
Calm theme based on Mariana
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#1D1D1D
- activityBar.foreground#ffffffdd
- activityBarBadge.background#EE6A6Fcc
- activityBarBadge.foreground#ffffffdd
- activityBarTop.foreground#C6C6C7
- activityBarTop.inactiveForeground#808080
- badge.background#313131
- badge.foreground#ffffffdd
- button.background#3A3E42
- button.foreground#ffffffdd
- button.hoverBackground#515458
- button.secondaryBackground#3A3E42
- diffEditor.insertedTextBackground#A3CE9E40
- diffEditor.removedTextBackground#EE6A6F40
- dropdown.background#3A3A3A
- dropdown.border#ff000000
- dropdown.listBackground#282828
- editor.background#232326
- editor.findMatchBackground#f4f4f414
- editor.findMatchBorder#636366
- editor.findMatchHighlightBackground#3A3A3A
- editor.findRangeHighlightBackground#f4f4f414
- editor.foreground#B3B3B3
- editor.hoverHighlightBackground#f4f4f414
- editor.inactiveSelectionBackground#f4f4f430
- editor.lineHighlightBackground#f4f4f407
- editor.lineHighlightBorder#ff000000
- editor.rangeHighlightBackground#f4f4f414
- editor.selectionBackground#f4f4f430
- editor.selectionHighlightBackground#f4f4f414
- editor.selectionHighlightBorder#4A4A4D
- editor.wordHighlightBackground#00000000
- editor.wordHighlightStrongBackground#00000000
- editorBracketHighlight.foreground1#7096C5
- editorBracketHighlight.foreground2#BD96C2
- editorBracketHighlight.foreground3#74B1B2
- editorBracketHighlight.foreground4#DE7272
- editorBracketHighlight.foreground5#EB8D6B
- editorBracketHighlight.foreground6#B3B3B3
- editorBracketMatch.background#5fb4b44c
- editorBracketMatch.border#5FB4B400
- editorCursor.foreground#F6AE59
- editorError.foreground#EE6A6F
- editorGroup.border#00000040
- editorGroup.dropBackground#282828
- editorGroupHeader.noTabsBackground#282828
- editorGroupHeader.tabsBackground#1D1D1D
- editorGutter.addedBackground#A3CE9E
- editorGutter.deletedBackground#EE6A6F
- editorGutter.modifiedBackground#ebcb8b
- editorHoverWidget.background#3A3A3A
- editorHoverWidget.border#ff000000
- editorHoverWidget.foreground#D8DEE9
- editorIndentGuide.activeBackground1#7A7A7C
- editorIndentGuide.background1#373737
- editorInfo.foreground#A3CE9E
- editorLineNumber.foreground#f4f4f430
- editorOverviewRuler.addedForeground#A3CE9E
- editorOverviewRuler.border#f4f4f414
- editorOverviewRuler.bracketMatchForeground#f4f4f430
- editorOverviewRuler.currentContentForeground#f4f4f430
- editorOverviewRuler.deletedForeground#EE6A6F
- editorOverviewRuler.errorForeground#EE6A6F
- editorOverviewRuler.findMatchForeground#f4f4f430
- editorOverviewRuler.incomingContentForeground#f4f4f430
- editorOverviewRuler.infoForeground#f4f4f430
- editorOverviewRuler.modifiedForeground#ebcb8b
- editorOverviewRuler.rangeHighlightForeground#f4f4f430
- editorOverviewRuler.selectionHighlightForeground#f4f4f430
- editorOverviewRuler.warningForeground#ebcb8b
- editorOverviewRuler.wordHighlightForeground#f4f4f430
- editorOverviewRuler.wordHighlightStrongForeground#f4f4f430
- editorSuggestWidget.background#2A2A2D
- editorSuggestWidget.border#ff000000
- editorSuggestWidget.highlightForeground#F6AE5A
- editorWarning.foreground#FAB763
- editorWhitespace.foreground#f4f4f430
- editorWidget.background#282828
- editorWidget.border#f4f4f430
- editorWidget.foreground#828282
- editorWidget.resizeBorder#ff000000
- extensionButton.prominentBackground#6699cc
- extensionButton.prominentForeground#ffffffdd
- extensionButton.prominentHoverBackground#6699cc70
- focusBorder#ff000000
- foreground#ffffffdd
- gitDecoration.conflictingResourceForeground#EE6A6F
- gitDecoration.deletedResourceForeground#EE6A6F
- gitDecoration.modifiedResourceForeground#ebcb8b
- gitDecoration.submoduleResourceForeground#ffffff70
- gitDecoration.untrackedResourceForeground#ffffff70
- icon.foreground#808080
- input.background#3a3a3a
- input.border#ff000000
- input.foreground#ffffffdd
- input.placeholderForeground#ffffff70
- inputOption.activeBackground#ff000000
- inputOption.activeBorder#ff000000
- inputOption.activeForeground#5C99D6
- list.activeSelectionBackground#3A3A3A
- list.activeSelectionForeground#FFFFFF
- list.activeSelectionIconForeground#F6AE5A
- list.dropBackground#f4f4f414
- list.errorForeground#EE6A6F
- list.focusBackground#3A3A3A
- list.focusForeground#ffffffdd
- list.highlightForeground#ffffffdd
- list.hoverBackground#2A2A2D
- list.hoverForeground#C6C6C7
- list.inactiveSelectionBackground#3A3A3A
- list.inactiveSelectionForeground#ffffffdd
- list.warningForeground#FAB763
- merge.currentContentBackground#FAB76340
- merge.currentHeaderBackground#FAB76370
- merge.incomingContentBackground#A3CE9E40
- merge.incomingHeaderBackground#A3CE9E70
- notificationCenterHeader.background#282828
- notificationCenterHeader.foreground#ffffffdd
- panel.background#1d1d1d
- panel.border#f4f4f414
- panelTitle.activeBorder#6699cc
- peekView.border#6699cc
- peekViewEditor.background#282828
- peekViewEditor.matchHighlightBackground#f4f4f430
- peekViewEditorGutter.background#282828
- peekViewResult.background#3a3a3a
- peekViewTitle.background#282828
- pickerGroup.border#6699cc
- pickerGroup.foreground#6699cc
- progressBar.background#282828
- quickInput.background#1D1D1D
- quickInput.foreground#8F8F8F
- quickInputList.focusForeground#D6D7D9
- quickInputTitle.background#1D2227
- scrollbar.shadow#ff000000
- scrollbarSlider.activeBackground#f4f4f430
- scrollbarSlider.background#f4f4f414
- scrollbarSlider.hoverBackground#f4f4f430
- selection.background#ffffff30
- settings.rowHoverBackground#2A2A2D
- sideBar.background#1D1D1D
- sideBar.foreground#8F8F8F
- sideBarSectionHeader.background#1d1d1d
- sideBarSectionHeader.foreground#A2A5AA
- sideBarTitle.foreground#848484
- statusBar.background#1d1d1d
- statusBar.border#ff000000
- statusBar.debuggingBackground#6699cc
- statusBar.debuggingForeground#ffffffdd
- statusBar.foreground#8C8C8C
- statusBar.noFolderBackground#f4f4f414
- statusBar.noFolderForeground#ffffffdd
- statusBarItem.activeBackground#f4f4f414
- statusBarItem.hoverBackground#f4f4f407
- statusBarItem.prominentBackground#f4f4f414
- statusBarItem.prominentHoverBackground#f4f4f407
- tab.activeBackground#3A3A3A
- tab.activeBorder#ff000000
- tab.activeBorderTop#ff000000
- tab.activeForeground#BCBDBF
- tab.activeModifiedBorder#ff000000
- tab.border#ff000000
- tab.hoverBackground#2A2A2D
- tab.hoverBorder#ff000000
- tab.inactiveBackground#1D1D1D
- tab.inactiveForeground#ffffff70
- tab.lastPinnedBorder#ff000000
- tab.unfocusedActiveBorder#ff000000
- tab.unfocusedActiveBorderTop#ff000000
- tab.unfocusedActiveForeground#ffffff70
- tab.unfocusedHoverBorder#ff000000
- tab.unfocusedInactiveForeground#ffffff70
- terminal.ansiBlack#ffffffdd
- terminal.ansiBlue#6699cc
- terminal.ansiBrightBlack#ffffffdd
- terminal.ansiBrightBlue#6699cc
- terminal.ansiBrightCyan#6699cc
- terminal.ansiBrightGreen#A3CE9E
- terminal.ansiBrightMagenta#c594c5
- terminal.ansiBrightRed#EE6A6F
- terminal.ansiBrightYellow#FAB763
- terminal.ansiCyan#6699cc
- terminal.ansiGreen#A3CE9E
- terminal.ansiMagenta#c594c5
- terminal.ansiRed#EE6A6F
- terminal.ansiWhite#ffffffdd
- terminal.ansiYellow#FAB763
- terminal.selectionBackground#ffffff30
- terminalCursor.background#ffffff30
- terminalCursor.foreground#ffffffdd
- textLink.activeForeground#5c99d6
- textLink.foreground#5c99d6ce
- textPreformat.foreground#6699cc
- titleBar.activeBackground#1D1D1D
- titleBar.activeForeground#ffffffdd
- titleBar.inactiveBackground#282828
- titleBar.inactiveForeground#ffffff70
- widget.border#ff000000
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.template.expression.tsx, meta.template.expression.ts | #B1B1B1 | — |
| comment, punctuation.definition.comment | #ffffff70 | — |
| string | #A3CE9E | — |
| punctuation.definition | #5FB3B3 | — |
| constant.numeric | #FAB763 | — |
| constant.language | #EE6A6F | — |
| constant.character, constant.other | #c594c5 | — |
| variable.member | #EE6A6F | — |
| keyword, keyword.operator.word, keyword.control, keyword.operator.new.js | #c594c5 | — |
| string.template.js meta.template.expression.js meta.embedded.line.js | #ffffffdd | — |
| keyword.operator | #C494C5 | — |
| keyword.operator | #C494C5 | — |
| punctuation.separator, punctuation.terminator | #ffffff70 | — |
| punctuation.section | #ffffffdd | — |
| punctuation.accessor | #ffffff70 | — |
| punctuation.definition.annotation | #5fb3b3 | — |
| variable.other.dollar.only.js, variable.other.object.dollar.only.js, variable.type.dollar.only.js, support.class.dollar.only.js | #5fb3b3 | — |
| storage | #EE6A6F | — |
| storage.type | #c594c5 | — |
| entity.name.function | #5fb3b3 | — |
| meta.object-literal.key.js | #6699cc | — |
| entity.name | #E9A652 | — |
| entity.other.inherited-class | #6699cc | — |
| variable.parameter | #B3B3B3 | |
| variable.language | #EE6A6F | — |
| entity.name.type | #69C | — |
| entity.name.tag | #EE6A6F | |
| entity.other.attribute-name | #c594c5 | — |
| variable.function, variable.annotation | #6699cc | |
| support.function, support.macro | #6699cc | — |
| support.constant | #c594c5 | — |
| support.type, support.class | #6699cc | — |
| support.class | #5FB3B3 | — |
| invalid | #ffffff70 | — |
| invalid.deprecated | #ffffffdd | — |
| entity.name.tag.yaml | #5fb3b3 | — |
| source.yaml string.unquoted | #ffffffdd | — |
| markup.heading | — | bold |
| markup.heading punctuation.definition.heading | #EE6A6F | — |
| markup.heading.1 punctuation.definition.heading | #EE6A6F | — |
| string.other.link, markup.underline.link | #6699cc | — |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.italic markup.bold | markup.bold markup.italic | — | bold italic |
| punctuation.definition.thematic-break | #FAB763 | — |
| markup.list.numbered.bullet | #A3CE9E | — |
| markup.quote punctuation.definition.blockquote, markup.list punctuation.definition.list_item | #FAB763 | — |
| (text punctuation.definition.italic | text punctuation.definition.bold) | #c594c5 | — |
| meta.diff, meta.diff.header | #c594c5 | — |
| markup.deleted | #EE6A6F | — |
| markup.inserted | #A3CE9E | — |
| markup.changed | #ebcb8b | — |
| support.type.property-name | #B3B3B3 | |
| constant.numeric.line-number.match | #E9A652 | — |
| message.error | #EE6A6F | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...