DDLC Chibi Themes
Publisher: DDLC FanThemes in package: 4
DDLC themes, cute Literature Club product icons, and Doki chibis for code-editor IDEs.
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#10080c
- activityBar.border#e6459610
- activityBar.foreground#d4709a
- activityBar.inactiveForeground#e645964b
- activityBarBadge.background#e64596
- activityBarBadge.foreground#10080c
- badge.background#e64596
- badge.foreground#10080c
- breadcrumb.activeSelectionForeground#d4709a
- breadcrumb.focusForeground#d4709a
- breadcrumb.foreground#e6459687
- breadcrumbPicker.background#1f1218f0
- button.background#e64596bf
- button.foreground#10080c
- button.hoverBackground#d4709a
- button.secondaryBackground#e645961c
- button.secondaryForeground#e8b4be
- button.secondaryHoverBackground#e645962f
- dropdown.background#1f1218e6
- dropdown.border#e6459628
- dropdown.foreground#ffd0da
- editor.background#180e13
- editor.findMatchBackground#e645964b
- editor.findMatchHighlightBackground#e6459623
- editor.foreground#f5d8e0
- editor.inactiveSelectionBackground#e6459623
- editor.lineHighlightBackground#e6459612
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#e645963d
- editor.selectionHighlightBackground#e6459617
- editor.wordHighlightBackground#e645961e
- editor.wordHighlightStrongBackground#e645962f
- editorCursor.foreground#d4709a
- editorGroup.border#e6459613
- editorGroupHeader.tabsBackground#10080c
- editorGutter.background#180e13
- editorHoverWidget.background#1f1218f0
- editorHoverWidget.border#e6459628
- editorIndentGuide.activeBackground1#e6459646
- editorIndentGuide.background1#e6459615
- editorLineNumber.activeForeground#d4709a
- editorLineNumber.foreground#e6459638
- editorSuggestWidget.background#1f1218e6
- editorSuggestWidget.border#e645962f
- editorSuggestWidget.highlightForeground#d4709a
- editorSuggestWidget.selectedBackground#e6459623
- editorWhitespace.foreground#e645961c
- editorWidget.background#1f1218cc
- editorWidget.border#e6459628
- focusBorder#e645965a
- input.background#e6459612
- input.border#e6459628
- input.foreground#fff0f4
- input.placeholderForeground#e645965a
- inputOption.activeBackground#e645962a
- inputOption.activeBorder#d4709a
- list.activeSelectionBackground#e645962a
- list.activeSelectionForeground#fff0f4
- list.focusBackground#e6459623
- list.focusOutline#e6459631
- list.highlightForeground#d4709a
- list.hoverBackground#e6459615
- list.inactiveSelectionBackground#e6459619
- minimap.background#180e13cc
- notificationCenterHeader.background#140b10
- notificationCenterHeader.foreground#d4709a
- notifications.background#1f1218f0
- notifications.border#e6459628
- panel.background#140b10f2
- panel.border#e645961a
- panelTitle.activeBorder#e64596
- panelTitle.activeForeground#d4709a
- panelTitle.inactiveForeground#e645965a
- peekView.border#e6459631
- peekViewEditor.background#180e13e6
- peekViewResult.background#140b10f2
- peekViewTitle.background#140b10
- progressBar.background#d4709a
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#e6459631
- scrollbarSlider.background#e6459617
- scrollbarSlider.hoverBackground#e6459628
- selection.background#e645963d
- sideBar.background#140b10f2
- sideBar.border#e6459613
- sideBar.foreground#ffd0da
- sideBarSectionHeader.background#e645960e
- sideBarSectionHeader.border#e6459615
- sideBarSectionHeader.foreground#ff9a9a
- sideBarTitle.foreground#d4709a
- statusBar.background#2a101acc
- statusBar.border#e645961a
- statusBar.debuggingBackground#ff3d6eb4
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#e8b4be
- statusBar.noFolderBackground#2a101acc
- statusBarItem.hoverBackground#e6459623
- statusBarItem.remoteBackground#e64596
- statusBarItem.remoteForeground#10080c
- tab.activeBackground#180e13
- tab.activeBorderTop#e64596
- tab.activeForeground#d4709a
- tab.border#e6459610
- tab.hoverBackground#e6459612
- tab.inactiveBackground#10080ccc
- tab.inactiveForeground#e645965a
- terminal.ansiBrightRed#d4709a
- terminal.ansiCyan#1abc9c
- terminal.ansiMagenta#e85246
- terminal.ansiRed#e64596
- terminal.background#180e13
- terminal.foreground#fff0f4
- titleBar.activeBackground#10080ce6
- titleBar.activeForeground#d4709a
- titleBar.border#e6459610
- titleBar.inactiveBackground#0b0508
- titleBar.inactiveForeground#e645964b
- toolbar.hoverBackground#e645961c
- widget.shadow#00000055
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #d4709a | italic |
| keyword, storage.type, storage.modifier | #ff9a9a | — |
| string, string.quoted | #e8b4be | — |
| constant.numeric | #e64596 | — |
| entity.name.function, support.function | #f8c8d4 | — |
| variable, variable.other | #e8b4be | — |
| entity.name.type, entity.name.class, support.class | #e64596 | — |
| constant, constant.language | #ff5cb8 | — |
| keyword.operator | #ff9a9a | — |
| entity.name.tag | #e64596 | — |
| entity.other.attribute-name | #e8b4be | — |
| support.type.property-name | #ff9a9a | — |
| support.type.property-name.json | #e64596 | — |
| punctuation | #d4709a | — |
| keyword.control.import, keyword.control.export | #ff5cb8 | — |