Onoyama Extensions
Publisher: OnoyamaNekoThemes in package: 2
Light font color with dark background makes writing code easier and more comfortable for the eyes. Snippets Support for HTML/Css
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.activeBackground#ffffff07
- activityBar.activeBorder#00ffdd
- activityBar.activeFocusBorder#00ffdd
- activityBar.background#141414
- activityBar.foreground#00ffdd
- activityBar.inactiveForeground#00ffdd75
- activityBarBadge.background#00ffdd
- activityBarBadge.foreground#000000
- badge.background#00ffdd
- badge.foreground#000000
- breadcrumb.background#1a1919
- breadcrumb.focusForeground#00ffdd
- breadcrumb.foreground#FFF
- breadcrumbPicker.background#1a1919
- button.background#00ffdd1c
- button.border#00ffdd
- button.foreground#FFF
- button.hoverBackground#00ffdda2
- button.secondaryBackground#00ffdd1c
- button.secondaryForeground#FFF
- button.secondaryHoverBackground#00ffdd
- contrastActiveBorder#00ffdd
- descriptionForeground#ffffff59
- disabledForeground#00ffdd60
- editor.background#141414
- editor.findMatchBackground#00ffdd31
- editor.findMatchHighlightBackground#00ffdd31
- editor.findRangeHighlightBackground#00ffdd56
- editor.foreground#ffffff
- editor.hoverHighlightBackground#00ffdd2f
- editor.lineHighlightBackground#00ffdd13
- editor.lineHighlightBorder#00ffdd36
- editor.selectionBackground#00ffdd1c
- editor.selectionHighlightBackground#00ffdd75
- editor.selectionHighlightBorder#00ffdd
- editorBracketHighlight.foreground1#00ffdd
- editorBracketHighlight.foreground2#00ffdd
- editorBracketHighlight.foreground3#00ffdd
- editorBracketHighlight.foreground4#00ffdd
- editorBracketHighlight.foreground5#00ffdd
- editorBracketHighlight.foreground6#00ffdd
- editorBracketMatch.background#00ffdd31
- editorBracketMatch.border#00ffdd
- editorBracketPairGuide.activeBackground1#00ffdd
- editorBracketPairGuide.activeBackground2#00ffdd
- editorBracketPairGuide.activeBackground3#00ffdd
- editorBracketPairGuide.activeBackground4#00ffdd
- editorBracketPairGuide.activeBackground5#00ffdd
- editorBracketPairGuide.activeBackground6#00ffdd
- editorBracketPairGuide.background1#00ffdd2f
- editorBracketPairGuide.background2#00ffdd2f
- editorBracketPairGuide.background3#00ffdd2f
- editorBracketPairGuide.background4#00ffdd2f
- editorBracketPairGuide.background5#00ffdd2f
- editorBracketPairGuide.background6#00ffdd2f
- editorCursor.foreground#00ffdd
- editorError.background#00ffdd56
- editorError.foreground#00ffdd
- editorGhostText.foreground#00ffdd
- editorGroup.dropBackground#00ffdd1c
- editorGroupHeader.tabsBackground#1a1919
- editorGutter.foldingControlForeground#00ffdd
- editorHoverWidget.background#1a1919
- editorHoverWidget.foreground#00ffdd
- editorLineNumber.activeForeground#00ffdd
- editorLineNumber.foreground#00ffdd60
- editorSuggestWidget.background#1a1919
- editorSuggestWidget.focusHighlightForeground#00ffdd
- editorSuggestWidget.foreground#FFF
- editorSuggestWidget.highlightForeground#00ffdd
- editorSuggestWidget.selectedBackground#1a1919
- editorSuggestWidget.selectedForeground#00ffdd
- editorSuggestWidget.selectedIconForeground#00ffdd
- editorWidget.background#1a1919
- extensionIcon.preReleaseForeground#00ffdd56
- extensionIcon.starForeground#00ffdd
- extensionIcon.verifiedForeground#00ffdd
- focusBorder#00ffdd
- foreground#00ffdd
- icon.foreground#00ffdd
- input.background#00ffdd1c
- input.foreground#FFF
- input.placeholderForeground#00ffdd
- keybindingLabel.background#00ffdd31
- keybindingLabel.foreground#FFF
- list.activeSelectionBackground#141414
- list.activeSelectionForeground#00ffdd
- list.activeSelectionIconForeground#00ffdd
- list.focusAndSelectionOutline#00ffdd
- list.focusOutline#00ffdd
- list.hoverBackground#1a1919
- list.hoverForeground#00ffdd
- list.inactiveSelectionBackground#141414
- list.inactiveSelectionForeground#00ffdd
- list.inactiveSelectionIconForeground#00ffdd
- menu.background#141414
- menu.foreground#ffffff
- menu.selectionBackground#00ffdd1c
- menu.selectionForeground#00ffdd
- menu.separatorBackground#00ffdd
- menubar.selectionBackground#00ffdd1c
- menubar.selectionForeground#00ffdd
- minimap.background#141414
- minimap.errorHighlight#c300ff
- minimap.findMatchHighlight#00ffdd
- minimap.foregroundOpacity#000000
- minimap.selectionHighlight#00ffdd56
- minimapSlider.activeBackground#00ffdd1c
- minimapSlider.background#00ffdd1c
- minimapSlider.hoverBackground#00ffdd1c
- pickerGroup.border#00ffdd
- pickerGroup.foreground#fff
- ports.iconRunningProcessForeground#00ffdd
- progressBar.background#00ffdd
- quickInput.background#1a1919
- quickInput.foreground#fff
- quickInputList.focusBackground#00ffdd31
- scrollbar.shadow#00ffdd
- scrollbarSlider.activeBackground#00ffdd
- scrollbarSlider.background#00ffdd
- scrollbarSlider.hoverBackground#00ffdd
- selection.background#00ffdd93
- settings.checkboxForeground#00ffdd
- settings.dropdownBackground#141414
- settings.dropdownForeground#00ffdd
- settings.focusedRowBackground#00ffdd1c
- settings.headerForeground#00ffdd
- settings.modifiedItemIndicator#00ffdd
- settings.numberInputForeground#00ffdd
- settings.rowHoverBackground#00ffdd1c
- settings.settingsHeaderHoverForeground#00ffdd
- settings.textInputForeground#00ffdd
- sideBar.background#141414
- sideBar.foreground#fff
- sideBarSectionHeader.background#ffffff07
- sideBarSectionHeader.border#00ffdd
- sideBarSectionHeader.foreground#00ffdd
- sideBarTitle.foreground#00ffdd
- statusBar.background#1a1919
- statusBar.focusBorder#00ffdd
- statusBar.foreground#FFF
- statusBarItem.hoverBackground#00ffdd1c
- tab.activeBackground#1a1919
- tab.activeBorder#00ffdd
- tab.activeBorderTop#00ffdd
- tab.activeForeground#00ffdd
- tab.hoverBackground#1a1919
- tab.hoverBorder#00ffdd
- tab.inactiveBackground#00ffdd1c
- tab.inactiveForeground#FFF
- terminalCursor.foreground#00ffdd
- textLink.activeForeground#00ffdd75
- textLink.foreground#FFF
- titleBar.activeBackground#1a1919
- titleBar.activeForeground#ffffff
- titleBar.inactiveBackground#1a1919
- titleBar.inactiveForeground#ffffff
- welcomePage.background#141414
- welcomePage.progress.background#00ffdd75
- welcomePage.progress.foreground#e064ff
- welcomePage.tileBackground#141414
- welcomePage.tileHoverBackground#00ffdd75
- widget.shadow#00ffdd
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| text.html.derivative | #ffffff | |
| comment.block.html | #00ffff65 | italic strikethrough |
| entity.other.attribute-name.html, punctuation.separator.key-value.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #00ffff | |
| string.quoted.double.html | #F0D43A | italic |
| entity.name.tag.html, punctuation.definition.tag.end.html, punctuation.definition.tag.begin.html | #F23557 | bold |
| support.constant.property-value.css, constant.numeric.css, constant.other.color.rgb-value.hex.css, keyword, meta.property-value.css, support.constant.color.w3c-standard-color-name.css | #ffffff | |
| support.function.url.css, support.function.misc.css, support.function.transform.css, variable.parameter.keyframe-list.css, variable.css, support.function.calc.css, support.function.gradient.css, variable.argument.css, string.quoted.single.css, invalid.deprecated.color.system.css | #645CBB | italic bold |
| meta.property-list.css | #F0D43A | |
| support.type.property-name.css, string.unquoted.attribute-value.css | #F0D43A | italic |
| comment.block.css | #00ffff65 | italic |
| entity.other.attribute-name.pseudo-element.css, punctuation.separator.list.comma.css, entity.other.attribute-name.pseudo-class.css, meta.attribute-selector.css, entity.other.attribute-name | #00ffff | |
| keyword.control.at-rule.font-face.css, keyword.control.at-rule.keyframes.css, entity.name.tag.css, entity.name.tag.wildcard.css, entity.other.attribute-name.class.css, keyword.control.at-rule.media.css, entity.other.attribute-name.id.css | #F23557 | |
| support.constant.font-name.css | #645CBB | |
| comment.line.double-slash.js | #00ffff65 | italic |
| string.quoted.double.js, string.quoted.single.js, string.quoted.double.json.comments, constant.language.json.comments, constant.numeric.json.comments | #00ffff | italic |
| string.quoted.double.js, string.quoted.single.js, variable.other.readwrite.js, variable.other.constant, variable | #645CBB | italic bold |
| support.type.property-name.json.comments, meta.definition.variable.js, variable.other.constant.js, storage.type.function.js | #F23557 | italic bold |
| storage.type.js, variable.other.object.js, entity.name.function, meta.object.member.js | #F0D43A | italic |
| support.constant.property | #00ffff | italic bold |
| constant.numeric.decimal.js, keyword.operator.arithmetic.js, keyword.operator.increment.js, keyword.operator.decrement.js, keyword.operator.relational.js, keyword.operator.comparison.js, variable.parameter | #00ffff | italic |