Hinode Theme
Publisher: aimofThemes in package: 1
Hinode is a color theme like sunrise.
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#002E60
- activityBar.foreground#ECE038
- activityBar.inactiveForeground#85a354
- activityBarBadge.background#5AC2D9
- badge.background#00173D
- button.background#424BBF
- button.hoverBackground#b17009
- checkbox.background#424BBF
- debugConsole.errorForeground#E85B59
- debugConsole.infoForeground#ABC900
- debugConsole.warningForeground#ECE038
- debugIcon.breakpointDisabledForeground#B12929
- debugIcon.breakpointForeground#D13939
- debugIcon.breakpointUnverifiedForeground#B12929
- debugIcon.disconnectForeground#00D5EF
- debugIcon.pauseForeground#00D5EF
- debugIcon.restartForeground#ABC900
- debugIcon.startForeground#ABC900
- debugIcon.stepBackForeground#00D5EF
- debugIcon.stepIntoForeground#00D5EF
- debugIcon.stepOutForeground#00D5EF
- debugIcon.stepOverForeground#00D5EF
- debugIcon.stopForeground#D13939
- debugTokenExpression.boolean#5AC2D9
- debugTokenExpression.error#E85B59
- debugTokenExpression.name#EE9D19
- debugTokenExpression.number#5AC2D9
- debugTokenExpression.string#00D5EF
- debugTokenExpression.value#FBFBF6
- debugView.exceptionLabelBackground#D13939
- descriptionForeground#ECE038
- dropdown.background#00173D
- dropdown.border#EE9D19
- dropdown.listBackground#001E44
- editor.background#000822
- editor.findMatchBackground#85a354
- editor.findMatchHighlightBackground#b17009
- editor.foreground#FBFBF6
- editor.hoverHighlightBackground#006EFF20
- editor.lineHighlightBackground#006EFF40
- editor.lineHighlightBorder#72727100
- editor.rangeHighlightBackground#006EFF90
- editor.selectionBackground#0086CC
- editor.selectionHighlightBackground#0086CC
- editor.symbolHighlightBackground#006EFF90
- editor.wordHighlightBackground#006EFF60
- editorCodeLens.foreground#727271
- editorGroup.dropBackground#006EFF40
- editorGroup.emptyBackground#00061D
- editorGroupHeader.noTabsBackground#00061D
- editorGroupHeader.tabsBackground#00061D
- editorGutter.addedBackground#0086CC
- editorGutter.commentRangeForeground#727271
- editorGutter.deletedBackground#E85B59
- editorGutter.foldingControlForeground#EB6EE5
- editorGutter.modifiedBackground#879827
- editorHoverWidget.background#001730
- editorLineNumber.activeForeground#EE9D19
- editorLineNumber.foreground#727171
- editorLink.activeForeground#EE9D19
- editorWidget.background#00173D
- focusBorder#727171
- foreground#FBFBF6
- gitDecoration.addedResourceForeground#00D5EF
- gitDecoration.conflictingResourceForeground#EB6EE5
- gitDecoration.deletedResourceForeground#E85B59
- gitDecoration.ignoredResourceForeground#727171
- gitDecoration.modifiedResourceForeground#EE9D19
- gitDecoration.stageDeletedResourceForeground#D13939
- gitDecoration.stageModifiedResourceForeground#b17009
- gitDecoration.submoduleResourceForeground#ABC900
- gitDecoration.untrackedResourceForeground#BBBCBF
- icon.foreground#FBFBF6
- input.background#000822
- inputOption.activeBackground#00173D
- inputValidation.errorBackground#E85B59
- inputValidation.infoBackground#000822
- inputValidation.warningBackground#EB6EE5
- list.activeSelectionBackground#002E60
- list.deemphasizedForeground#BBBCBF
- list.dropBackground#879827
- list.errorForeground#E85B59
- list.filterMatchBackground#878511
- list.focusBackground#878511
- list.hoverBackground#b17009
- list.inactiveFocusBackground#00173D
- list.inactiveSelectionBackground#00173D
- list.warningForeground#EB6EE5
- listFilterWidget.background#002E60
- menu.background#00173D
- menu.selectionBackground#00295A
- menubar.selectionBackground#00295A
- minimap.errorHighlight#E85B59
- minimap.findMatchHighlight#ECE038
- minimap.selectionHighlight#EE9D19
- minimapGutter.addedBackground#00D5EF
- minimapGutter.deletedBackground#E85B59
- minimapGutter.modifiedBackground#ABC900
- notificationCenterHeader.background#00173D
- notificationLink.foreground#ABC900
- notifications.background#002E60
- notificationsErrorIcon.foreground#E85B59
- notificationsWarningIcon.foreground#EB6EE5
- panel.background#000822
- panelSection.dropBackground#001730
- panelSectionHeader.background#00295A
- progressBar.background#00061D
- sash.hoverBorder#00173D
- scrollbarSlider.activeBackground#EE9D1993
- scrollbarSlider.background#EE9D1988
- scrollbarSlider.hoverBackground#EE9D1993
- searchEditor.findMatchBackground#b17009
- selection.background#00173D
- sideBar.background#00061D
- sideBar.border#727171
- sideBar.dropBackground#00061D
- sideBar.foreground#FBFBF6
- sideBarSectionHeader.background#00173D
- sideBarSectionHeader.foreground#BBBCBF
- sideBarTitle.foreground#BBBCBF
- statusBar.background#00295A
- statusBar.debuggingBackground#85a354
- statusBar.noFolderBackground#85a354
- statusBarItem.errorBackground#E85B59
- statusBarItem.hoverBackground#002E60
- statusBarItem.remoteBackground#002E60
- tab.activeBackground#00173D
- tab.activeBorder#b17009
- tab.hoverBackground#006EFF70
- tab.inactiveBackground#00061D
- tab.unfocusedActiveBackground#00061D
- tab.unfocusedHoverBackground#000822
- tab.unfocusedInactiveBackground#00061D
- terminal.ansiBlack#000822
- terminal.ansiBlue#424BBF
- terminal.ansiBrightBlack#00295A
- terminal.ansiBrightBlue#7F7CE3
- terminal.ansiBrightCyan#00D5EF
- terminal.ansiBrightGreen#ABC900
- terminal.ansiBrightMagenta#EB6EE5
- terminal.ansiBrightRed#E85B59
- terminal.ansiBrightWhite#FBFBF6
- terminal.ansiBrightYellow#ECE038
- terminal.ansiCyan#0086CC
- terminal.ansiGreen#5ead1c
- terminal.ansiMagenta#903292
- terminal.ansiRed#D13939
- terminal.ansiWhite#E3E3DE
- terminal.ansiYellow#b3b00e
- terminal.background#00061D
- terminal.border#BBBCBF
- terminal.foreground#FBFBF6
- terminal.selectionBackground#002E60
- terminalCursor.background#000822
- terminalCursor.foreground#BBBCBF
- textBlockQuote.background#000822
- textCodeBlock.background#00173D
- textLink.activeForeground#EB6EE5
- textLink.foreground#EE9D19
- textPreformat.foreground#E85B59
- textSeparator.foreground#ECE038
- titleBar.activeBackground#000822
- titleBar.inactiveBackground#00061D
- tree.indentGuidesStroke#727171
- window.activeBorder#00173D
- window.inactiveBorder#00061D
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #727171 | italic |
| variable, string constant.other.placeholder | #ABC900 | — |
| constant.other.color | #ffffff | — |
| invalid, invalid.illegal | #E85B59 | — |
| keyword, storage.type, storage.modifier | #EE9D19 | — |
| punctuation, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, constant.other.color, meta.tag, keyword.other.template, keyword.other.substitution, keyword.operator | #BBBCBF | — |
| keyword.control | #EE9D19 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #EE9D19 | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #E85B59 | — |
| meta.block variable.other | #ABC900 | — |
| support.other.variable, string.other.link | #ABC900 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #5AC2D9 | — |
| 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 | #00D5EF | — |
| entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #ECE038 | — |
| support.type | #ECE038 | — |
| 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 | #ECE038 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #E85B59 | — |
| variable.language | #E85B59 | italic |
| entity.name.method.js | #ECE038 | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #ECE038 | — |
| entity.other.attribute-name | #ECE038 | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #ECE038 | italic |
| entity.other.attribute-name.class | #ECE038 | — |
| source.sass keyword.control | #EE9D19 | — |
| markup.inserted | #00D5EF | — |
| markup.deleted | #E85B59 | — |
| markup.changed | #EB6EE5 | — |
| string.regexp | #AA89BD | — |
| constant.character.escape | #AA89BD | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #AA89BD | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #E85B59 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #EE9D19 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ECE038 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ABC900 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #9CC5E6 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #AA89BD | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #AA89BD | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #AA89BD | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #AA89BD | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #AA89BD | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #FBFBF6 | — |
| text.html.markdown markup.inline.raw.markdown | #AA89BD | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #727171 | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #EE9D19 | — |
| markup.italic | #5AC2D9 | italic |
| markup.bold, markup.bold string | #5AC2D9 | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #5AC2D9 | bold |
| markup.underline | #ECE038 | underline |
| markup.quote punctuation.definition.blockquote.markdown | #727171 | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #9CC5E6 | — |
| string.other.link.description.title.markdown | #AA89BD | — |
| constant.other.reference.link.markdown | #8EC298 | — |
| markup.raw.block | #AA89BD | — |
| markup.raw.block.fenced.markdown | #00000050 | — |
| punctuation.definition.fenced.markdown | #00000050 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #EEFFFF | — |
| variable.language.fenced.markdown | #727171 | — |
| meta.separator | #727171 | bold |
| markup.table | #FBFBF6 | — |