Rick and Morty Theme
Publisher: iDF StudioThemes in package: 2
Wubba Lubba Dub Dub! A Rick and Morty themed VS Code experience with Portal Gun Dark & Citadel Light modes
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#2e7d3222
- activityBar.activeBorder#2e7d32
- activityBar.activeFocusBorder#0088cc
- activityBar.background#f1f8e9
- activityBar.border#0088cc22
- activityBar.dropBorder#2e7d32
- activityBar.foreground#2e7d32
- activityBar.inactiveForeground#66bb6a88
- activityBarBadge.background#0088cc
- activityBarBadge.foreground#ffffff
- badge.background#2e7d32
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#2e7d32
- breadcrumb.background#ffffff
- breadcrumb.focusForeground#2e7d32
- breadcrumb.foreground#66bb6a
- breadcrumbPicker.background#f5f5f5
- button.background#2e7d32
- button.foreground#ffffff
- button.hoverBackground#388e3c
- button.secondaryBackground#0088cc
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#0099dd
- checkbox.background#e8f5e9
- checkbox.border#2e7d32
- debugConsole.errorForeground#d32f2f
- debugConsole.infoForeground#0088cc
- debugConsole.sourceForeground#66bb6a
- debugConsole.warningForeground#f57f17
- debugConsoleInputIcon.foreground#2e7d32
- debugExceptionWidget.background#ffebee
- debugExceptionWidget.border#d32f2f
- debugIcon.breakpointCurrentStackframeForeground#f57f17
- debugIcon.breakpointDisabledForeground#d32f2f66
- debugIcon.breakpointForeground#d32f2f
- debugIcon.breakpointStackframeForeground#66bb6a
- debugIcon.breakpointUnverifiedForeground#d32f2f88
- debugIcon.continueForeground#2e7d32
- debugIcon.disconnectForeground#d32f2f
- debugIcon.pauseForeground#0088cc
- debugIcon.restartForeground#2e7d32
- debugIcon.startForeground#2e7d32
- debugIcon.stepBackForeground#0088cc
- debugIcon.stepIntoForeground#0088cc
- debugIcon.stepOutForeground#0088cc
- debugIcon.stepOverForeground#0088cc
- debugIcon.stopForeground#d32f2f
- debugToolBar.background#f5f5f5
- debugToolBar.border#2e7d32
- descriptionForeground#2e7d32
- diffEditor.border#0088cc22
- diffEditor.diagonalFill#e8f5e9
- diffEditor.insertedTextBackground#2e7d3222
- diffEditor.insertedTextBorder#2e7d3244
- diffEditor.removedTextBackground#d32f2f22
- diffEditor.removedTextBorder#d32f2f44
- dropdown.background#ffffff
- dropdown.border#2e7d32
- dropdown.foreground#1b5e20
- dropdown.listBackground#f1f8e9
- editor.background#ffffff
- editor.findMatchBackground#f57f1766
- editor.findMatchBorder#f57f17
- editor.findMatchHighlightBackground#f57f1733
- editor.findMatchHighlightBorder#f57f1788
- editor.findRangeHighlightBackground#f57f1722
- editor.findRangeHighlightBorder#f57f1744
- editor.foreground#1b5e20
- editor.hoverHighlightBackground#2e7d3222
- editor.inactiveSelectionBackground#2e7d3222
- editor.lineHighlightBackground#e8f5e944
- editor.lineHighlightBorder#e8f5e988
- editor.rangeHighlightBackground#2e7d3222
- editor.rangeHighlightBorder#2e7d3244
- editor.selectionBackground#2e7d3233
- editor.selectionForeground#000000
- editor.selectionHighlightBackground#2e7d3222
- editor.selectionHighlightBorder#2e7d3244
- editor.wordHighlightBackground#0088cc22
- editor.wordHighlightBorder#0088cc44
- editor.wordHighlightStrongBackground#0088cc33
- editor.wordHighlightStrongBorder#0088cc66
- editorBracketMatch.background#2e7d3222
- editorBracketMatch.border#2e7d32
- editorCodeLens.foreground#66bb6a
- editorCursor.background#ffffff
- editorCursor.foreground#0088cc
- editorError.border#d32f2f88
- editorError.foreground#d32f2f
- editorGroup.border#0088cc44
- editorGroup.dropBackground#2e7d3222
- editorGroupHeader.border#0088cc22
- editorGroupHeader.noTabsBackground#f1f8e9
- editorGroupHeader.tabsBackground#f1f8e9
- editorGroupHeader.tabsBorder#0088cc22
- editorGutter.addedBackground#2e7d32
- editorGutter.background#ffffff
- editorGutter.commentRangeForeground#66bb6a66
- editorGutter.deletedBackground#d32f2f
- editorGutter.modifiedBackground#0088cc
- editorHint.border#66bb6a88
- editorHint.foreground#66bb6a
- editorHoverWidget.background#f5f5f5
- editorHoverWidget.border#2e7d32
- editorHoverWidget.foreground#1b5e20
- editorHoverWidget.highlightForeground#0088cc
- editorHoverWidget.statusBarBackground#e8f5e9
- editorIndentGuide.activeBackground1#2e7d3244
- editorIndentGuide.background1#66bb6a22
- editorInfo.border#0088cc88
- editorInfo.foreground#0088cc
- editorLineNumber.activeForeground#2e7d32
- editorLineNumber.foreground#66bb6a66
- editorLink.activeForeground#0088cc
- editorMarkerNavigation.background#f5f5f5
- editorMarkerNavigationError.background#ffebee
- editorMarkerNavigationInfo.background#e1f5fe
- editorMarkerNavigationWarning.background#fff8e1
- editorOverviewRuler.addedForeground#2e7d32
- editorOverviewRuler.border#0088cc22
- editorOverviewRuler.bracketMatchForeground#2e7d3288
- editorOverviewRuler.commonContentForeground#f57f17
- editorOverviewRuler.currentContentForeground#2e7d32
- editorOverviewRuler.deletedForeground#d32f2f
- editorOverviewRuler.errorForeground#d32f2f
- editorOverviewRuler.findMatchForeground#f57f1788
- editorOverviewRuler.incomingContentForeground#0088cc
- editorOverviewRuler.infoForeground#0088cc
- editorOverviewRuler.modifiedForeground#0088cc
- editorOverviewRuler.rangeHighlightForeground#2e7d3288
- editorOverviewRuler.selectionHighlightForeground#2e7d3288
- editorOverviewRuler.warningForeground#f57f17
- editorOverviewRuler.wordHighlightForeground#0088cc88
- editorOverviewRuler.wordHighlightStrongForeground#0088ccaa
- editorRuler.foreground#66bb6a33
- editorSuggestWidget.background#f5f5f5
- editorSuggestWidget.border#2e7d32
- editorSuggestWidget.focusHighlightForeground#2e7d32
- editorSuggestWidget.foreground#1b5e20
- editorSuggestWidget.highlightForeground#0088cc
- editorSuggestWidget.selectedBackground#e8f5e9
- editorSuggestWidget.selectedForeground#1b5e20
- editorSuggestWidget.selectedIconForeground#2e7d32
- editorWarning.border#f57f1788
- editorWarning.foreground#f57f17
- editorWhitespace.foreground#66bb6a33
- editorWidget.background#f5f5f5
- editorWidget.border#2e7d32
- editorWidget.foreground#1b5e20
- editorWidget.resizeBorder#0088cc
- errorForeground#d32f2f
- extensionBadge.remoteBackground#0088cc
- extensionBadge.remoteForeground#ffffff
- extensionButton.prominentBackground#2e7d32
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#388e3c
- focusBorder#0088cc
- foreground#1b5e20
- gitDecoration.addedResourceForeground#2e7d32
- gitDecoration.conflictingResourceForeground#d32f2f
- gitDecoration.deletedResourceForeground#d32f2f
- gitDecoration.ignoredResourceForeground#66bb6a66
- gitDecoration.modifiedResourceForeground#0088cc
- gitDecoration.renamedResourceForeground#f57f17
- gitDecoration.stageDeletedResourceForeground#d32f2f
- gitDecoration.stageModifiedResourceForeground#0088cc
- gitDecoration.submoduleResourceForeground#0088cc
- gitDecoration.untrackedResourceForeground#66bb6a
- input.background#ffffff
- input.border#2e7d32
- input.foreground#1b5e20
- input.placeholderForeground#66bb6a88
- inputOption.activeBackground#2e7d3244
- inputOption.activeBorder#2e7d32
- inputOption.activeForeground#1b5e20
- inputValidation.errorBackground#ffebee
- inputValidation.errorBorder#d32f2f
- inputValidation.infoBackground#e1f5fe
- inputValidation.infoBorder#0088cc
- inputValidation.warningBackground#fff8e1
- inputValidation.warningBorder#f57f17
- list.activeSelectionBackground#2e7d3233
- list.activeSelectionForeground#1b5e20
- list.dropBackground#2e7d3222
- list.errorForeground#d32f2f
- list.focusBackground#2e7d3222
- list.focusForeground#1b5e20
- list.highlightForeground#0088cc
- list.hoverBackground#e8f5e9
- list.hoverForeground#1b5e20
- list.inactiveFocusBackground#e8f5e9
- list.inactiveSelectionBackground#e8f5e9
- list.inactiveSelectionForeground#2e7d32
- list.invalidItemForeground#d32f2f
- list.warningForeground#f57f17
- menu.background#f5f5f5
- menu.border#2e7d3244
- menu.foreground#1b5e20
- menu.selectionBackground#e8f5e9
- menu.selectionBorder#2e7d3244
- menu.selectionForeground#2e7d32
- menu.separatorBackground#0088cc44
- menubar.selectionBackground#e8f5e9
- menubar.selectionBorder#2e7d3244
- menubar.selectionForeground#2e7d32
- merge.border#e8f5e9
- merge.commonContentBackground#f57f1722
- merge.commonHeaderBackground#f57f1744
- merge.currentContentBackground#2e7d3222
- merge.currentHeaderBackground#2e7d3244
- merge.incomingContentBackground#0088cc22
- merge.incomingHeaderBackground#0088cc44
- minimap.background#f5f5f5
- minimap.errorHighlight#d32f2f
- minimap.findMatchHighlight#0088cc88
- minimap.selectionHighlight#2e7d3244
- minimap.warningHighlight#f57f17
- minimapGutter.addedBackground#2e7d32
- minimapGutter.deletedBackground#d32f2f
- minimapGutter.modifiedBackground#0088cc
- minimapSlider.activeBackground#2e7d3266
- minimapSlider.background#2e7d3222
- minimapSlider.hoverBackground#2e7d3244
- notificationCenter.border#2e7d32
- notificationCenterHeader.background#f5f5f5
- notificationCenterHeader.foreground#2e7d32
- notificationLink.foreground#0088cc
- notifications.background#f5f5f5
- notifications.border#2e7d32
- notifications.foreground#1b5e20
- notificationsErrorIcon.foreground#d32f2f
- notificationsInfoIcon.foreground#0088cc
- notificationsWarningIcon.foreground#f57f17
- notificationToast.border#2e7d32
- panel.background#fafafa
- panel.border#0088cc22
- panel.dropBorder#2e7d32
- panelInput.border#2e7d3244
- panelSection.border#0088cc22
- panelSection.dropBackground#2e7d3222
- panelSectionHeader.background#e8f5e9
- panelSectionHeader.border#0088cc22
- panelSectionHeader.foreground#2e7d32
- panelTitle.activeBorder#2e7d32
- panelTitle.activeForeground#2e7d32
- panelTitle.inactiveForeground#66bb6a
- peekView.border#2e7d32
- peekViewEditor.background#f5f5f5
- peekViewEditor.matchHighlightBackground#f57f1744
- peekViewEditor.matchHighlightBorder#f57f17
- peekViewEditorGutter.background#f5f5f5
- peekViewResult.background#fafafa
- peekViewResult.fileForeground#1b5e20
- peekViewResult.lineForeground#66bb6a
- peekViewResult.matchHighlightBackground#f57f1744
- peekViewResult.selectionBackground#e8f5e9
- peekViewResult.selectionForeground#1b5e20
- peekViewTitle.background#f5f5f5
- peekViewTitleDescription.foreground#66bb6a
- peekViewTitleLabel.foreground#2e7d32
- pickerGroup.border#2e7d3244
- pickerGroup.foreground#2e7d32
- problemsErrorIcon.foreground#d32f2f
- problemsInfoIcon.foreground#0088cc
- problemsWarningIcon.foreground#f57f17
- progressBar.background#0088cc
- quickInput.background#f5f5f5
- quickInput.foreground#1b5e20
- quickInputList.focusBackground#e8f5e9
- quickInputList.focusForeground#2e7d32
- quickInputList.focusIconForeground#2e7d32
- scrollbar.shadow#00000022
- scrollbarSlider.activeBackground#2e7d3288
- scrollbarSlider.background#2e7d3244
- scrollbarSlider.hoverBackground#2e7d3266
- searchEditor.findMatchBackground#f57f1766
- searchEditor.findMatchBorder#f57f17
- searchEditor.textInputBorder#2e7d32
- settings.checkboxBackground#e8f5e9
- settings.checkboxBorder#2e7d32
- settings.checkboxForeground#2e7d32
- settings.dropdownBackground#ffffff
- settings.dropdownBorder#2e7d32
- settings.dropdownForeground#1b5e20
- settings.dropdownListBorder#2e7d3244
- settings.headerForeground#2e7d32
- settings.modifiedItemIndicator#0088cc
- settings.numberInputBackground#ffffff
- settings.numberInputBorder#2e7d32
- settings.numberInputForeground#1b5e20
- settings.textInputBackground#ffffff
- settings.textInputBorder#2e7d32
- settings.textInputForeground#1b5e20
- sideBar.background#fafafa
- sideBar.border#0088cc22
- sideBar.dropBackground#2e7d3222
- sideBar.foreground#1b5e20
- sideBarSectionHeader.background#e8f5e9
- sideBarSectionHeader.border#0088cc22
- sideBarSectionHeader.foreground#2e7d32
- sideBarTitle.foreground#2e7d32
- statusBar.background#f1f8e9
- statusBar.border#0088cc22
- statusBar.debuggingBackground#d32f2f
- statusBar.debuggingBorder#d32f2f
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#2e7d32
- statusBar.noFolderBackground#f1f8e9
- statusBar.noFolderBorder#0088cc22
- statusBar.noFolderForeground#66bb6a
- statusBarItem.activeBackground#2e7d3244
- statusBarItem.errorBackground#d32f2f
- statusBarItem.errorForeground#ffffff
- statusBarItem.hoverBackground#2e7d3222
- statusBarItem.prominentBackground#0088cc22
- statusBarItem.prominentForeground#0088cc
- statusBarItem.prominentHoverBackground#0088cc33
- statusBarItem.remoteBackground#0088cc
- statusBarItem.remoteForeground#ffffff
- statusBarItem.warningBackground#f57f17
- statusBarItem.warningForeground#ffffff
- symbolIcon.arrayForeground#0088cc
- symbolIcon.booleanForeground#d32f2f
- symbolIcon.classForeground#f57f17
- symbolIcon.colorForeground#e91e63
- symbolIcon.constantForeground#0088cc
- symbolIcon.constructorForeground#2e7d32
- symbolIcon.enumeratorForeground#f57f17
- symbolIcon.enumeratorMemberForeground#66bb6a
- symbolIcon.eventForeground#d32f2f
- symbolIcon.fieldForeground#66bb6a
- symbolIcon.fileForeground#1b5e20
- symbolIcon.folderForeground#2e7d32
- symbolIcon.functionForeground#0088cc
- symbolIcon.interfaceForeground#0088cc
- symbolIcon.keyForeground#f57f17
- symbolIcon.keywordForeground#d32f2f
- symbolIcon.methodForeground#0088cc
- symbolIcon.moduleForeground#2e7d32
- symbolIcon.namespaceForeground#2e7d32
- symbolIcon.nullForeground#d32f2f
- symbolIcon.numberForeground#f57f17
- symbolIcon.objectForeground#0088cc
- symbolIcon.operatorForeground#66bb6a
- symbolIcon.packageForeground#2e7d32
- symbolIcon.propertyForeground#66bb6a
- symbolIcon.referenceForeground#f57f17
- symbolIcon.snippetForeground#1b5e20
- symbolIcon.stringForeground#f57f17
- symbolIcon.structForeground#0088cc
- symbolIcon.textForeground#1b5e20
- symbolIcon.typeParameterForeground#66bb6a
- symbolIcon.unitForeground#f57f17
- symbolIcon.variableForeground#66bb6a
- tab.activeBackground#ffffff
- tab.activeBorder#2e7d32
- tab.activeBorderTop#2e7d32
- tab.activeForeground#2e7d32
- tab.activeModifiedBorder#0088cc
- tab.border#0088cc22
- tab.hoverBackground#e8f5e9
- tab.hoverBorder#2e7d3244
- tab.hoverForeground#2e7d32
- tab.inactiveBackground#f1f8e9
- tab.inactiveForeground#66bb6a88
- tab.inactiveModifiedBorder#0088cc88
- tab.lastPinnedBorder#0088cc44
- tab.unfocusedActiveBackground#ffffff
- tab.unfocusedActiveBorder#66bb6a
- tab.unfocusedActiveBorderTop#66bb6a
- tab.unfocusedActiveForeground#66bb6a
- tab.unfocusedActiveModifiedBorder#0088cc66
- tab.unfocusedHoverBackground#e8f5e988
- tab.unfocusedHoverBorder#66bb6a44
- tab.unfocusedHoverForeground#66bb6a
- tab.unfocusedInactiveBackground#f1f8e9
- tab.unfocusedInactiveForeground#66bb6a66
- tab.unfocusedInactiveModifiedBorder#0088cc44
- terminal.ansiBlack#000000
- terminal.ansiBlue#0088cc
- terminal.ansiBrightBlack#66bb6a
- terminal.ansiBrightBlue#0099dd
- terminal.ansiBrightCyan#00ccff
- terminal.ansiBrightGreen#4caf50
- terminal.ansiBrightMagenta#ff33ff
- terminal.ansiBrightRed#f44336
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffeb3b
- terminal.ansiCyan#00bcd4
- terminal.ansiGreen#2e7d32
- terminal.ansiMagenta#e91e63
- terminal.ansiRed#d32f2f
- terminal.ansiWhite#e0e0e0
- terminal.ansiYellow#f57f17
- terminal.background#ffffff
- terminal.border#0088cc22
- terminal.foreground#2e7d32
- terminal.selectionBackground#2e7d3244
- terminalCursor.background#ffffff
- terminalCursor.foreground#0088cc
- textBlockQuote.background#e8f5e9
- textBlockQuote.border#2e7d32
- textCodeBlock.background#f1f8e9
- textLink.activeForeground#2e7d32
- textLink.foreground#0088cc
- textPreformat.foreground#388e3c
- textSeparator.foreground#0088cc
- titleBar.activeBackground#f1f8e9
- titleBar.activeForeground#2e7d32
- titleBar.border#0088cc22
- titleBar.inactiveBackground#f1f8e9
- titleBar.inactiveForeground#66bb6a66
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #558855 | italic |
| string, string.quoted, string.template | #f57f17 | — |
| constant.numeric, constant.language | #d32f2f | — |
| constant.language.boolean | #d32f2f | bold |
| constant.other, constant.character | #d32f2f | — |
| variable, variable.other.readwrite, variable.parameter | #1b5e20 | — |
| variable.language, variable.other.constant | #0088cc | italic |
| keyword, storage.type, storage.modifier | #d32f2f | bold |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical | #388e3c | — |
| entity.name.function, support.function | #0088cc | |
| entity.name.class, entity.name.type.class, support.class | #f57f17 | bold |
| entity.name.type.interface | #0088cc | italic |
| entity.name.type, support.type | #0088cc | — |
| entity.name.tag, meta.tag | #d32f2f | — |
| entity.other.attribute-name | #2e7d32 | italic |
| variable.other.property, support.variable.property | #388e3c | — |
| support.constant, support.variable | #0088cc | — |
| punctuation | #388e3c | — |
| meta.brace, meta.block, punctuation.definition.block | #388e3c | — |
| invalid, invalid.illegal | #ffffff | — |
| invalid.deprecated | #ffffff | — |
| markup.inserted | #2e7d32 | — |
| markup.deleted | #d32f2f | — |
| markup.heading, entity.name.section | #2e7d32 | bold |
| markup.bold | #d32f2f | bold |
| markup.italic | #0088cc | italic |
| markup.underline.link, string.other.link | #0088cc | underline |
| markup.quote | #66bb6a | italic |
| markup.inline.raw, markup.fenced_code | #f57f17 | — |
| support.type.property-name.json | #2e7d32 | — |
| entity.other.attribute-name.class.css | #f57f17 | — |
| entity.other.attribute-name.id.css | #0088cc | — |
| support.type.property-name.css | #388e3c | — |
| support.constant.property-value.css | #f57f17 | — |
| variable.language.special.self.python | #d32f2f | italic |
| entity.name.function.decorator.python | #2e7d32 | — |
| string.regexp | #d32f2f | — |
| constant.character.escape | #0088cc | bold |