SunilCode Themes
Publisher: fastestsunilThemes in package: 4
A collection of comfortable, eye-friendly themes by Sunil Kumar for developers who spend long hours coding. Features extension-wide rating system and smart theme switching.
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.background#1a1f2e
- activityBar.border#2a3040
- activityBar.foreground#d4a574
- activityBar.inactiveForeground#6b7080
- activityBarBadge.background#e8b04a
- activityBarBadge.foreground#1a1f2e
- button.background#e8b04a
- button.foreground#1a1f2e
- button.hoverBackground#f2c55c
- dropdown.background#2a3040
- dropdown.border#4a4d60
- dropdown.foreground#d4c5b9
- editor.background#1a1f2e
- editor.findMatchBackground#e8b04aaa
- editor.findMatchHighlightBackground#e8b04a55
- editor.findRangeHighlightBackground#5a4a3d33
- editor.foreground#d4c5b9
- editor.hoverHighlightBackground#35404944
- editor.inactiveSelectionBackground#2a3545
- editor.lineHighlightBackground#242938
- editor.selectionBackground#3d4a5a
- editor.selectionHighlightBackground#354049
- editor.wordHighlightBackground#3d4a5a66
- editor.wordHighlightStrongBackground#5a4a3d66
- editorCursor.foreground#e8b04a
- editorGroupHeader.tabsBackground#1f2432
- editorGroupHeader.tabsBorder#2a3040
- editorHoverWidget.background#2a3040
- editorHoverWidget.border#4a4d60
- editorIndentGuide.activeBackground#5a606e
- editorIndentGuide.background#3a404e
- editorLineNumber.activeForeground#d4a574
- editorLineNumber.foreground#6b7080
- editorLink.activeForeground#d4a574
- editorRuler.foreground#3a404e
- editorWhitespace.foreground#4a4d60
- input.background#2a3040
- input.border#4a4d60
- input.foreground#d4c5b9
- input.placeholderForeground#6b7080
- list.activeSelectionBackground#3d4a5a
- list.activeSelectionForeground#d4c5b9
- list.focusBackground#3d4a5a
- list.hoverBackground#354049
- list.inactiveSelectionBackground#2a3545
- panel.background#1a1f2e
- panel.border#2a3040
- panelTitle.activeBorder#e8b04a
- panelTitle.activeForeground#d4a574
- panelTitle.inactiveForeground#8a9199
- sideBar.background#1f2432
- sideBar.border#2a3040
- sideBar.foreground#c9ada7
- sideBarSectionHeader.background#2a3040
- sideBarSectionHeader.foreground#d4a574
- sideBarTitle.foreground#d4a574
- statusBar.background#e8b04a
- statusBar.debuggingBackground#d4a574
- statusBar.debuggingForeground#1a1f2e
- statusBar.foreground#1a1f2e
- statusBar.noFolderBackground#6b7080
- tab.activeBackground#1a1f2e
- tab.activeBorder#e8b04a
- tab.activeForeground#d4c5b9
- tab.border#2a3040
- tab.inactiveBackground#232837
- tab.inactiveForeground#8a9199
- tab.unfocusedActiveForeground#c9ada7
- tab.unfocusedInactiveForeground#6b7080
- terminal.ansiBlack#232837
- terminal.ansiBlue#d4a574
- terminal.ansiCyan#56b6c2
- terminal.ansiGreen#98c379
- terminal.ansiMagenta#c678dd
- terminal.ansiRed#e06c75
- terminal.ansiWhite#d4c5b9
- terminal.ansiYellow#e8b04a
- terminal.background#1a1f2e
- terminal.foreground#d4c5b9
- titleBar.activeBackground#1a1f2e
- titleBar.activeForeground#d4c5b9
- titleBar.border#2a3040
- titleBar.inactiveBackground#1a1f2e
- titleBar.inactiveForeground#6b7080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6b7080 | italic |
| variable, string constant.other.placeholder | #d4c5b9 | — |
| constant.other.color | #d4a574 | — |
| invalid, invalid.illegal | #e06c75 | — |
| keyword, storage.type, storage.modifier | #e8b04a | — |
| punctuation, punctuation.separator.inheritance.php, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #a0a080 | — |
| punctuation.definition.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.xml, meta.tag | #e8b04a | — |
| entity.name.tag, entity.name.tag.html, entity.name.tag.xml, meta.tag.sgml, markup.deleted.git_gutter | #d4a574 | bold |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #e8b04a | — |
| meta.block variable.other | #c9ada7 | — |
| support.other.variable, string.other.link | #c9ada7 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #f2c55c | — |
| 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 | #c9c9a0 | — |
| entity.other.attribute-name, text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.xml | #e8b04a | italic |
| string.quoted.double.html, string.quoted.single.html, string.quoted.double.xml, string.quoted.single.xml, meta.attribute-with-value.html string, meta.attribute-with-value.xml string | #c9c9a0 | — |
| entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #d4a574 | — |
| support.type | #d4a574 | — |
| 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 | #e8b04a | — |