My Color Code
Publisher: Bracamonte Alan GabrielThemes in package: 1
Cambia y elige a tu gusto colores para cambiar por completo tu Visual Studio Code, además de cambiar colores y aspectos de código de programación, etc.
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#4e524f
- activityBar.border#000000
- activityBar.foreground#ffffff
- activityBarBadge.background#00f0ff
- activityBarBadge.foreground#0a0e14
- badge.background#a4bd00
- badge.foreground#0a0e14
- breadcrumb.activeSelectionForeground#3f3f3f
- breadcrumb.background#444b4c
- breadcrumb.focusForeground#a4bd00
- breadcrumb.foreground#ffffff
- breadcrumbPicker.background#151515
- button.background#4F4D4D
- button.foreground#ffffff
- button.hoverBackground#869c30
- debugExceptionWidget.background#0d1016
- debugExceptionWidget.border#01060e
- debugToolBar.background#0d1016
- diffEditor.insertedTextBackground#c2d94c26
- diffEditor.removedTextBackground#f2966826
- dropdown.background#151515
- dropdown.border#333b12
- dropdown.foreground#3d424d
- editor.background#282828
- editor.findMatchBackground#e6b4500d
- editor.findMatchBorder#e6b450
- editor.findMatchHighlightBackground#e6b4500d
- editor.findMatchHighlightBorder#e6b45059
- editor.findRangeHighlightBackground#121922
- editor.findRangeHighlightBorder#0a0e1400
- editor.foreground#ffffff
- editor.inactiveSelectionBackground#a4bd00
- editor.lineHighlightBackground#343434
- editor.lineHighlightBorder#414141
- editor.rangeHighlightBackground#01060e
- editor.selectionBackground#9b9b9b
- editor.selectionForeground#474747
- editor.selectionHighlightBackground#262626
- editor.selectionHighlightBorder#1d2936
- editor.wordHighlightBackground#363636
- editor.wordHighlightStrongBackground#e6b45033
- editorBracketMatch.background#3d424d4d
- editorBracketMatch.border#3d424d99
- editorCodeLens.foreground#626a73
- editorCursor.foreground#bde5f1
- editorError.foreground#ff3333
- editorGroup.border#ffffff
- editorGroupHeader.noTabsBackground#31353B
- editorGroupHeader.tabsBackground#2a7e7b
- editorGroupHeader.tabsBorder#0a0e14
- editorGutter.addedBackground#91b36299
- editorGutter.deletedBackground#d96c7599
- editorGutter.modifiedBackground#6994bf99
- editorHoverWidget.background#858181
- editorHoverWidget.border#000000
- editorIndentGuide.activeBackground#3d424db3
- editorIndentGuide.background#3d424d66
- editorLineNumber.activeForeground#ffffff
- editorLineNumber.foreground#585858
- editorLink.activeForeground#e6b450
- editorMarkerNavigation.background#0d1016
- editorOverviewRuler.addedForeground#91b36299
- editorOverviewRuler.border#01060e
- editorOverviewRuler.deletedForeground#d96c7599
- editorOverviewRuler.errorForeground#ff3333
- editorOverviewRuler.modifiedForeground#6994bf99
- editorOverviewRuler.warningForeground#e6b450
- editorRuler.foreground#3d424d66
- editorSuggestWidget.background#0d1016
- editorSuggestWidget.border#000000
- editorSuggestWidget.highlightForeground#ffffff
- editorSuggestWidget.selectedBackground#01060e
- editorWarning.foreground#e6b450
- editorWhitespace.foreground#3d424d99
- editorWidget.background#ffffff
- editorWidget.foreground#000000
- extensionButton.prominentBackground#e6b450
- extensionButton.prominentForeground#0a0e14
- extensionButton.prominentHoverBackground#e1af4b
- focusBorder#292d36
- foreground#a0a8bd
- gitDecoration.conflictingResourceForeground#ff5300
- gitDecoration.deletedResourceForeground#d96c75b3
- gitDecoration.ignoredResourceForeground#666666
- gitDecoration.modifiedResourceForeground#6994bfb3
- gitDecoration.submoduleResourceForeground#ffee99b3
- gitDecoration.untrackedResourceForeground#6e7035
- input.background#000000
- input.border#191e25
- input.foreground#a0a8bd
- input.placeholderForeground#2e323c
- inputOption.activeBorder#e6b450
- inputValidation.errorBackground#0a0e14
- inputValidation.errorBorder#fc0404
- inputValidation.infoBackground#0a0e14
- inputValidation.infoBorder#39bae6
- inputValidation.warningBackground#0a0e14
- inputValidation.warningBorder#ffb454
- list.activeSelectionBackground#94a498
- list.activeSelectionForeground#000000
- list.focusBackground#ababab
- list.focusForeground#000000
- list.highlightForeground#000000
- list.hoverBackground#4F4D4D
- list.hoverForeground#000000
- list.inactiveSelectionBackground#343434
- list.inactiveSelectionForeground#ffffff
- list.invalidItemForeground#2e323c
- menu.background#ffffff
- menu.foreground#000000
- menu.selectionForeground#000000
- menubar.selectionBackground#0c96a0
- panel.background#0a0a0a
- panel.border#a4bd00
- panelTitle.activeBorder#a4bd00
- panelTitle.activeForeground#a0a8bd
- panelTitle.inactiveForeground#86898f
- peekView.border#01060e
- peekViewEditor.background#0d1016
- peekViewEditor.matchHighlightBackground#e6b45033
- peekViewResult.background#0d1016
- peekViewResult.fileForeground#3d424d
- peekViewResult.matchHighlightBackground#e6b45033
- peekViewTitle.background#0d1016
- peekViewTitleDescription.foreground#3d424d
- peekViewTitleLabel.foreground#3d424d
- pickerGroup.border#01060e
- pickerGroup.foreground#242831
- progressBar.background#a4bd00
- scrollbar.shadow#01060e
- scrollbarSlider.activeBackground#3f3f3f
- scrollbarSlider.background#2a2a2a
- scrollbarSlider.hoverBackground#343434
- selection.background#c3c3c3
- selection.foreground#ffffff
- settings.headerForeground#b3b1ad
- settings.modifiedItemIndicator#6994bf
- sideBar.background#141414
- sideBar.border#0a0a0a
- sideBar.foreground#a8aebd
- sideBarSectionHeader.background#151515
- sideBarSectionHeader.foreground#d2d2d2
- sideBarTitle.foreground#d2d2d2
- statusBar.background#000000
- statusBar.border#000000
- statusBar.debuggingBackground#f29668
- statusBar.debuggingForeground#0a0e14
- statusBar.foreground#787e8d
- statusBar.noFolderBackground#0d1016
- statusBarItem.activeBackground#00000050
- statusBarItem.hoverBackground#00000030
- statusBarItem.prominentBackground#01060e
- statusBarItem.prominentHoverBackground#00000030
- tab.activeBackground#ffffff
- tab.unfocusedActiveBackground#ffffff
- terminal.ansiBlack#01060e
- terminal.ansiBlue#53bdfa
- terminal.ansiBrightBlack#686868
- terminal.ansiBrightBlue#59c2ff
- terminal.ansiBrightCyan#95e6cb
- terminal.ansiBrightGreen#c2d94c
- terminal.ansiBrightMagenta#ffee99
- terminal.ansiBrightRed#f07178
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffb454
- terminal.ansiCyan#90e1c6
- terminal.ansiGreen#91b362
- terminal.ansiMagenta#fae994
- terminal.ansiRed#ea6c73
- terminal.ansiWhite#c7c7c7
- terminal.ansiYellow#f9af4f
- terminal.background#0a0a0a
- terminal.foreground#a8aebd
- textBlockQuote.background#0d1016
- textLink.activeForeground#a0a8bd
- textLink.foreground#a4bd00
- textPreformat.foreground#a0a8bd
- titleBar.activeBackground#000000
- titleBar.activeForeground#a8aebd
- titleBar.border#000000
- titleBar.inactiveBackground#474747
- titleBar.inactiveForeground#c2c2c2
- walkThrough.embeddedEditorBackground#0d1016
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #646364 | bold |
| constant, entity.name.constant, variable.other.constant, variable.language | #04ffe3 | bold |
| keyword.operator.symbole, keyword.other.mark | #000000 | — |
| entity, entity.name | #8e44ad | — |
| variable.parameter.function | #aa43ff | — |
| entity.name.tag | #ffffff | bold |
| keyword | #889189 | bold |
| storage, storage.type | #98a517 | bold |
| storage.modifier.package, storage.modifier.import, storage.type.java | #34495e | — |
| string, punctuation.definition.string, string punctuation.section.embedded source | #27CFF5 | — |
| string.unquoted.import.ada | — | — |
| support | #0091ea | — |
| meta.property-name | #00bcd4 | — |
| variable | #2962ff | — |
| variable.other | #136d00 | — |
| invalid.broken | #ff0000 | bold italic underline |
| invalid.deprecated | #e0343f | bold italic underline |
| invalid.illegal | #b31d28 | italic underline |
| carriage-return | #ff0019 | italic underline |
| invalid.unimplemented | #b31d28 | bold italic underline |
| message.error | #b31d28 | — |
| string source | #000000 | — |
| string variable | #8f15a2 | bold |
| source.regexp, string.regexp | #032f62 | — |
| string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition | #032f62 | — |
| string.regexp constant.character.escape | #22863a | bold |
| support.constant | #66001f | — |
| support.variable | #005cc5 | — |
| meta.module-reference | #005cc5 | — |
| markup.list | #735c0f | — |
| markup.heading, markup.heading entity.name | #005cc5 | bold |
| markup.quote | #22863a | — |
| markup.italic | #000000 | italic |
| markup.bold | #000000 | bold |
| markup.raw | F54927 | bold |
| markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted | #b31d28 | — |
| markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted | #22863a | — |
| markup.changed, punctuation.definition.changed | #e36209 | — |
| markup.ignored, markup.untracked | #005cc5 | — |
| meta.diff.range | #6f42c1 | bold |
| meta.diff.header | #005cc5 | — |
| meta.separator | #005cc5 | bold |
| meta.output | #005cc5 | — |
| brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote | #42ff00 | bold |
| brackethighlighter.unmatched | #b31d28 | — |
| sublimelinter.mark.error | #b31d28 | — |
| sublimelinter.mark.warning | #e36209 | — |
| sublimelinter.gutter-mark | #959da5 | — |
| constant.other.reference.link, string.other.link | #0a3362 | underline |
| meta.function-call support.function, meta.function-call entity.name.function | #ca03f8 | bold |
| keyword.operator | #ff0054 | bold |