Cupertino Studio
Publisher: Yasin KaratekeThemes in package: 6
Apple-inspired color themes for VS Code — Dark, Light, and Midnight. Seamless UI, zero eye strain, Xcode-grade syntax highlighting.
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#00000000
- activityBar.activeBorder#0A84FF
- activityBar.background#0A0A0F
- activityBar.border#FFFFFF06
- activityBar.foreground#E5E5EA
- activityBar.inactiveForeground#5A5A64
- activityBarBadge.background#0A84FF
- activityBarBadge.foreground#FFFFFF
- activityBarTop.activeBorder#0A84FF
- activityBarTop.foreground#E5E5EA
- activityBarTop.inactiveForeground#5A5A64
- badge.background#0A84FF
- badge.foreground#FFFFFF
- banner.background#0A84FF1A
- banner.foreground#E5E5EA
- banner.iconForeground#0A84FF
- breadcrumb.activeSelectionForeground#0A84FF
- breadcrumb.background#0D0D12
- breadcrumb.focusForeground#E5E5EA
- breadcrumb.foreground#5A5A64
- breadcrumbPicker.background#0A0A0F
- button.background#0A84FF
- button.foreground#FFFFFF
- button.hoverBackground#4DA6FF
- button.secondaryBackground#14141C
- button.secondaryForeground#E5E5EA
- button.secondaryHoverBackground#FFFFFF06
- charts.blue#0A84FF
- charts.foreground#9898A0
- charts.green#30D158
- charts.lines#5A5A64
- charts.orange#FF9F0A
- charts.purple#BF5AF2
- charts.red#FF453A
- charts.yellow#FFD60A
- chat.avatarBackground#14141C
- chat.avatarForeground#9898A0
- chat.editedFileForeground#FF9F0A
- chat.newFileForeground#30D158
- chat.requestBackground#FFFFFF04
- chat.requestBorder#FFFFFF0A
- chat.slashCommandBackground#0A84FF22
- chat.slashCommandForeground#0A84FF
- checkbox.background#14141C
- checkbox.border#22222E
- checkbox.foreground#E5E5EA
- checkbox.selectBackground#0A84FF
- checkbox.selectBorder#0A84FF
- contrastActiveBorder#00000000
- contrastBorder#00000000
- debugExceptionWidget.background#0A0A0F
- debugExceptionWidget.border#FF453A
- debugIcon.breakpointCurrentStackframeForeground#FF9F0A
- debugIcon.breakpointDisabledForeground#5A5A64
- debugIcon.breakpointForeground#FF453A
- debugIcon.breakpointStackframeForeground#30D158
- debugIcon.breakpointUnverifiedForeground#FF9F0A
- debugIcon.continueForeground#30D158
- debugIcon.disconnectForeground#5A5A64
- debugIcon.pauseForeground#FF9F0A
- debugIcon.restartForeground#30D158
- debugIcon.startForeground#30D158
- debugIcon.stepBackForeground#BF5AF2
- debugIcon.stepIntoForeground#0A84FF
- debugIcon.stepOutForeground#0A84FF
- debugIcon.stepOverForeground#0A84FF
- debugIcon.stopForeground#FF453A
- debugToolBar.background#0A0A0F
- debugToolBar.border#1A1A24
- debugView.exceptionLabelBackground#FF453A1A
- debugView.exceptionLabelForeground#FF453A
- debugView.stateLabelBackground#0A84FF1A
- debugView.stateLabelForeground#E5E5EA
- debugView.valueChangedHighlight#FF9F0A
- diffEditor.diagonalFill#5A5A6422
- diffEditor.insertedLineBackground#30D15814
- diffEditor.insertedTextBackground#30D15820
- diffEditor.insertedTextBorder#30D15844
- diffEditor.modifiedBackground#FF9F0A10
- diffEditor.modifiedBorder#FF9F0A33
- diffEditor.move.background#BF5AF218
- diffEditor.move.border#BF5AF21866
- diffEditor.removedLineBackground#FF453A14
- diffEditor.removedTextBackground#FF453A20
- diffEditor.removedTextBorder#FF453A44
- diffEditor.unchangedBackground#FFFFFF03
- diffEditor.unchangedRegionBackground#0A0A0F
- diffEditor.unchangedRegionForeground#5A5A64
- diffEditorGutter.insertedLineBackground#30D15825
- diffEditorGutter.removedLineBackground#FF453A25
- diffEditorOverview.insertedForeground#30D158
- diffEditorOverview.removedForeground#FF453A
- disabledForeground#3A3A44
- dropdown.background#14141C
- dropdown.border#22222E
- dropdown.foreground#E5E5EA
- dropdown.listBackground#0A0A0F
- editor.actionList.background#0A0A0F
- editor.actionList.focusBackground#0A84FF1A
- editor.actionList.foreground#E5E5EA
- editor.actionList.highlightForeground#0A84FF
- editor.actionList.selectedForeground#E5E5EA
- editor.background#0D0D12
- editor.findMatchBackground#FFD60A44
- editor.findMatchBorder#FFD60A55
- editor.findMatchHighlightBackground#FFD60A22
- editor.findMatchHighlightBorder#FFD60A33
- editor.findRangeHighlightBackground#FFD60A11
- editor.findRangeHighlightBorder#FFD60A22
- editor.foreground#E5E5EA
- editor.inactiveSelectionBackground#0A84FF14
- editor.inlineSuggest.background#0A84FF0E
- editor.inlineSuggest.completionHighlightBackground#0A84FF1A
- editor.inlineSuggest.foreground#9898A0
- editor.inlineValuesBackground#0A84FF0E
- editor.inlineValuesForeground#9898A0
- editor.lineHighlightBackground#FFFFFF05
- editor.rangeHighlightBackground#0A84FF22
- editor.rangeHighlightBorder#0A84FF22
- editor.selectionBackground#0A84FF55
- editor.selectionForeground#E5E5EA
- editor.selectionHighlightBackground#0A84FF30
- editor.textSeparatorForeground#5A5A64
- editor.wordHighlightBackground#0A84FF18
- editor.wordHighlightBorder#0A84FF44
- editor.wordHighlightStrongBackground#0A84FF30
- editor.wordHighlightStrongBorder#0A84FF66
- editor.wordHighlightTextBackground#0A84FF18
- editorBracketHighlight.foreground1#0A84FF
- editorBracketHighlight.foreground2#BF5AF2
- editorBracketHighlight.foreground3#FF375F
- editorBracketHighlight.foreground4#FF9F0A
- editorBracketHighlight.foreground5#64D2FF
- editorBracketHighlight.unexpectedBracket.foreground#FF453A
- editorBracketMatch.background#0A84FF55
- editorBracketMatch.border#0A84FF66
- editorBracketPairGuide.activeBackground1#0A84FF22
- editorBracketPairGuide.activeBackground2#BF5AF222
- editorBracketPairGuide.activeBackground3#FF375F22
- editorBracketPairGuide.activeBackground4#FF9F0A22
- editorBracketPairGuide.activeBackground5#64D2FF22
- editorBracketPairGuide.background1#0A84FF11
- editorBracketPairGuide.background2#BF5AF211
- editorBracketPairGuide.background3#FF375F11
- editorBracketPairGuide.background4#FF9F0A11
- editorBracketPairGuide.background5#64D2FF11
- editorCodeLens.foreground#5A5A64
- editorCommentsWidget.commentInputBackground#14141C
- editorCommentsWidget.replyBorder#1A1A24
- editorCommentsWidget.resolvedBorder#30D158
- editorCommentsWidget.unresolvedBorder#FF9F0A
- editorCursor.background#0A84FF44
- editorCursor.foreground#0A84FF
- editorGroup.border#1A1A24
- editorGroup.dropBackground#0A84FF55
- editorGroupHeader.border#FFFFFF06
- editorGroupHeader.tabsBackground#0A0A0F
- editorGroupHeader.tabsBorder#FFFFFF06
- editorGutter.addedBackground#30D158
- editorGutter.background#0D0D12
- editorGutter.deletedBackground#FF453A
- editorGutter.foldingControlForeground#5A5A64
- editorGutter.modifiedBackground#FF9F0A
- editorHoverWidget.background#0A0A0F
- editorHoverWidget.border#1A1A24
- editorHoverWidget.foreground#E5E5EA
- editorHoverWidget.highlightForeground#0A84FF
- editorHoverWidget.statusBarBackground#0A0A0F
- editorIndentGuide.activeBackground1#FFFFFF12
- editorIndentGuide.background1#FFFFFF06
- editorInlayHint.background#FFFFFF06
- editorInlayHint.foreground#9898A0
- editorInlayHint.parameterBackground#64D2FF0A
- editorInlayHint.parameterForeground#64D2FF66
- editorInlayHint.typeBackground#30D1580A
- editorInlayHint.typeForeground#30D15866
- editorLineNumber.activeForeground#9898A0
- editorLineNumber.foreground#5A5A64
- editorLink.activeForeground#0A84FF
- editorLinkedEditingBackground#0A84FF22
- editorMarkerNavigation.background#0A0A0F
- editorOverviewRuler.background#0D0D12
- editorOverviewRuler.border#FFFFFF06
- editorOverviewRuler.bracketMatchForeground#0A84FF66
- editorOverviewRuler.commentForeground#5A5A6444
- editorOverviewRuler.commentUnresolvedForeground#FF9F0A44
- editorOverviewRuler.commonContentForeground#5A5A6433
- editorOverviewRuler.currentContentForeground#30D15866
- editorOverviewRuler.incomingContentForeground#0A84FF66
- editorOverviewRuler.stickyScrollForeground#5A5A6444
- editorPane.background#0D0D12
- editorStickyScroll.background#0A0A0F
- editorStickyScrollGutter.background#0A0A0F
- editorStickyScrollHover.background#FFFFFF06
- editorSuggestWidget.background#0A0A0F
- editorSuggestWidget.border#1A1A24
- editorSuggestWidget.focusHighlightForeground#0A84FF
- editorSuggestWidget.foreground#E5E5EA
- editorSuggestWidget.highlightForeground#0A84FF
- editorSuggestWidget.selectedBackground#FFFFFF06
- editorSuggestWidget.selectedForeground#E5E5EA
- editorSuggestWidget.selectedIconForeground#0A84FF
- editorSuggestWidgetStatus.foreground#5A5A64
- editorSuggestWidgetTooltip.background#0A0A0F
- editorSuggestWidgetTooltip.foreground#E5E5EA
- editorWhitespace.foreground#5A5A64
- editorWidget.background#0A0A0F
- editorWidget.border#1A1A24
- editorWidget.resizeBorder#22222E
- extensionButton.prominentBackground#0A84FF
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#4DA6FF
- extensionButton.separator#FFFFFF0A
- extensionIcon.installedForeground#30D158
- extensionIcon.preReleaseForeground#BF5AF2
- extensionIcon.privateForeground#5A5A64
- extensionIcon.recommendedForeground#0A84FF
- extensionIcon.starForeground#FFD60A
- extensionIcon.verifiedForeground#30D158
- focusBorder#0A84FF
- foreground#E5E5EA
- gitDecoration.conflictingResourceForeground#FF375F
- gitDecoration.deletedResourceForeground#FF453A
- gitDecoration.ignoredResourceForeground#5A5A64
- gitDecoration.modifiedResourceForeground#FF9F0A
- gitDecoration.stageDeletedResourceForeground#FF453A
- gitDecoration.stageModifiedResourceForeground#FFD60A
- gitDecoration.untrackedResourceForeground#30D158
- inlineChat.background#0D0D12
- inlineChat.border#0A84FF33
- inlineChat.regionHighlight#0A84FF0C
- inlineChat.shadow#00000066
- inlineChatInput.background#14141C
- inlineChatInput.border#1A1A24
- inlineChatInput.focusBorder#0A84FF
- inlineChatInput.placeholderForeground#5A5A64
- input.background#14141C
- input.border#22222E
- input.foreground#E5E5EA
- input.placeholderForeground#5A5A64
- inputOption.activeBackground#0A84FF22
- inputOption.activeBorder#0A84FF
- inputOption.activeForeground#E5E5EA
- inputValidation.errorBackground#FF453A22
- inputValidation.errorBorder#FF453A
- inputValidation.infoBackground#0A84FF22
- inputValidation.infoBorder#0A84FF
- inputValidation.warningBackground#FF9F0A22
- inputValidation.warningBorder#FF9F0A
- keybindingLabel.background#14141C
- keybindingLabel.border#1A1A24
- keybindingLabel.bottomBorder#1A1A24
- keybindingLabel.foreground#E5E5EA
- list.activeSelectionBackground#0A84FF22
- list.activeSelectionForeground#E5E5EA
- list.focusHighlightForeground#0A84FF
- list.highlightForeground#0A84FF
- list.hoverBackground#FFFFFF06
- list.hoverForeground#E5E5EA
- list.inactiveSelectionBackground#FFFFFF06
- list.inactiveSelectionForeground#E5E5EA
- listFilterWidget.background#14141C
- listFilterWidget.noMatchesOutline#FF453A
- listFilterWidget.outline#0A84FF
- menu.background#0A0A0F
- menu.border#1A1A24
- menu.foreground#E5E5EA
- menu.selectionBackground#0A84FF22
- menu.selectionBorder#00000000
- menu.selectionForeground#E5E5EA
- menu.separatorBackground#FFFFFF0A
- mergeEditor.change.background#30D15818
- mergeEditor.change.word.background#30D15830
- mergeEditor.conflict.handledFocused.border#30D15866
- mergeEditor.conflict.handledUnfocused.border#30D15866
- mergeEditor.conflict.input1.background#30D15810
- mergeEditor.conflict.input2.background#0A84FF10
- mergeEditor.conflict.unhandledFocused.border#FF9F0A
- mergeEditor.conflict.unhandledUnfocused.border#FF9F0A44
- minimap.background#0D0D12
- minimap.errorHighlight#FF453A44
- minimap.findMatchHighlight#FFD60A44
- minimap.foregroundOpacity#FFFFFF88
- minimap.selectionHighlight#0A84FF55
- minimap.selectionHighlightBorder#0A84FF44
- minimap.warningHighlight#FF9F0A44
- minimapGutter.addedBackground#30D158
- minimapGutter.deletedBackground#FF453A
- minimapGutter.modifiedBackground#FF9F0A
- minimapSlider.background#FFFFFF12
- multiDiffEditor.background#0D0D12
- multiDiffEditor.headerBackground#0A0A0F
- notebook.cellBorderColor#FFFFFF08
- notebook.cellEditorBackground#0D0D12
- notebook.cellHoverBackground#FFFFFF06
- notebook.cellStatusBarItemHoverBackground#FFFFFF06
- notebook.cellToolbarBackground#0A0A0F
- notebook.focusedCellBackground#00000000
- notebook.focusedCellBorder#0A84FF
- notebook.inactiveFocusedCellBorder#FFFFFF08
- notebook.inactiveSelectedCellBorder#0A84FF44
- notebook.outputContainerBackgroundColor#0A0A0F
- notebook.outputContainerBorderColor#FFFFFF08
- notebook.selectedCellBackground#FFFFFF06
- notebook.selectedCellBorder#0A84FF44
- notebook.symbolHighlightBackground#0A84FF55
- notebookStatusErrorIcon.foreground#FF453A
- notebookStatusRunningIcon.foreground#FF9F0A
- notebookStatusSuccessIcon.foreground#30D158
- notificationCenter.border#1A1A24
- notificationLink.foreground#0A84FF
- notifications.background#0A0A0F
- notifications.border#1A1A24
- notifications.foreground#E5E5EA
- notificationToast.border#1A1A24
- panel.background#0A0A0F
- panel.border#FFFFFF06
- panelInput.border#1A1A24
- panelTitle.activeBorder#0A84FF
- panelTitle.activeForeground#E5E5EA
- panelTitle.inactiveForeground#5A5A64
- peekView.border#0A84FF
- peekViewEditor.background#0D0D12
- peekViewEditor.matchHighlightBackground#FFD60A44
- peekViewResult.background#0A0A0F
- peekViewResult.matchHighlightBackground#FFD60A44
- peekViewResult.selectionBackground#FFFFFF06
- peekViewTitleDescription.foreground#5A5A64
- peekViewTitleLabel.foreground#E5E5EA
- ports.iconRunningProcessForeground#30D158
- problemsErrorIcon.foreground#FF453A
- problemsInfoIcon.foreground#0A84FF
- problemsWarningIcon.foreground#FF9F0A
- progressBar.background#0A84FF
- progressBar.foreground#0A84FF
- quickInput.background#0A0A0F
- quickInput.foreground#E5E5EA
- quickInputList.focusBackground#0A84FF22
- quickInputList.focusForeground#E5E5EA
- quickInputList.focusIconForeground#0A84FF
- quickInputTitle.background#0A0A0F
- scmGraph.foreground1#0A84FF
- scmGraph.foreground2#BF5AF2
- scmGraph.foreground3#30D158
- scmGraph.historyItemAdditionsForeground#30D158
- scmGraph.historyItemDeletionsForeground#FF453A
- scmGraph.historyItemHoverAdditionsForeground#30D158
- scmGraph.historyItemHoverDeletionsForeground#FF453A
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#FFFFFF44
- scrollbarSlider.background#FFFFFF12
- scrollbarSlider.hoverBackground#FFFFFF25
- selection.background#0A84FF44
- settings.checkboxBackground#14141C
- settings.checkboxBorder#22222E
- settings.checkboxForeground#E5E5EA
- settings.dropdownBackground#14141C
- settings.dropdownBorder#22222E
- settings.dropdownForeground#E5E5EA
- settings.dropdownListBorder#22222E
- settings.focusedRowBackground#FFFFFF06
- settings.focusedRowBorder#0A84FF
- settings.headerForeground#E5E5EA
- settings.modifiedItemIndicator#0A84FF
- settings.numberInputBackground#14141C
- settings.numberInputBorder#22222E
- settings.numberInputForeground#E5E5EA
- settings.rowHoverBackground#FFFFFF06
- settings.textInputBackground#14141C
- settings.textInputBorder#22222E
- settings.textInputForeground#E5E5EA
- sideBar.background#0A0A0F
- sideBar.border#FFFFFF06
- sideBar.dropBackground#0A84FF55
- sideBar.foreground#E5E5EA
- sideBarSectionHeader.background#0A0A0F
- sideBarSectionHeader.border#FFFFFF0C
- sideBarSectionHeader.foreground#5A5A64
- sideBarTitle.foreground#9898A0
- statusBar.background#0A0A0F
- statusBar.border#FFFFFF06
- statusBar.debuggingBackground#FF9F0A
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#5A5A64
- statusBar.noFolderBackground#0A0A0F
- statusBarItem.prominentBackground#0A84FF55
- statusBarItem.prominentForeground#E5E5EA
- statusBarItem.remoteBackground#0A84FF
- statusBarItem.remoteForeground#FFFFFF
- symbolIcon.arrayForeground#FF9F0A
- symbolIcon.booleanForeground#0A84FF
- symbolIcon.classForeground#30D158
- symbolIcon.colorForeground#FF375F
- symbolIcon.constantForeground#FF9F0A
- symbolIcon.constructorForeground#64D2FF
- symbolIcon.enumeratorForeground#30D158
- symbolIcon.enumeratorMemberForeground#64D2FF
- symbolIcon.eventForeground#FFD60A
- symbolIcon.fieldForeground#64D2FF
- symbolIcon.fileForeground#9898A0
- symbolIcon.folderForeground#9898A0
- symbolIcon.functionForeground#64D2FF
- symbolIcon.interfaceForeground#30D158
- symbolIcon.keyForeground#0A84FF
- symbolIcon.keywordForeground#FF375F
- symbolIcon.methodForeground#64D2FF
- symbolIcon.moduleForeground#BF5AF2
- symbolIcon.namespaceForeground#BF5AF2
- symbolIcon.nullForeground#5A5A64
- symbolIcon.numberForeground#FF9F0A
- symbolIcon.objectForeground#30D158
- symbolIcon.operatorForeground#9898A0
- symbolIcon.packageForeground#FF9F0A
- symbolIcon.propertyForeground#64D2FF
- symbolIcon.referenceForeground#64D2FF
- symbolIcon.snippetForeground#BF5AF2
- symbolIcon.stringForeground#FF9F0A
- symbolIcon.structForeground#30D158
- symbolIcon.textForeground#E5E5EA
- symbolIcon.typeParameterForeground#64D2FF
- symbolIcon.unitForeground#9898A0
- symbolIcon.variableForeground#64D2FF
- tab.activeBackground#0D0D12
- tab.activeBorderBottom#00000000
- tab.activeBorderTop#0A84FF
- tab.activeForeground#E5E5EA
- tab.border#FFFFFF06
- tab.inactiveBackground#08080C
- tab.inactiveForeground#5A5A64
- tab.unfocusedActiveBorderTop#1A1A24
- tab.unfocusedActiveForeground#9898A0
- terminal.ansiBlack#0A0A0F
- terminal.ansiBlue#4DA6FF
- terminal.ansiBrightBlack#5A5A64
- terminal.ansiBrightBlue#6DB8FF
- terminal.ansiBrightCyan#99EBF5
- terminal.ansiBrightGreen#7EFF9A
- terminal.ansiBrightMagenta#E8A8FF
- terminal.ansiBrightRed#FF8888
- terminal.ansiBrightWhite#E5E5EA
- terminal.ansiBrightYellow#FFE966
- terminal.ansiCyan#80E0F0
- terminal.ansiGreen#5BEE7E
- terminal.ansiMagenta#D98AFF
- terminal.ansiRed#FF6B6B
- terminal.ansiWhite#E5E5EA
- terminal.ansiYellow#FFDF40
- terminal.background#0A0A0F
- terminal.border#FFFFFF06
- terminal.dropBackground#0A84FF18
- terminal.findMatchBackground#FFD60A44
- terminal.findMatchBorder#FFD60A55
- terminal.findMatchHighlightBackground#FFD60A22
- terminal.findMatchHighlightBorder#FFD60A33
- terminal.foreground#E5E5EA
- terminal.hoverHighlightBackground#FFFFFF06
- terminal.linkBackground#0A84FF18
- terminal.linkForeground#0A84FF
- terminal.selectionBackground#0A84FF55
- terminal.selectionForeground#E5E5EA
- terminal.tab.activeBackground#0D0D12
- terminal.tab.activeBorder#0A84FF
- terminal.tab.activeBorderTop#0A84FF
- terminal.tab.activeForeground#E5E5EA
- terminal.tab.border#FFFFFF06
- terminal.tab.inactiveBackground#0A0A0F
- terminal.tab.inactiveForeground#5A5A64
- terminalCommandDecoration.defaultBackground#5A5A64
- terminalCommandDecoration.errorBackground#FF453A
- terminalCommandDecoration.successBackground#30D158
- terminalCursor.background#0A84FF44
- terminalCursor.foreground#0A84FF
- terminalSymbolIcon.fileForeground#9898A0
- terminalSymbolIcon.folderForeground#FF9F0A
- terminalSymbolIcon.symbolForeground#BF5AF2
- testing.coveredBackground#30D15812
- testing.coveredGutterBackground#30D15812
- testing.iconErrored#FF453A
- testing.iconFailed#FF453A
- testing.iconPassed#30D158
- testing.iconQueued#FF9F0A
- testing.iconSkipped#5A5A64
- testing.iconUnset#3A3A44
- testing.message.errorDecorationForeground#FF453A
- testing.message.errorLineBackground#FF453A0C
- testing.message.hintDecorationForeground#5A5A64
- testing.message.infoDecorationForeground#0A84FF
- testing.message.infoLineBackground#0A84FF0C
- testing.message.warningDecorationForeground#FF9F0A
- testing.message.warningLineBackground#FF9F0A0C
- testing.peekBorder#FF453A
- testing.runAction#30D158
- testing.uncoveredBackground#FF453A12
- testing.uncoveredBranchBackground#FF453A18
- testing.uncoveredGutterBackground#FF453A12
- titleBar.activeBackground#0A0A0F
- titleBar.activeForeground#5A5A64
- titleBar.border#FFFFFF06
- titleBar.inactiveBackground#0A0A0F
- titleBar.inactiveForeground#3A3A44
- tree.indentGuidesStroke#FFFFFF06
- walkThrough.embeddedEditorBackground#0A0A0F
- walkthrough.stepTitle.foreground#E5E5EA
- welcomePage.background#0D0D12
- welcomePage.progress.background#0A84FF
- welcomePage.progress.foreground#FFFFFF
- welcomePage.tileBackground#14141C
- welcomePage.tileBorder#1A1A24
- welcomePage.tileHoverBackground#22222E
- widget.shadow#00000088
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.line, comment.block, punctuation.definition.comment | #6C7986 | — |
| comment.line.documentation, comment.block.documentation, string.quoted.docstring | #7B8D9E | — |
| string, string.quoted.single, string.quoted.double, string.quoted.triple, string.template, string.unquoted, punctuation.definition.string | #FF9F0A | — |
| string.interpolated, constant.character.escape, punctuation.definition.template-expression | #FFD60A | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary | #FF9F0A | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.other | #FF9F0A | |
| keyword.control, keyword.control.conditional, keyword.control.flow, keyword.control.import, keyword.control.from, keyword.control.return, keyword.control.loop, keyword.control.try, keyword.control.exception, keyword.control.await, keyword.control.yield, keyword.operator.logical | #BF5AF2 | — |
| storage.type, storage.modifier, keyword.operator.new, keyword.declaration, keyword.other.declaration | #FF375F | — |
| entity.name.function, entity.name.method, support.function, support.function.construct, meta.function-call, meta.method-call, variable.function | #64D2FF | — |
| entity.name.type, entity.name.type.class, entity.name.type.enum, entity.name.type.struct, entity.name.type.interface, entity.other.inherited-class, support.class, support.type, entity.name.class | #30D158 | — |
| variable, variable.other, variable.assignment, variable.other.member | #FFFFFF | — |
| variable.parameter, variable.parameter.function | #FFFFFFCC | |
| variable.other.property, variable.other.object.property, meta.property | #64D2FF | — |
| variable.other.constant, variable.other.enummember | #FF9F0A | — |
| punctuation, punctuation.terminator, punctuation.separator, meta.brace, punctuation.definition | #FFFFFF66 | — |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.assignment, keyword.operator.type | #FFFFFF99 | — |
| entity.name.tag, meta.tag, entity.name.tag.tsx, entity.name.tag.jsx | #64D2FF | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #FF375F | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, meta.property-name | #64D2FF | — |
| support.constant.property-value, meta.property-value, constant.numeric.css, constant.numeric.scss | #FF9F0A | — |
| entity.other.attribute-name.class, entity.other.attribute-name.id, entity.name.tag.css | #64D2FF | — |
| invalid, invalid.illegal | #FF453A | |
| invalid.deprecated | #FF9F0A | strikethrough |
| markup.heading, entity.name.section, markup.heading.setext | #0A84FF | bold |
| markup.bold | #FFFFFF | bold |
| markup.italic | #FFFFFF | — |
| markup.raw, markup.fenced_code, markup.inline.raw | #FF9F0A | — |
| markup.underline.link, string.other.link, meta.link | #0A84FF | underline |
| support.type.property-name.json, string.quoted.double.json, meta.structure.dictionary.key.json > string.quoted.double.json | #64D2FF | — |
| entity.name.tag.yaml | #64D2FF | — |
| string.regexp, constant.other.character-class.regexp, keyword.operator.quantifier.regexp | #FFD60A | — |
| storage.type.swift, keyword.other.declaration-specifier.swift | #FF375F | — |
| keyword.control.flow.swift, keyword.control.branch.swift | #BF5AF2 | — |
| entity.name.type.swift, support.type.swift, entity.name.type.protocol.swift | #30D158 | — |
| keyword.other.attribute.swift, entity.other.attribute.swift, punctuation.definition.attribute.swift | #FF375F | |
| storage.type.ts, storage.type.type.ts, keyword.operator.type.annotation.ts | #FF375F | — |
| entity.name.type.interface.ts, entity.name.type.alias.ts, entity.name.type.enum.ts | #30D158 | — |
| meta.decorator, entity.name.function.decorator, punctuation.decorator | #FF375F | — |
| storage.type.dart, keyword.declaration.dart | #FF375F | — |
| support.class.dart, entity.name.type.dart | #30D158 | — |
| storage.type.function.python, storage.type.class.python, keyword.operator.logical.python | #FF375F | — |
| keyword.control.flow.python | #BF5AF2 | — |
| constant.language.python, constant.language.boolean.python | #FF9F0A | — |
| variable.language.special.self.python, variable.parameter.function.language.special.self.python, support.function.builtin.python | #BF5AF2 | |
| storage.type.go, keyword.go | #FF375F | — |
| storage.type.rust, keyword.control.rust | #FF375F | — |
| meta.attribute.rust, punctuation.definition.attribute.rust | #FF375F | — |
| storage.type.java, keyword.control.java, keyword.other.package.java | #FF375F | — |
| entity.name.type.class.java, entity.name.type.interface.java, entity.name.type.enum.java | #30D158 | — |
| meta.declaration.annotation, storage.type.annotation, punctuation.definition.annotation | #FF375F | — |
| storage.type.kotlin, keyword.control.kotlin, keyword.other.kotlin | #FF375F | — |
| entity.name.type.class.kotlin, entity.name.type.interface.kotlin, entity.name.type.object.kotlin | #30D158 | — |
| meta.annotation.kotlin, punctuation.definition.annotation.kotlin | #FF375F | — |
| keyword.control.ruby, storage.type.ruby, keyword.control.def.ruby, keyword.control.class.ruby | #FF375F | — |
| constant.language.symbol.ruby, constant.other.symbol.ruby | #FF9F0A | — |
| variable.other.readwrite.instance.ruby | #64D2FF | — |
| storage.type.php, keyword.control.php, keyword.other.namespace.php | #FF375F | — |
| entity.name.function.php, support.function.construct.php | #64D2FF | — |
| variable.other.php, variable.other.property.php | #FFFFFF | — |
| storage.type.c, storage.type.cpp, keyword.control.c, keyword.control.cpp | #FF375F | — |
| entity.name.function.c, entity.name.function.cpp | #64D2FF | — |
| meta.preprocessor.c, meta.preprocessor.cpp, keyword.control.directive.c, keyword.control.directive.cpp | #FF375F | — |
| keyword.control.shell, storage.type.shell | #FF375F | — |
| support.function.builtin.shell | #64D2FF | — |
| keyword.other.DML.sql, keyword.other.DDL.sql, keyword.other.sql, keyword.operator.star.sql | #BF5AF2 | — |
| support.function.aggregate.sql, support.function.scalar.sql, support.function.window.sql | #64D2FF | — |
| storage.type.sql | #30D158 | — |
| keyword.control.lua, storage.type.lua | #FF375F | — |
| entity.name.function.lua | #64D2FF | — |