Aofuji Light Theme
Publisher: DSRKafuUThemes in package: 4
A clean light theme extended from Aofuji.
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.activeBorder#8aa2d3
- activityBar.background#f3f3f3
- activityBar.foreground#8aa2d3
- activityBar.inactiveForeground#3f4551bf
- activityBarBadge.background#8aa2d3
- activityBarBadge.foreground#fffffd
- badge.background#8aa2d3cc
- badge.foreground#fffffd
- button.background#8aa2d3cc
- button.foreground#fffffd
- button.hoverBackground#cfd5e2
- dropdown.background#fffffd
- dropdown.foreground#3f4551bf
- dropdown.listBackground#fffffd
- editor.background#fffffd
- editor.findMatchBackground#ff994099
- editor.findMatchHighlightBackground#ff994066
- editor.foreground#3f4551d0
- editor.hoverHighlightBackground#8aa2d366
- editor.inactiveSelectionBackground#f3f3f3aa
- editor.lineHighlightBackground#f3f3f3
- editor.selectionBackground#8aa2d333
- editorBracketMatch.background#ff994066
- editorBracketMatch.border#ffffff00
- editorCursor.foreground#3f4551
- editorGroup.border#3f45514d
- editorGroupHeader.noTabsBackground#f3f3f3
- editorGroupHeader.tabsBackground#f3f3f3
- editorLineNumber.activeForeground#8aa2d3
- editorLineNumber.foreground#3f455166
- editorLink.activeForeground#8aa2d3
- editorSuggestWidget.focusHighlightForeground#3f4551d0
- editorSuggestWidget.foreground#3f4551d0
- editorSuggestWidget.highlightForeground#3f4551d0
- editorSuggestWidget.selectedBackground#8aa2d366
- editorSuggestWidget.selectedForeground#3f4551d0
- editorUnnecessaryCode.opacity#ffffff99
- editorWidget.background#fafafa
- focusBorder#8aa2d3cc
- foreground#3f4551
- input.background#fffffd
- input.foreground#3f4551bf
- input.placeholderForeground#3f455180
- list.activeSelectionBackground#8aa2d399
- list.activeSelectionForeground#fffffd
- list.dropBackground#8aa2d399
- list.filterMatchBackground#ff994066
- list.focusBackground#8aa2d399
- list.focusForeground#3f4551
- list.hoverBackground#8aa2d333
- list.inactiveSelectionBackground#8aa2d333
- list.inactiveSelectionForeground#3f4551
- listFilterWidget.background#fffffd
- listFilterWidget.noMatchesOutline#ff9940cc
- listFilterWidget.outline#8aa2d3cc
- panel.background#f3f3f3
- panel.border#ffffff00
- progressBar.background#8aa2d3cc
- scrollbarSlider.activeBackground#3f455180
- scrollbarSlider.background#3f45514d
- scrollbarSlider.hoverBackground#3f455166
- selection.background#8aa2d333
- sideBar.background#fafafa
- sideBarSectionHeader.background#f3f3f3
- sideBarSectionHeader.foreground#3f4551bf
- statusBar.background#f3f3f3
- statusBar.debuggingBackground#8aa2d3
- statusBar.debuggingForeground#fffffd
- statusBar.foreground#3f4551
- statusBar.noFolderBackground#f3f3f3
- statusBar.noFolderForeground#3f4551
- tab.border#f3f3f3
- tab.hoverBorder#8aa2d3
- tab.inactiveBackground#f3f3f3
- terminal.background#f3f3f3
- textLink.activeForeground#8aa2d3
- textLink.foreground#8aa2d3
- titleBar.activeBackground#f3f3f3
- titleBar.inactiveBackground#f3f3f3
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #8d9297 | italic |
| string | #f97e25 | — |
| meta.template.expression | #3f4551d0 | — |
| keyword | #ee6565 | — |
| variable.language | #ee6565 | — |
| storage.type | #6484c5 | — |
| storage.modifier | #ee6565 | — |
| string.regexp | #6484c5 | — |
| constant.numeric, constant.character, constant.other | #9668c5 | — |
| entity.name.function, support.function | #2cb300 | — |
| variable.parameter | #9668c5 | — |
| entity.name.type, support.type.primitive, support.class, support.constant | #2293e3 | — |
| punctuation.definition.template-expression | #9668c5 | — |
| constant.language | #9668c5 | — |
| source.css entity.name.tag, source.sass entity.name.tag, source.scss entity.name.tag, source.less entity.name.tag, source.stylus entity.name.tag | #ee6565 | — |
| source.css support.constant, source.sass support.constant, source.scss support.constant, source.less support.constant, source.stylus support.constant | #2293e3 | — |
| source.css support.function, source.sass support.function, source.scss support.function, source.less support.function, source.stylus support.function | #2cb300 | — |
| source.css variable, source.sass variable, source.scss variable, source.less variable, source.stylus variable | #7793cc | — |
| source.css entity.other.attribute-name, source.sass entity.other.attribute-name, source.scss entity.other.attribute-name, source.less entity.other.attribute-name, source.stylus entity.other.attribute-name | #6484c5 | — |
| entity.name.tag | #7793cc | — |
| entity.other.attribute-name | #2cb300 | — |
| support.class.component | #2293e3 | — |
| source.json support.type.property-name | #6484c5 | — |
| source.yaml entity.name.tag | #6484c5 | — |
| markup.heading, markup.heading entity.name | #7793cc | bold |
| markup.underline.link, string.other.link | #2293e3 | — |
| markup.italic | #6484c5 | italic |
| markup.bold | #6484c5 | bold |
| markup.italic markup.bold, markup.bold markup.italic | — | bold italic |
| markup.raw, markup.inline.raw | #9668c5 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...