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#07110e
- activityBar.border#36e08a10
- activityBar.foreground#64d498
- activityBar.inactiveForeground#36e08a4b
- activityBarBadge.background#36e08a
- activityBarBadge.foreground#07110e
- badge.background#36e08a
- badge.foreground#07110e
- breadcrumb.activeSelectionForeground#64d498
- breadcrumb.focusForeground#64d498
- breadcrumb.foreground#36e08a87
- breadcrumbPicker.background#101f1af0
- button.background#36e08abf
- button.foreground#07110e
- button.hoverBackground#64d498
- button.secondaryBackground#36e08a1c
- button.secondaryForeground#86d9ac
- button.secondaryHoverBackground#36e08a2f
- dropdown.background#101f1ae6
- dropdown.border#36e08a28
- dropdown.foreground#d0ffe6
- editor.background#0c1814
- editor.findMatchBackground#36e08a4b
- editor.findMatchHighlightBackground#36e08a23
- editor.foreground#d8f5e6
- editor.inactiveSelectionBackground#36e08a23
- editor.lineHighlightBackground#36e08a12
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#36e08a3d
- editor.selectionHighlightBackground#36e08a17
- editor.wordHighlightBackground#36e08a1e
- editor.wordHighlightStrongBackground#36e08a2f
- editorCursor.foreground#64d498
- editorGroup.border#36e08a13
- editorGroupHeader.tabsBackground#07110e
- editorGutter.background#0c1814
- editorHoverWidget.background#101f1af0
- editorHoverWidget.border#36e08a28
- editorIndentGuide.activeBackground1#36e08a46
- editorIndentGuide.background1#36e08a15
- editorLineNumber.activeForeground#64d498
- editorLineNumber.foreground#36e08a38
- editorSuggestWidget.background#101f1ae6
- editorSuggestWidget.border#36e08a2f
- editorSuggestWidget.highlightForeground#64d498
- editorSuggestWidget.selectedBackground#36e08a23
- editorWhitespace.foreground#36e08a1c
- editorWidget.background#101f1acc
- editorWidget.border#36e08a28
- focusBorder#36e08a5a
- input.background#36e08a12
- input.border#36e08a28
- input.foreground#f0fff7
- input.placeholderForeground#36e08a5a
- inputOption.activeBackground#36e08a2a
- inputOption.activeBorder#64d498
- list.activeSelectionBackground#36e08a2a
- list.activeSelectionForeground#f0fff7
- list.focusBackground#36e08a23
- list.focusOutline#36e08a31
- list.highlightForeground#64d498
- list.hoverBackground#36e08a15
- list.inactiveSelectionBackground#36e08a19
- minimap.background#0c1814cc
- notificationCenterHeader.background#0a1511
- notificationCenterHeader.foreground#64d498
- notifications.background#101f1af0
- notifications.border#36e08a28
- panel.background#0a1511f2
- panel.border#36e08a1a
- panelTitle.activeBorder#36e08a
- panelTitle.activeForeground#64d498
- panelTitle.inactiveForeground#36e08a5a
- peekView.border#36e08a31
- peekViewEditor.background#0c1814e6
- peekViewResult.background#0a1511f2
- peekViewTitle.background#0a1511
- progressBar.background#64d498
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#36e08a31
- scrollbarSlider.background#36e08a17
- scrollbarSlider.hoverBackground#36e08a28
- selection.background#36e08a3d
- sideBar.background#0a1511f2
- sideBar.border#36e08a13
- sideBar.foreground#d0ffe6
- sideBarSectionHeader.background#36e08a0e
- sideBarSectionHeader.border#36e08a15
- sideBarSectionHeader.foreground#86d9ac
- sideBarTitle.foreground#64d498
- statusBar.background#0a2a20cc
- statusBar.border#36e08a1a
- statusBar.debuggingBackground#00cc6cb4
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#86d9ac
- statusBar.noFolderBackground#0a2a20cc
- statusBarItem.hoverBackground#36e08a23
- statusBarItem.remoteBackground#36e08a
- statusBarItem.remoteForeground#07110e
- tab.activeBackground#0c1814
- tab.activeBorderTop#36e08a
- tab.activeForeground#64d498
- tab.border#36e08a10
- tab.hoverBackground#36e08a12
- tab.inactiveBackground#07110ecc
- tab.inactiveForeground#36e08a5a
- terminal.ansiBlue#3dc4ff
- terminal.ansiBrightGreen#64d498
- terminal.ansiCyan#24ccb6
- terminal.ansiGreen#36e08a
- terminal.background#0c1814
- terminal.foreground#f0fff7
- titleBar.activeBackground#07110ee6
- titleBar.activeForeground#64d498
- titleBar.border#36e08a10
- titleBar.inactiveBackground#050c0a
- titleBar.inactiveForeground#36e08a4b
- toolbar.hoverBackground#36e08a1c
- widget.shadow#00000055
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #64d498 | italic |
| keyword, storage.type, storage.modifier | #86d9ac | — |
| string, string.quoted | #c8ffe0 | — |
| constant.numeric | #00cc6c | — |
| entity.name.function, support.function | #c5f0d8 | — |
| variable, variable.other | #c8ffe0 | — |
| entity.name.type, entity.name.class, support.class | #36e08a | — |
| constant, constant.language | #24ccb6 | — |
| keyword.operator | #86d9ac | — |
| entity.name.tag | #36e08a | — |
| entity.other.attribute-name | #c8ffe0 | — |
| support.type.property-name | #86d9ac | — |
| support.type.property-name.json | #36e08a | — |
| punctuation | #64d498 | — |
| keyword.control.import, keyword.control.export | #24ccb6 | — |