RAT Beach
Publisher: 41e4 ConsultingThemes in package: 1
It's just beachy
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#f2f0ed
- activityBar.dropBackground#2d2d2d
- activityBar.foreground#515151
- activityBarBadge.background#6699cc
- activityBarBadge.foreground#2d2d2d
- badge.background#f2f0ed
- badge.foreground#515151
- button.background#e8e6df
- button.foreground#515151
- button.hoverBackground#a09f93
- debugExceptionWidget.background#e8e6df
- debugToolBar.background#e8e6df
- descriptionForeground#a09f93
- diffEditor.insertedTextBackground#77777720
- diffEditor.removedTextBackground#f2777a20
- dropdown.background#f2f0ed
- dropdown.foreground#515151
- editor.background#f2f0ed
- editor.findMatchBackground#ffcc666f
- editor.findMatchHighlightBackground#f991576f
- editor.findRangeHighlightBackground#f0f
- editor.foreground#515151
- editor.hoverHighlightBackground#d7d4cc
- editor.inactiveSelectionBackground#d7d4cc
- editor.lineHighlightBackground#e8e6df
- editor.rangeHighlightBackground#e8e6df
- editor.selectionBackground#d7d4cc
- editor.selectionHighlightBackground#e8e6df
- editor.wordHighlightBackground#d7d4cc
- editor.wordHighlightStrongBackground#a09f93
- editorBracketMatch.background#d7d4cc
- editorCodeLens.foreground#d7d4cc
- editorCursor.foreground#515151
- editorError.foreground#f2777a
- editorGroup.background#f2f0ed
- editorGroup.dropBackground#d7d4cc6f
- editorGroupHeader.noTabsBackground#e8e6df
- editorGroupHeader.tabsBackground#e8e6df
- editorGutter.addedBackground#777777
- editorGutter.background#f2f0ed
- editorGutter.deletedBackground#f2777a
- editorGutter.modifiedBackground#cc99cc
- editorHoverWidget.background#f2f0ed
- editorIndentGuide.background#a09f93
- editorInfo.foreground#66cccc
- editorLineNumber.foreground#a09f93
- editorLink.activeForeground#6699cc
- editorMarkerNavigation.background#e8e6df
- editorMarkerNavigationError.background#f2777a
- editorMarkerNavigationWarning.background#ffcc66
- editorOverviewRuler.addedForeground#777777
- editorOverviewRuler.commonContentForeground#d27b53
- editorOverviewRuler.currentContentForeground#6699cc
- editorOverviewRuler.deletedForeground#f2777a
- editorOverviewRuler.errorForeground#f2777a
- editorOverviewRuler.findMatchForeground#ffcc66
- editorOverviewRuler.incomingContentForeground#777777
- editorOverviewRuler.infoForeground#66cccc
- editorOverviewRuler.modifiedForeground#cc99cc
- editorOverviewRuler.rangeHighlightForeground#a09f93
- editorOverviewRuler.selectionHighlightForeground#d7d4cc
- editorOverviewRuler.warningForeground#ffcc66
- editorOverviewRuler.wordHighlightForeground#2d2d2d
- editorOverviewRuler.wordHighlightStrongForeground#6699cc
- editorRuler.foreground#a09f93
- editorSuggestWidget.background#e8e6df
- editorSuggestWidget.foreground#515151
- editorSuggestWidget.highlightForeground#6699cc
- editorSuggestWidget.selectedBackground#d7d4cc
- editorWarning.foreground#ffcc66
- editorWhitespace.foreground#a09f93
- editorWidget.background#f2f0ed
- errorForeground#f2777a
- extensionButton.prominentBackground#777777
- extensionButton.prominentForeground#2d2d2d
- extensionButton.prominentHoverBackground#d7d4cc
- foreground#515151
- gitDecoration.conflictingResourceForeground#ffcc66
- gitDecoration.deletedResourceForeground#f2777a
- gitDecoration.ignoredResourceForeground#a09f93
- gitDecoration.modifiedResourceForeground#cc99cc
- gitDecoration.untrackedResourceForeground#777777
- input.background#f2f0ed
- input.foreground#515151
- input.placeholderForeground#a09f93
- inputOption.activeBorder#f99157
- inputValidation.errorBackground#f2777a
- inputValidation.errorBorder#f2777a
- inputValidation.infoBackground#6699cc
- inputValidation.infoBorder#6699cc
- inputValidation.warningBackground#ffcc66
- inputValidation.warningBorder#ffcc66
- list.activeSelectionBackground#d7d4cc
- list.activeSelectionForeground#515151
- list.dropBackground#2d2d2d
- list.focusBackground#d7d4cc
- list.focusForeground#515151
- list.highlightForeground#2d2d2d
- list.hoverBackground#d7d4cc
- list.hoverForeground#515151
- list.inactiveSelectionBackground#d7d4cc
- list.inactiveSelectionForeground#515151
- merge.currentContentBackground#6699cc40
- merge.currentHeaderBackground#6699cc40
- merge.incomingContentBackground#77777760
- merge.incomingHeaderBackground#77777760
- notification.background#d7d4cc
- notification.buttonBackground#6699cc
- notification.buttonForeground#2d2d2d
- notification.buttonHoverBackground#d7d4cc
- notification.errorBackground#f2777a
- notification.errorForeground#2d2d2d
- notification.foreground#515151
- notification.infoBackground#66cccc
- notification.infoForeground#2d2d2d
- notification.warningBackground#ffcc66
- notification.warningForeground#2d2d2d
- panel.background#f2f0ed
- panelTitle.activeForeground#515151
- panelTitle.inactiveForeground#a09f93
- peekViewEditor.background#e8e6df
- peekViewEditor.matchHighlightBackground#f991576f
- peekViewEditorGutter.background#e8e6df
- peekViewResult.background#f2f0ed
- peekViewResult.fileForeground#515151
- peekViewResult.lineForeground#a09f93
- peekViewResult.matchHighlightBackground#f991576f
- peekViewResult.selectionBackground#d7d4cc
- peekViewResult.selectionForeground#515151
- peekViewTitle.background#d7d4cc
- peekViewTitleDescription.foreground#a09f93
- peekViewTitleLabel.foreground#515151
- pickerGroup.foreground#a09f93
- progressBar.background#a09f93
- scrollbar.shadow#e8e6df
- scrollbarSlider.activeBackground#7473696f
- scrollbarSlider.background#17b
- scrollbarSlider.hoverBackground#569cd6
- selection.background#d7d4cc
- sideBar.background#e8e6df
- sideBar.foreground#515151
- sideBarSectionHeader.background#d7d4cc
- sideBarSectionHeader.foreground#515151
- sideBarTitle.foreground#515151
- statusBar.background#6699cc
- statusBar.debuggingBackground#f99157
- statusBar.debuggingForeground#2d2d2d
- statusBar.foreground#2d2d2d
- statusBar.noFolderBackground#cc99cc
- statusBar.noFolderForeground#2d2d2d
- statusBarItem.activeBackground#a09f93
- statusBarItem.hoverBackground#d7d4cc
- statusBarItem.prominentBackground#f0f
- statusBarItem.prominentHoverBackground#f00
- tab.activeBackground#f2f0ed
- tab.activeForeground#515151
- tab.inactiveBackground#e8e6df
- tab.inactiveForeground#807777
- tab.unfocusedActiveForeground#747369
- tab.unfocusedInactiveForeground#747369
- terminal.ansiBlack#d7d4cc
- terminal.ansiBlue#6699cc
- terminal.ansiBrightBlack#a09f93
- terminal.ansiBrightBlue#6699cc
- terminal.ansiBrightCyan#66cccc
- terminal.ansiBrightGreen#777777
- terminal.ansiBrightMagenta#cc99cc
- terminal.ansiBrightRed#f2777a
- terminal.ansiBrightWhite#2d2d2d
- terminal.ansiBrightYellow#ffcc66
- terminal.ansiCyan#66cccc
- terminal.ansiGreen#777777
- terminal.ansiMagenta#cc99cc
- terminal.ansiRed#f2777a
- terminal.ansiWhite#393939
- terminal.ansiYellow#f99157
- terminal.background#f2f0ed
- terminal.foreground#515151
- textBlockQuote.background#e8e6df
- textBlockQuote.border#6699cc
- textCodeBlock.background#f2f0ed
- textLink.activeForeground#66cccc
- textLink.foreground#6699cc
- textPreformat.foreground#6699cc
- textSeparator.foreground#f0f
- titleBar.activeBackground#f2f0ed
- titleBar.activeForeground#515151
- titleBar.inactiveBackground#e8e6df
- titleBar.inactiveForeground#a09f93
- walkThrough.embeddedEditorBackground#f2f0ed
- welcomePage.buttonBackground#e8e6df
- welcomePage.buttonHoverBackground#d7d4cc
- widget.shadow#f2f0ed
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #6a737d | — |
| constant, entity.name.constant, variable.other.constant, variable.other.enummember, variable.language | #005cc5 | — |
| entity, entity.name | #6f42c1 | — |
| variable.parameter.function | #24292e | — |
| entity.name.tag | #22863a | — |
| keyword | #d73a49 | — |
| storage, storage.type | #d73a49 | — |
| storage.modifier.package, storage.modifier.import, storage.type.java | #24292e | — |
| string, punctuation.definition.string, string punctuation.section.embedded source | #032f62 | — |
| support | #005cc5 | — |
| meta.property-name | #005cc5 | — |
| variable | #e36209 | — |
| variable.other | #24292e | — |
| invalid.broken | #b31d28 | italic |
| invalid.deprecated | #b31d28 | italic |
| invalid.illegal | #b31d28 | italic |
| invalid.unimplemented | #b31d28 | italic |
| carriage-return | #fafbfc | italic underline |
| message.error | #b31d28 | — |
| string variable | #005cc5 | — |
| source.regexp, string.regexp | #032f62 | — |
| string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition | #032f62 | — |
| string.regexp constant.character.escape | #22863a | bold |
| support.constant | #005cc5 | — |
| support.variable | #005cc5 | — |
| meta.module-reference | #005cc5 | — |
| punctuation.definition.list.begin.markdown | #e36209 | — |
| markup.heading, markup.heading entity.name | #005cc5 | bold |
| markup.quote | #22863a | — |
| markup.italic | #24292e | italic |
| markup.bold | #24292e | bold |
| markup.underline | — | underline |
| markup.strikethrough | — | strikethrough |
| markup.inline.raw | #005cc5 | — |
| markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted | #b31d28 | — |
| markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted | #22863a | — |
| markup.changed, punctuation.definition.changed | #e36209 | — |
| markup.ignored, markup.untracked | #f6f8fa | — |
| meta.diff.range | #6f42c1 | bold |
| meta.diff.header | #005cc5 | — |
| meta.separator | #005cc5 | bold |
| meta.output | #005cc5 | — |
| brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote | #586069 | — |
| brackethighlighter.unmatched | #b31d28 | — |
| constant.other.reference.link, string.other.link | #032f62 | underline |