Milky theme
Publisher: Naumik8Themes in package: 1
Milk inside VS code inside VS code
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#3e1c2d
- activityBar.activeBorder#ad3235
- activityBar.background#110b15
- activityBar.border#622233
- activityBar.dropBorder#7154f2
- activityBar.foreground#983134
- activityBar.inactiveForeground#3e1c2d
- activityBarBadge.background#645d6d
- activityBarBadge.foreground#ffffffde
- badge.background#ffffff23
- badge.foreground#ffffffde
- banner.background#0b0b0b
- banner.foreground#ffffffde
- breadcrumb.activeSelectionForeground#ffffffde
- breadcrumb.background#0f0c15
- breadcrumb.focusForeground#ffffffde
- breadcrumb.foreground#ffffff57
- button.background#7154f266
- button.foreground#ffffffde
- button.hoverBackground#7154f2b2
- button.secondaryBackground#ffffff0f
- button.secondaryForeground#ffffffde
- button.secondaryHoverBackground#ffffff23
- charts.blue#5D8DEE
- charts.foreground#ebd9bc
- charts.green#08d3a4
- charts.lines#ffffff57
- charts.orange#eea660
- charts.purple#8066f5
- charts.red#e36d6d
- charts.yellow#BADB28
- checkbox.background#0b0b0b
- checkbox.border#00000000
- checkbox.foreground#ffffffde
- commandCenter.activeBackground#ffffff23
- commandCenter.background#ffffff0f
- commandCenter.border#00000000
- debugExceptionWidget.background#0b0b0b
- debugExceptionWidget.border#0b0b0b
- debugIcon.breakpointCurrentStackframeForeground#fadd75
- debugIcon.breakpointDisabledForeground#ffffff23
- debugIcon.breakpointForeground#da5858
- debugIcon.breakpointStackframeForeground#61d67e
- debugIcon.breakpointUnverifiedForeground#ffff00
- debugIcon.continueForeground#08d3a4
- debugIcon.disconnectForeground#ff00ff
- debugIcon.pauseForeground#da5858
- debugIcon.restartForeground#fadd75
- debugIcon.startForeground#08d3a4
- debugIcon.stepBackForeground#ffffff57
- debugIcon.stepIntoForeground#ffffff57
- debugIcon.stepOutForeground#ffffff57
- debugIcon.stepOverForeground#ffffff57
- debugIcon.stopForeground#e36d6d
- debugToolBar.background#0b0b0b
- debugToolBar.border#0b0b0b
- diffEditor.border#ffffff0f
- diffEditor.diagonalFill#3d1a30
- diffEditor.insertedLineBackground#3fc66120
- diffEditor.insertedTextBackground#00000000
- diffEditor.removedLineBackground#da585820
- diffEditor.removedTextBackground#00000000
- diffEditorGutter.insertedLineBackground#3fc66140
- diffEditorGutter.removedLineBackground#da585840
- dropdown.background#0b0b0b
- dropdown.border#00000000
- dropdown.foreground#ffffffde
- editor.background#0f0c15
- editor.findMatchBackground#8066f599
- editor.findMatchBorder#00000000
- editor.findMatchHighlightBackground#8066f533
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#ffffff0f
- editor.findRangeHighlightBorder#ffffff00
- editor.foldBackground#645d6d33
- editor.foreground#ebd9bc
- editor.hoverHighlightBackground#ffffff0f
- editor.inactiveSelectionBackground#ffffff0f
- editor.lineHighlightBackground#632a4e5f
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#ffffff0f
- editor.rangeHighlightBorder#ffffff00
- editor.selectionBackground#632a4e5f
- editor.selectionHighlightBackground#632a4e3f
- editor.selectionHighlightBorder#00000000
- editor.wordHighlightBackground#ffffff0f
- editor.wordHighlightStrongBackground#ffffff23
- editorBracketHighlight.foreground1#e36d6dcc
- editorBracketHighlight.foreground2#fadd75cc
- editorBracketHighlight.foreground3#61d67ecc
- editorBracketHighlight.foreground4#7eeaf6cc
- editorBracketHighlight.foreground5#8066f5cc
- editorBracketHighlight.foreground6#fc1d78cc
- editorBracketHighlight.unexpectedBracket.foreground#e36d6d
- editorBracketMatch.background#ffffff0f
- editorBracketMatch.border#00000000
- editorBracketPairGuide.activeBackground1#e36d6d30
- editorBracketPairGuide.activeBackground2#fadd7530
- editorBracketPairGuide.activeBackground3#61d67e30
- editorBracketPairGuide.activeBackground4#7eeaf630
- editorBracketPairGuide.activeBackground5#8066f530
- editorBracketPairGuide.activeBackground6#fc1d7830
- editorBracketPairGuide.background1#e36d6d20
- editorBracketPairGuide.background2#fadd7520
- editorBracketPairGuide.background3#61d67e20
- editorBracketPairGuide.background4#7eeaf620
- editorBracketPairGuide.background5#8066f520
- editorBracketPairGuide.background6#fc1d7820
- editorCodeLens.foreground#ffffff23
- editorCursor.background#000000
- editorCursor.foreground#a33130
- editorError.background#00000000
- editorError.border#00000000
- editorError.foreground#e36d6d
- editorGroup.border#ffffff0f
- editorGroup.dropBackground#7154f226
- editorGroup.emptyBackground#0f0c15
- editorGroupHeader.tabsBackground#3d1a30
- editorGutter.addedBackground#3fc661
- editorGutter.background#0f0c15
- editorGutter.commentRangeForeground#ffffff57
- editorGutter.deletedBackground#da5858
- editorGutter.foldingControlForeground#ffffff57
- editorGutter.modifiedBackground#645d6d
- editorHoverWidget.background#0f0c15
- editorHoverWidget.border#ffffff0f
- editorHoverWidget.foreground#ebd9bc
- editorIndentGuide.activeBackground1#e36d6d30
- editorIndentGuide.activeBackground2#fadd7530
- editorIndentGuide.activeBackground3#61d67e30
- editorIndentGuide.activeBackground4#7eeaf630
- editorIndentGuide.activeBackground5#8066f530
- editorIndentGuide.activeBackground6#fc1d7830
- editorIndentGuide.background1#e36d6d20
- editorIndentGuide.background2#fadd7520
- editorIndentGuide.background3#61d67e20
- editorIndentGuide.background4#7eeaf620
- editorIndentGuide.background5#8066f520
- editorIndentGuide.background6#fc1d7820
- editorInfo.background#00000000
- editorInfo.border#00000000
- editorInfo.foreground#5d8dee
- editorLineNumber.activeForeground#632a4e
- editorLineNumber.foreground#4d2b3b
- editorLink.activeForeground#5d8dee
- editorMarkerNavigation.background#0b0b0b
- editorMarkerNavigationError.background#e36d6d
- editorMarkerNavigationInfo.background#5d8dee
- editorMarkerNavigationWarning.background#e8ca5e
- editorOverviewRuler.background#0f0c15
- editorOverviewRuler.border#00000000
- editorRuler.foreground#ffffff0f
- editorSuggestWidget.background#0a0a0a
- editorSuggestWidget.border#00000000
- editorSuggestWidget.foreground#572444
- editorSuggestWidget.highlightForeground#9f1c18
- editorSuggestWidget.selectedBackground#3d1a30
- editorWarning.background#00000000
- editorWarning.border#00000000
- editorWarning.foreground#fca669
- editorWhitespace.foreground#ffffff23
- editorWidget.background#3d1a30
- editorWidget.foreground#ffffffde
- editorWidget.resizeBorder#ffffff23
- focusBorder#00000000
- foreground#ebd9bcde
- gitDecoration.addedResourceForeground#61d67e
- gitDecoration.conflictingResourceForeground#8066f5
- gitDecoration.deletedResourceForeground#e36d6d
- gitDecoration.ignoredResourceForeground#ffffff57
- gitDecoration.modifiedResourceForeground#e8ca5e
- gitDecoration.stageDeletedResourceForeground#e36d6d
- gitDecoration.stageModifiedResourceForeground#e8ca5e
- gitDecoration.submoduleResourceForeground#5d8dee
- gitDecoration.untrackedResourceForeground#61d67e
- icon.foreground#ebd9bcde
- input.background#0b0b0b
- input.border#00000000
- input.foreground#ebd9bcde
- input.placeholderForeground#ffffff23
- inputOption.activeBackground#7154f2b2
- inputOption.activeBorder#00000000
- inputOption.activeForeground#ffffff
- inputOption.hoverBackground#ffffff0f
- keybindingLabel.background#00000026
- keybindingLabel.border#0000006b
- keybindingLabel.bottomBorder#0000006b
- keybindingLabel.foreground#ffffff57
- keybindingTable.headerBackground#00000026
- list.activeSelectionBackground#55283c
- list.activeSelectionForeground#ad3139
- list.dropBackground#7154f226
- list.focusBackground#8066f533
- list.focusForeground#ffffffde
- list.highlightForeground#8066f5
- list.hoverBackground#ffffff0f
- list.hoverForeground#ffffffde
- list.inactiveSelectionBackground#ffffff0f
- list.inactiveSelectionForeground#ffffffde
- list.warningForeground#e8ca5e
- listFilterWidget.background#1e141c
- listFilterWidget.noMatchesOutline#da5858
- listFilterWidget.outline#0b0b0b
- menu.background#0b0b0b
- menu.border#0b0b0b
- menu.foreground#ffffffde
- menu.selectionBackground#632a4e5f
- menu.selectionBorder#00000000
- menu.selectionForeground#ffffff
- menu.separatorBackground#ffffff23
- menubar.selectionBackground#ffffff0f
- menubar.selectionForeground#ffffffde
- merge.commonContentBackground#ffffff23
- merge.commonHeaderBackground#ffffff0f
- merge.currentContentBackground#7154f226
- merge.currentHeaderBackground#8066f533
- merge.incomingContentBackground#3fc66126
- merge.incomingHeaderBackground#61d67e33
- minimap.background#3d1a30
- minimap.errorHighlight#e36d6d
- minimap.findMatchHighlight#ffffff57
- minimap.selectionHighlight#ffffff23
- minimap.warningHighlight#fca669
- minimapGutter.addedBackground#3fc661
- minimapGutter.deletedBackground#da5858
- minimapGutter.modifiedBackground#645d6d
- notificationCenter.border#0b0b0b
- notificationCenterHeader.background#1e141c
- notificationCenterHeader.foreground#ffffff57
- notifications.background#0b0b0b
- notifications.border#303031
- notifications.foreground#ffffffde
- notificationsErrorIcon.foreground#e36d6d
- notificationsInfoIcon.foreground#5d8dee
- notificationsWarningIcon.foreground#e8ca5e
- notificationToast.border#00000000
- panel.background#0a0a0a
- panel.border#4f283a
- panel.dropBorder#7154f2
- panelSection.border#0b0b0b
- panelTitle.activeBorder#a12f2f
- panelTitle.activeForeground#a7363a
- panelTitle.inactiveForeground#50293b
- peekView.border#7154f2
- peekViewEditor.background#001f33
- peekViewEditor.matchHighlightBackground#ff8f0099
- peekViewEditor.matchHighlightBorder#ee931e
- peekViewEditorGutter.background#001f33
- peekViewResult.background#252526
- peekViewResult.fileForeground#ebd9bc
- peekViewResult.lineForeground#bbbbbb
- peekViewResult.matchHighlightBackground#ea5c004d
- peekViewResult.selectionBackground#3399ff33
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#1e1e1e
- peekViewTitleDescription.foreground#ccccccb3
- peekViewTitleLabel.foreground#ffffff
- pickerGroup.border#ffffff23
- pickerGroup.foreground#ffffff57
- progressBar.background#7154f299
- scrollbar.shadow#0000006b
- scrollbarSlider.activeBackground#ac3232ff
- scrollbarSlider.background#5a212daa
- scrollbarSlider.hoverBackground#ac3232aa
- selection.background#7154f266
- settings.checkboxBackground#0b0b0b
- settings.checkboxBorder#00000000
- settings.focusedRowBackground#ffffff07
- settings.headerForeground#ffffffde
- sideBar.background#0f0c15
- sideBar.border#3d1a30
- sideBar.dropBackground#7154f233
- sideBar.foreground#642647
- sideBarSectionHeader.background#ad3235
- sideBarSectionHeader.border#00000000
- sideBarSectionHeader.foreground#0e0d15
- sideBarTitle.foreground#ffffff57
- statusBar.background#0e0d15
- statusBar.border#4f2a3c
- statusBar.debuggingBackground#da585833
- statusBar.debuggingForeground#ffffffde
- statusBar.focusBorder#00000000
- statusBar.foreground#942e3b
- statusBar.noFolderBackground#645d6dcc
- statusBar.noFolderForeground#ffffffde
- statusBarItem.activeBackground#ffffff25
- statusBarItem.compactHoverBackground#00000026
- statusBarItem.errorBackground#873939
- statusBarItem.focusBorder#00000000
- statusBarItem.hoverBackground#0000006b
- statusBarItem.remoteBackground#7154f2
- statusBarItem.remoteForeground#ffffffde
- tab.activeBackground#0f0c15
- tab.activeBorder#00000000
- tab.activeBorderTop#00000000
- tab.activeForeground#ebd9bcff
- tab.border#00000000
- tab.hoverBackground#0f0c15
- tab.hoverForeground#ffffffde
- tab.inactiveBackground#3d1a30
- tab.inactiveForeground#ebd9bc57
- terminal.ansiBlack#000000
- terminal.ansiBlue#645d6d
- terminal.ansiBrightBlack#ffffff57
- terminal.ansiBrightBlue#03948f
- terminal.ansiBrightCyan#7eeaf6
- terminal.ansiBrightGreen#61d67e
- terminal.ansiBrightMagenta#8066f5
- terminal.ansiBrightRed#e36d6d
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#e8ca5e
- terminal.ansiCyan#03a48f
- terminal.ansiGreen#3fc661
- terminal.ansiMagenta#7154f2
- terminal.ansiRed#da5858
- terminal.ansiWhite#ffffffde
- terminal.ansiYellow#e8ca5e
- terminal.border#0b0b0b
- terminal.foreground#a53131
- terminal.selectionBackground#ffffff23
- terminalCursor.background#0a0a0a
- terminalCursor.foreground#4d2b3b
- textLink.foreground#85a796
- titleBar.activeBackground#0f0c15
- titleBar.activeForeground#a92f3c
- titleBar.border#3d1a30
- titleBar.inactiveBackground#1e141c
- titleBar.inactiveForeground#ffffff57
- tree.indentGuidesStroke#ffffff23
- walkThrough.embeddedEditorBackground#00000050
- welcomePage.background#0f0c15
- welcomePage.progress.background#ffffff0f
- welcomePage.progress.foreground#8066f5
- welcomePage.tileBackground#3d1a30
- welcomePage.tileHoverBackground#1e141c
- widget.shadow#0000006b
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #4f283aFF | italic |
| variable, string constant.other.placeholder | #ebd9bcDE | — |
| source.css keyword.other | #FCA660 | — |
| constant.other.color | #ebd9bc | — |
| invalid, invalid.illegal | #E36D6D | — |
| keyword, storage.type, storage.modifier | #fc1d78 | — |
| keyword.control, constant.other.color, meta.tag, keyword.other.template, keyword.other.substitution | #08d3a4 | — |
| punctuation, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded | #ebd9bcDE | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #E36D6D | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #3ba199 | — |
| meta.block variable.other | #E36D6D | — |
| support.other.variable, string.other.link | #E36D6D | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape | #eea660 | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #84a695 | — |
| support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #FFFFFFDE | — |
| entity.name | #FFFFFFDE | — |
| entity.name.type | #BADB28 | — |
| support.type | #7EEAF6 | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #7EEAF6 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #E36D6D | — |
| variable.language | #E36D6D | italic |
| entity.name.method.js | #5D8DEE | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #5D8DEE | — |
| entity.other.attribute-name | #FFFFFFDE | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #BADB28 | italic |
| entity.other.attribute-name.class | #BADB28 | — |
| source.sass keyword.control | #5D8DEE | — |
| markup.inserted | #61D67E | — |
| markup.deleted | #E36D6D | — |
| markup.changed | #8066F5 | — |
| string.regexp | #7EEAF6 | — |
| constant.character.escape | #7EEAF6 | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #5D8DEE | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #E36D6D | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #8066F5 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #BADB28 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FCA660 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #E36D6D | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C17E70 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #5D8DEE | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #E36D6D | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #8066F5 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #61D67E | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #FFFFFFDE | — |
| text.html.markdown markup.inline.raw.markdown | #8066F5 | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #FFFFFF57 | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #61D67E | — |
| markup.italic | #E36D6D | italic |
| markup.bold, markup.bold string | #E36D6D | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #E36D6D | bold |
| markup.underline | #FCA660 | underline |
| markup.quote punctuation.definition.blockquote.markdown | #FFFFFF57 | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #5D8DEE | — |
| string.other.link.description.title.markdown | #8066F5 | — |
| constant.other.reference.link.markdown | #BADB28 | — |
| markup.raw.block | #8066F5 | — |
| markup.raw.block.fenced.markdown | #0000006B | — |
| punctuation.definition.fenced.markdown | #0000006B | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #FFFFFFDE | — |
| variable.language.fenced.markdown | #FFFFFF57 | — |
| meta.separator | #FFFFFF57 | bold |
| markup.table | #FFFFFFDE | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |