Hydra Pressure
Publisher: monoookiThemes in package: 2
Candy-neon oranges and chilled cyans with balanced dark and light.
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#FFFFFF
- activityBar.foreground#0A9F57
- activityBarBadge.background#00ACB2
- activityBarBadge.foreground#FFFFFF
- badge.background#00ACB2
- badge.foreground#FFFFFF
- button.background#FF7B63
- button.foreground#FFFFFF
- button.hoverBackground#C33C24
- button.secondaryBackground#E8E2DA
- button.secondaryForeground#2D2A25
- button.secondaryHoverBackground#D8D1C6
- commandCenter.activeBorder#00000000
- commandCenter.border#00000000
- commandCenter.hoverBorder#00000000
- commandCenter.inactiveBorder#00000000
- dropdown.background#FFFFFF
- dropdown.border#E2DACE
- dropdown.foreground#2D2A25
- editor.background#F8F6F1
- editor.foreground#2D2A25
- editor.inactiveSelectionBackground#F1F0E8
- editor.lineHighlightBackground#F2EEE8
- editor.selectionBackground#F1F0E8
- editorCursor.foreground#FF7B63
- editorGroupHeader.noTabsBackground#FFFFFF
- editorGroupHeader.tabsBackground#FFFFFF
- editorIndentGuide.activeBackground1#8D8679
- editorIndentGuide.background1#D1CBC1
- editorLineNumber.activeForeground#7A4FD0
- editorLineNumber.foreground#A39D92
- editorOverviewRuler.border#00000000
- editorWhitespace.foreground#D1CBC1
- editorWidget.background#F8F6F1
- editorWidget.foreground#2D2A25
- explorer.decorations.ignoredForeground#8D8679
- extensionButton.background#FF7B63
- extensionButton.foreground#FFFFFF
- extensionButton.hoverBackground#C33C24
- extensionButton.prominentBackground#FF7B63
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#C33C24
- focusBorder#E85C39
- gitDecoration.ignoredResourceForeground#8D8679
- input.background#FFFFFF
- input.border#FFFFFF
- input.foreground#181612
- input.placeholderForeground#8D8679
- keybindingTable.rowsBackground#E3DDD4
- list.activeSelectionBackground#F1F0E8
- list.activeSelectionForeground#181612
- list.focusBackground#F1F0E8
- list.highlightForeground#E8644D
- list.hoverBackground#F1F0E8
- list.hoverForeground#181612
- list.inactiveSelectionBackground#F5F0E9
- notificationCenterHeader.background#FFFFFF
- notifications.background#F8F6F1
- notifications.border#E2DACE
- notifications.foreground#181612
- notificationsErrorIcon.foreground#A10018
- notificationsInfoIcon.foreground#00ACB2
- notificationsWarningIcon.foreground#B67822
- panel.background#F8F6F1
- panel.border#E2DACE
- panelSectionHeader.background#E3DDD4
- panelTitle.activeForeground#181612
- panelTitle.inactiveForeground#8D8679
- quickInput.background#FFFFFF
- quickInput.foreground#2D2A25
- quickInput.list.focusBackground#F1F0E8
- scrollbar.shadow#00000022
- scrollbarSlider.activeBackground#AAA49EAA
- scrollbarSlider.background#C8C3BB66
- scrollbarSlider.hoverBackground#BBB6AE88
- sideBar.background#FFFFFF
- sideBar.foreground#2D2A25
- sideBarSectionHeader.background#F8F6F1
- sideBarSectionHeader.foreground#2D2A25
- statusBar.background#FFFFFF
- statusBar.debuggingBackground#F9E4DC
- statusBar.foreground#2D2A25
- statusBar.noFolderBackground#FFFFFF
- statusBarItem.remoteBackground#00ACB2
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#F8F6F1
- tab.activeBorder#FF7B63
- tab.activeForeground#181612
- tab.border#00000000
- tab.editor-group-tab-background#FFFFFF
- tab.hoverBackground#F5F0E9
- tab.inactiveBackground#FFFFFF
- tab.inactiveForeground#8D8679
- terminal.ansiBlack#F1F0E8
- terminal.ansiBlue#0096AA
- terminal.ansiBrightBlack#A39D92
- terminal.ansiBrightBlue#2F8EBB
- terminal.ansiBrightCyan#00ACB2
- terminal.ansiBrightGreen#218C42
- terminal.ansiBrightMagenta#7A4FD0
- terminal.ansiBrightRed#FF7B63
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#B67822
- terminal.ansiCyan#00ACB2
- terminal.ansiGreen#61CD70
- terminal.ansiMagenta#B98BEC
- terminal.ansiRed#F25636
- terminal.ansiWhite#F4F2EC
- terminal.ansiYellow#E3B77D
- terminal.background#F8F6F1
- terminal.foreground#2D2A25
- textLink.foreground#2F8EBB
- textLink.hoverForeground#2F8EBB
- titleBar.activeBackground#FFFFFF
- titleBar.activeForeground#181612
- titleBar.inactiveBackground#FFFFFF
- titleBar.inactiveForeground#8D8679
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.line, comment.line.double-slash, punctuation.definition.comment, sss | #AFA79B | italic |
| keyword | #E15236 | — |
| keyword.control | #C33C24 | — |
| keyword.operator | #C33C24 | — |
| keyword.operator.assignment | #99866A | — |
| storage, storage.type | #F06A4E | — |
| constant, constant.numeric, constant.language, constant.character | #7A4FD0 | — |
| string, string.quoted, string.regexp | #218C42 | — |
| variable, variable.parameter | #00607B | — |
| entity.name.function, support.function | #0096AA | — |
| entity.name.type, entity.name.class, support.class | #007E96 | — |
| entity.other.attribute-name, meta.annotation | #7A4FD0 | — |
| punctuation, operator | #6A5E44 | — |
| invalid, invalid.deprecated, invalid.illegal | #A10018 | — |
| variable.other.property, variable.other.object.property, support.type.property-name | #007E96 | — |
| entity.name.tag, support.class.component | #E15236 | — |
| variable.language, variable.language.this, variable.language.super | #0096AA | — |
| entity.name.type.module, support.other.module | #007E96 | — |
| text.html.derivative | #99866A | — |
| entity.name.tag, meta.tag.sgml, meta.tag.html, meta.tag.xml, meta.tag.other | #E15236 | — |
| entity.other.attribute-name, meta.tag.attribute, meta.tag.xml.attribute | #007E96 | — |
| string.quoted.double.html, string.quoted.single.html, string.unquoted.html | #218C42 | — |
| punctuation.definition.tag.begin, punctuation.definition.tag.end, punctuation.definition.tag, punctuation.separator.key-value.html | #6A5E44 | — |
| meta.tag.sgml.doctype, comment.block.html | #6B5A43 | italic |
| entity.name.tag.js, entity.name.tag.tsx, support.class.component | #E15236 | — |
| entity.other.attribute-name.js, entity.other.attribute-name.tsx | #007E96 | — |
| markup.heading, markup.heading.markdown, markup.heading.setext, entity.name.section.markdown | #E15236 | bold |
| markup.bold, markup.bold.markdown | #C33C24 | bold |
| markup.italic, markup.italic.markdown | #C33C24 | italic |
| string.other.link.title.markdown, markup.underline.link.markdown | #007E96 | underline |
| markup.underline.link, markup.underline.link.image.markdown, markup.underline.link.markdown, markup.link.url.markdown | #218C42 | — |
| markup.inline.raw.string.markdown, markup.raw.inline.markdown | #7A4FD0 | — |
| markup.fenced_code.block.markdown, markup.raw.block.markdown, fenced_code.block.language, fenced_code.block.markdown | #7A4FD0 | — |
| markup.quote, markup.quote.markdown | #B67822 | italic |
| markup.list, markup.list.numbered, markup.list.unnumbered | #6A5E44 | — |
| meta.separator.markdown | #322C22 | — |
| comment.block.html.markdown | #6B5A43 | italic |
| punctuation.definition.heading.markdown, heading.1.markdown, markup.heading.markdown, markup.heading.setext.markdown, markup.heading.markdown | #E15236 | bold |
| punctuation.definition.list.begin.markdown | #6A5E44 | — |
| markup.list.unnumbered.markdown, markup.list.numbered.markdown | #6A5E44 | — |
| meta.object-literal.key, meta.object.member, meta.objectliteral, support.type.property-name, support.type.property-name.json | #007E96 | — |
| variable.other.property, variable.other.property.js, variable.other.object.property, support.variable.property.dom, meta.property.object.js | #007E96 | — |
| support.function, variable.function, variable.function.js, entity.name.function.member, meta.method-call | #0096AA | — |
| variable.other.object.js, variable.other.object.js.jsx | #00607B | — |
| support.class.promise.js, support.class.promise.ts | #0096AA | — |
| meta.diff.header.from-file, punctuation.definition.from-file.diff | #C33C24 | bold |
| meta.diff.header.to-file, punctuation.definition.to-file.diff | #218C42 | bold |
| meta.diff.range, meta.diff.index | #007E96 | — |
| markup.inserted.diff | #218C42 | — |
| markup.deleted.diff | #C33C24 | — |
| markup.changed.diff | #B67822 | — |
| meta.diff.context, meta.diff | #6A5E44 | — |
| punctuation.definition.range.diff | #007E96 | — |
| meta.diff.header, meta.separator.diff | #7A4FD0 | — |
| punctuation.definition.inserted.diff | #007E96 | — |
| support.function.misc.css, meta.function.variable.css | #0096AA | — |