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#5ce65c22
- activityBar.activeBorder#5ce65c
- activityBar.activeFocusBorder#00d4ff
- activityBar.background#0a150a
- activityBar.border#00d4ff22
- activityBar.dropBorder#5ce65c
- activityBar.foreground#5ce65c
- activityBar.inactiveForeground#81c78466
- activityBarBadge.background#00d4ff
- activityBarBadge.foreground#000000
- badge.background#5ce65c
- badge.foreground#000000
- breadcrumb.activeSelectionForeground#5ce65c
- breadcrumb.background#0d1b0d
- breadcrumb.focusForeground#5ce65c
- breadcrumb.foreground#81c784
- breadcrumbPicker.background#0a150a
- button.background#5ce65c
- button.foreground#000000
- button.hoverBackground#7aff7a
- button.secondaryBackground#00d4ff
- button.secondaryForeground#000000
- button.secondaryHoverBackground#33ddff
- checkbox.background#1a2f1a
- checkbox.border#5ce65c
- debugConsole.errorForeground#ff6b6b
- debugConsole.infoForeground#00d4ff
- debugConsole.sourceForeground#81c784
- debugConsole.warningForeground#ffd54f
- debugConsoleInputIcon.foreground#5ce65c
- debugExceptionWidget.background#ff6b6b22
- debugExceptionWidget.border#ff6b6b
- debugIcon.breakpointCurrentStackframeForeground#ffd54f
- debugIcon.breakpointDisabledForeground#ff6b6b66
- debugIcon.breakpointForeground#ff6b6b
- debugIcon.breakpointStackframeForeground#81c784
- debugIcon.breakpointUnverifiedForeground#ff6b6b88
- debugIcon.continueForeground#5ce65c
- debugIcon.disconnectForeground#ff6b6b
- debugIcon.pauseForeground#00d4ff
- debugIcon.restartForeground#5ce65c
- debugIcon.startForeground#5ce65c
- debugIcon.stepBackForeground#00d4ff
- debugIcon.stepIntoForeground#00d4ff
- debugIcon.stepOutForeground#00d4ff
- debugIcon.stepOverForeground#00d4ff
- debugIcon.stopForeground#ff6b6b
- debugToolBar.background#0a150a
- debugToolBar.border#5ce65c
- descriptionForeground#81c784
- diffEditor.border#00d4ff22
- diffEditor.diagonalFill#1a2f1a
- diffEditor.insertedTextBackground#5ce65c22
- diffEditor.insertedTextBorder#5ce65c44
- diffEditor.removedTextBackground#ff6b6b22
- diffEditor.removedTextBorder#ff6b6b44
- dropdown.background#0d1b0d
- dropdown.border#5ce65c
- dropdown.foreground#e8f5e9
- dropdown.listBackground#1a2f1a
- editor.background#0d1b0d
- editor.findMatchBackground#ffd54f66
- editor.findMatchBorder#ffd54f
- editor.findMatchHighlightBackground#ffd54f33
- editor.findMatchHighlightBorder#ffd54f88
- editor.findRangeHighlightBackground#ffd54f22
- editor.findRangeHighlightBorder#ffd54f44
- editor.foreground#e8f5e9
- editor.hoverHighlightBackground#5ce65c22
- editor.inactiveSelectionBackground#5ce65c22
- editor.lineHighlightBackground#1a2f1a44
- editor.lineHighlightBorder#1a2f1a88
- editor.rangeHighlightBackground#5ce65c22
- editor.rangeHighlightBorder#5ce65c44
- editor.selectionBackground#5ce65c33
- editor.selectionForeground#ffffff
- editor.selectionHighlightBackground#5ce65c22
- editor.selectionHighlightBorder#5ce65c44
- editor.wordHighlightBackground#00d4ff22
- editor.wordHighlightBorder#00d4ff44
- editor.wordHighlightStrongBackground#00d4ff33
- editor.wordHighlightStrongBorder#00d4ff66
- editorBracketMatch.background#5ce65c22
- editorBracketMatch.border#5ce65c
- editorCodeLens.foreground#81c784
- editorCursor.background#0d1b0d
- editorCursor.foreground#00d4ff
- editorError.border#ff6b6b88
- editorError.foreground#ff6b6b
- editorGroup.border#00d4ff44
- editorGroup.dropBackground#5ce65c22
- editorGroupHeader.border#00d4ff22
- editorGroupHeader.noTabsBackground#0a150a
- editorGroupHeader.tabsBackground#0a150a
- editorGroupHeader.tabsBorder#00d4ff22
- editorGutter.addedBackground#5ce65c
- editorGutter.background#0d1b0d
- editorGutter.commentRangeForeground#81c78466
- editorGutter.deletedBackground#ff6b6b
- editorGutter.modifiedBackground#00d4ff
- editorHint.border#81c78488
- editorHint.foreground#81c784
- editorHoverWidget.background#0a150a
- editorHoverWidget.border#5ce65c
- editorHoverWidget.foreground#e8f5e9
- editorHoverWidget.highlightForeground#00d4ff
- editorHoverWidget.statusBarBackground#1a2f1a
- editorIndentGuide.activeBackground1#5ce65c44
- editorIndentGuide.background1#66bb6a22
- editorInfo.border#00d4ff88
- editorInfo.foreground#00d4ff
- editorLineNumber.activeForeground#5ce65c
- editorLineNumber.foreground#66bb6a66
- editorLink.activeForeground#00d4ff
- editorMarkerNavigation.background#0a150a
- editorMarkerNavigationError.background#ff6b6b22
- editorMarkerNavigationInfo.background#00d4ff22
- editorMarkerNavigationWarning.background#ffd54f22
- editorOverviewRuler.addedForeground#5ce65c
- editorOverviewRuler.border#00d4ff22
- editorOverviewRuler.bracketMatchForeground#5ce65c88
- editorOverviewRuler.commonContentForeground#ffd54f
- editorOverviewRuler.currentContentForeground#5ce65c
- editorOverviewRuler.deletedForeground#ff6b6b
- editorOverviewRuler.errorForeground#ff6b6b
- editorOverviewRuler.findMatchForeground#ffd54f88
- editorOverviewRuler.incomingContentForeground#00d4ff
- editorOverviewRuler.infoForeground#00d4ff
- editorOverviewRuler.modifiedForeground#00d4ff
- editorOverviewRuler.rangeHighlightForeground#5ce65c88
- editorOverviewRuler.selectionHighlightForeground#5ce65c88
- editorOverviewRuler.warningForeground#ffd54f
- editorOverviewRuler.wordHighlightForeground#00d4ff88
- editorOverviewRuler.wordHighlightStrongForeground#00d4ffaa
- editorRuler.foreground#66bb6a33
- editorSuggestWidget.background#0a150a
- editorSuggestWidget.border#5ce65c
- editorSuggestWidget.focusHighlightForeground#5ce65c
- editorSuggestWidget.foreground#e8f5e9
- editorSuggestWidget.highlightForeground#00d4ff
- editorSuggestWidget.selectedBackground#1a2f1a
- editorSuggestWidget.selectedForeground#e8f5e9
- editorSuggestWidget.selectedIconForeground#5ce65c
- editorWarning.border#ffd54f88
- editorWarning.foreground#ffd54f
- editorWhitespace.foreground#66bb6a33
- editorWidget.background#0a150a
- editorWidget.border#5ce65c
- editorWidget.foreground#e8f5e9
- editorWidget.resizeBorder#00d4ff
- errorForeground#ff6b6b
- extensionBadge.remoteBackground#00d4ff
- extensionBadge.remoteForeground#000000
- extensionButton.prominentBackground#5ce65c
- extensionButton.prominentForeground#000000
- extensionButton.prominentHoverBackground#7aff7a
- focusBorder#00d4ff
- foreground#e8f5e9
- gitDecoration.addedResourceForeground#5ce65c
- gitDecoration.conflictingResourceForeground#ff6b6b
- gitDecoration.deletedResourceForeground#ff6b6b
- gitDecoration.ignoredResourceForeground#66bb6a66
- gitDecoration.modifiedResourceForeground#00d4ff
- gitDecoration.renamedResourceForeground#ffd54f
- gitDecoration.stageDeletedResourceForeground#ff6b6b
- gitDecoration.stageModifiedResourceForeground#00d4ff
- gitDecoration.submoduleResourceForeground#00d4ff
- gitDecoration.untrackedResourceForeground#81c784
- input.background#0d1b0d
- input.border#5ce65c
- input.foreground#e8f5e9
- input.placeholderForeground#66bb6a88
- inputOption.activeBackground#5ce65c44
- inputOption.activeBorder#5ce65c
- inputOption.activeForeground#e8f5e9
- inputValidation.errorBackground#ff6b6b22
- inputValidation.errorBorder#ff6b6b
- inputValidation.infoBackground#00d4ff22
- inputValidation.infoBorder#00d4ff
- inputValidation.warningBackground#ffd54f22
- inputValidation.warningBorder#ffd54f
- list.activeSelectionBackground#5ce65c33
- list.activeSelectionForeground#e8f5e9
- list.dropBackground#5ce65c22
- list.errorForeground#ff6b6b
- list.focusBackground#5ce65c22
- list.focusForeground#e8f5e9
- list.highlightForeground#00d4ff
- list.hoverBackground#1a2f1a
- list.hoverForeground#e8f5e9
- list.inactiveFocusBackground#1a2f1a
- list.inactiveSelectionBackground#1a2f1a
- list.inactiveSelectionForeground#81c784
- list.invalidItemForeground#ff6b6b
- list.warningForeground#ffd54f
- menu.background#0a150a
- menu.border#5ce65c44
- menu.foreground#e8f5e9
- menu.selectionBackground#1a2f1a
- menu.selectionBorder#5ce65c44
- menu.selectionForeground#5ce65c
- menu.separatorBackground#00d4ff44
- menubar.selectionBackground#1a2f1a
- menubar.selectionBorder#5ce65c44
- menubar.selectionForeground#5ce65c
- merge.border#1a2f1a
- merge.commonContentBackground#ffd54f22
- merge.commonHeaderBackground#ffd54f44
- merge.currentContentBackground#5ce65c22
- merge.currentHeaderBackground#5ce65c44
- merge.incomingContentBackground#00d4ff22
- merge.incomingHeaderBackground#00d4ff44
- minimap.background#0a150a
- minimap.errorHighlight#ff6b6b
- minimap.findMatchHighlight#00d4ff88
- minimap.selectionHighlight#5ce65c44
- minimap.warningHighlight#ffd54f
- minimapGutter.addedBackground#5ce65c
- minimapGutter.deletedBackground#ff6b6b
- minimapGutter.modifiedBackground#00d4ff
- minimapSlider.activeBackground#5ce65c66
- minimapSlider.background#5ce65c22
- minimapSlider.hoverBackground#5ce65c44
- notificationCenter.border#5ce65c
- notificationCenterHeader.background#0a150a
- notificationCenterHeader.foreground#5ce65c
- notificationLink.foreground#00d4ff
- notifications.background#0a150a
- notifications.border#5ce65c
- notifications.foreground#e8f5e9
- notificationsErrorIcon.foreground#ff6b6b
- notificationsInfoIcon.foreground#00d4ff
- notificationsWarningIcon.foreground#ffd54f
- notificationToast.border#5ce65c
- panel.background#0d1b0d
- panel.border#00d4ff22
- panel.dropBorder#5ce65c
- panelInput.border#5ce65c44
- panelSection.border#00d4ff22
- panelSection.dropBackground#5ce65c22
- panelSectionHeader.background#1a2f1a
- panelSectionHeader.border#00d4ff22
- panelSectionHeader.foreground#5ce65c
- panelTitle.activeBorder#5ce65c
- panelTitle.activeForeground#5ce65c
- panelTitle.inactiveForeground#81c784
- peekView.border#5ce65c
- peekViewEditor.background#0a150a
- peekViewEditor.matchHighlightBackground#ffd54f44
- peekViewEditor.matchHighlightBorder#ffd54f
- peekViewEditorGutter.background#0a150a
- peekViewResult.background#0d1b0d
- peekViewResult.fileForeground#e8f5e9
- peekViewResult.lineForeground#81c784
- peekViewResult.matchHighlightBackground#ffd54f44
- peekViewResult.selectionBackground#1a2f1a
- peekViewResult.selectionForeground#e8f5e9
- peekViewTitle.background#0a150a
- peekViewTitleDescription.foreground#81c784
- peekViewTitleLabel.foreground#5ce65c
- pickerGroup.border#5ce65c44
- pickerGroup.foreground#5ce65c
- problemsErrorIcon.foreground#ff6b6b
- problemsInfoIcon.foreground#00d4ff
- problemsWarningIcon.foreground#ffd54f
- progressBar.background#00d4ff
- quickInput.background#0a150a
- quickInput.foreground#e8f5e9
- quickInputList.focusBackground#1a2f1a
- quickInputList.focusForeground#5ce65c
- quickInputList.focusIconForeground#5ce65c
- scrollbar.shadow#00000088
- scrollbarSlider.activeBackground#5ce65c88
- scrollbarSlider.background#5ce65c44
- scrollbarSlider.hoverBackground#5ce65c66
- searchEditor.findMatchBackground#ffd54f66
- searchEditor.findMatchBorder#ffd54f
- searchEditor.textInputBorder#5ce65c
- settings.checkboxBackground#1a2f1a
- settings.checkboxBorder#5ce65c
- settings.checkboxForeground#5ce65c
- settings.dropdownBackground#0d1b0d
- settings.dropdownBorder#5ce65c
- settings.dropdownForeground#e8f5e9
- settings.dropdownListBorder#5ce65c44
- settings.headerForeground#5ce65c
- settings.modifiedItemIndicator#00d4ff
- settings.numberInputBackground#0d1b0d
- settings.numberInputBorder#5ce65c
- settings.numberInputForeground#e8f5e9
- settings.textInputBackground#0d1b0d
- settings.textInputBorder#5ce65c
- settings.textInputForeground#e8f5e9
- sideBar.background#0d1b0d
- sideBar.border#00d4ff22
- sideBar.dropBackground#5ce65c22
- sideBar.foreground#e8f5e9
- sideBarSectionHeader.background#1a2f1a
- sideBarSectionHeader.border#00d4ff22
- sideBarSectionHeader.foreground#5ce65c
- sideBarTitle.foreground#5ce65c
- statusBar.background#0a150a
- statusBar.border#00d4ff22
- statusBar.debuggingBackground#ff6b6b
- statusBar.debuggingBorder#ff6b6b
- statusBar.debuggingForeground#000000
- statusBar.foreground#5ce65c
- statusBar.noFolderBackground#0a150a
- statusBar.noFolderBorder#00d4ff22
- statusBar.noFolderForeground#81c784
- statusBarItem.activeBackground#5ce65c44
- statusBarItem.errorBackground#ff6b6b
- statusBarItem.errorForeground#000000
- statusBarItem.hoverBackground#5ce65c22
- statusBarItem.prominentBackground#00d4ff22
- statusBarItem.prominentForeground#00d4ff
- statusBarItem.prominentHoverBackground#00d4ff33
- statusBarItem.remoteBackground#00d4ff
- statusBarItem.remoteForeground#000000
- statusBarItem.warningBackground#ffd54f
- statusBarItem.warningForeground#000000
- symbolIcon.arrayForeground#00d4ff
- symbolIcon.booleanForeground#ff6b6b
- symbolIcon.classForeground#ffd54f
- symbolIcon.colorForeground#ff33ff
- symbolIcon.constantForeground#00d4ff
- symbolIcon.constructorForeground#5ce65c
- symbolIcon.enumeratorForeground#ffd54f
- symbolIcon.enumeratorMemberForeground#81c784
- symbolIcon.eventForeground#ff6b6b
- symbolIcon.fieldForeground#81c784
- symbolIcon.fileForeground#e8f5e9
- symbolIcon.folderForeground#5ce65c
- symbolIcon.functionForeground#00d4ff
- symbolIcon.interfaceForeground#00d4ff
- symbolIcon.keyForeground#ffd54f
- symbolIcon.keywordForeground#ff6b6b
- symbolIcon.methodForeground#00d4ff
- symbolIcon.moduleForeground#5ce65c
- symbolIcon.namespaceForeground#5ce65c
- symbolIcon.nullForeground#ff6b6b
- symbolIcon.numberForeground#ffd54f
- symbolIcon.objectForeground#00d4ff
- symbolIcon.operatorForeground#81c784
- symbolIcon.packageForeground#5ce65c
- symbolIcon.propertyForeground#81c784
- symbolIcon.referenceForeground#ffd54f
- symbolIcon.snippetForeground#e8f5e9
- symbolIcon.stringForeground#ffd54f
- symbolIcon.structForeground#00d4ff
- symbolIcon.textForeground#e8f5e9
- symbolIcon.typeParameterForeground#81c784
- symbolIcon.unitForeground#ffd54f
- symbolIcon.variableForeground#81c784
- tab.activeBackground#0d1b0d
- tab.activeBorder#5ce65c
- tab.activeBorderTop#5ce65c
- tab.activeForeground#5ce65c
- tab.activeModifiedBorder#00d4ff
- tab.border#00d4ff22
- tab.hoverBackground#1a2f1a
- tab.hoverBorder#5ce65c44
- tab.hoverForeground#5ce65c
- tab.inactiveBackground#0a150a
- tab.inactiveForeground#81c78488
- tab.inactiveModifiedBorder#00d4ff88
- tab.lastPinnedBorder#00d4ff44
- tab.unfocusedActiveBackground#0d1b0d
- tab.unfocusedActiveBorder#81c784
- tab.unfocusedActiveBorderTop#81c784
- tab.unfocusedActiveForeground#81c784
- tab.unfocusedActiveModifiedBorder#00d4ff66
- tab.unfocusedHoverBackground#1a2f1a88
- tab.unfocusedHoverBorder#81c78444
- tab.unfocusedHoverForeground#81c784
- tab.unfocusedInactiveBackground#0a150a
- tab.unfocusedInactiveForeground#81c78466
- tab.unfocusedInactiveModifiedBorder#00d4ff44
- terminal.ansiBlack#0a150a
- terminal.ansiBlue#00d4ff
- terminal.ansiBrightBlack#66bb6a
- terminal.ansiBrightBlue#33ddff
- terminal.ansiBrightCyan#66ffff
- terminal.ansiBrightGreen#7aff7a
- terminal.ansiBrightMagenta#ff66ff
- terminal.ansiBrightRed#ff8a8a
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffeb99
- terminal.ansiCyan#00ffff
- terminal.ansiGreen#5ce65c
- terminal.ansiMagenta#ff33ff
- terminal.ansiRed#ff6b6b
- terminal.ansiWhite#e8f5e9
- terminal.ansiYellow#ffd54f
- terminal.background#0d1b0d
- terminal.border#00d4ff22
- terminal.foreground#5ce65c
- terminal.selectionBackground#5ce65c44
- terminalCursor.background#0d1b0d
- terminalCursor.foreground#00d4ff
- textBlockQuote.background#1a2f1a
- textBlockQuote.border#5ce65c
- textCodeBlock.background#0d1b0d
- textLink.activeForeground#5ce65c
- textLink.foreground#00d4ff
- textPreformat.foreground#81c784
- textSeparator.foreground#00d4ff
- titleBar.activeBackground#0a150a
- titleBar.activeForeground#5ce65c
- titleBar.border#00d4ff22
- titleBar.inactiveBackground#0a150a
- titleBar.inactiveForeground#81c78466
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7a9d7a | italic |
| string, string.quoted, string.template | #ffd54f | — |
| constant.numeric, constant.language | #ff6b6b | — |
| constant.language.boolean | #ff6b6b | bold |
| constant.other, constant.character | #ff6b6b | — |
| variable, variable.other.readwrite, variable.parameter | #e8f5e9 | — |
| variable.language, variable.other.constant | #00d4ff | italic |
| keyword, storage.type, storage.modifier | #ff6b6b | bold |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical | #81c784 | — |
| entity.name.function, support.function | #00d4ff | |
| entity.name.class, entity.name.type.class, support.class | #ffd54f | bold |
| entity.name.type.interface | #00d4ff | italic |
| entity.name.type, support.type | #00d4ff | — |
| entity.name.tag, meta.tag | #ff6b6b | — |
| entity.other.attribute-name | #5ce65c | italic |
| variable.other.property, support.variable.property | #81c784 | — |
| support.constant, support.variable | #00d4ff | — |
| punctuation | #81c784 | — |
| meta.brace, meta.block, punctuation.definition.block | #81c784 | — |
| invalid, invalid.illegal | #ffffff | — |
| invalid.deprecated | #ffffff | — |
| markup.inserted | #5ce65c | — |
| markup.deleted | #ff6b6b | — |
| markup.heading, entity.name.section | #5ce65c | bold |
| markup.bold | #ff6b6b | bold |
| markup.italic | #00d4ff | italic |
| markup.underline.link, string.other.link | #00d4ff | underline |
| markup.quote | #66bb6a | italic |
| markup.inline.raw, markup.fenced_code | #ffd54f | — |
| support.type.property-name.json | #5ce65c | — |
| entity.other.attribute-name.class.css | #ffd54f | — |
| entity.other.attribute-name.id.css | #00d4ff | — |
| support.type.property-name.css | #81c784 | — |
| support.constant.property-value.css | #ffd54f | — |
| variable.language.special.self.python | #ff6b6b | italic |
| entity.name.function.decorator.python | #5ce65c | — |
| string.regexp | #ff6b6b | — |
| constant.character.escape | #00d4ff | bold |