Sinequanone

Color themes

• 

  Sinequanone Acid

• 

  Sinequanone Apple

• 

  Sinequanone Brighton

• 

  Sinequanone Carbon

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.activeBorder#E7D2C5
• activityBar.background#232136
• activityBar.dropBorder#393552
• activityBar.foreground#E7D2C5
• activityBar.inactiveForeground#908caa
• activityBarBadge.background#c5ed2d
• activityBarBadge.foreground#232136
• badge.background#c5ed2d
• badge.foreground#232136
• banner.background#2a273f
• banner.foreground#E7D2C5
• banner.iconForeground#908caa
• breadcrumb.activeSelectionForeground#c5ed2d
• breadcrumb.background#232136
• breadcrumb.focusForeground#908caa
• breadcrumb.foreground#6e6a86
• breadcrumbPicker.background#2a273f
• button.background#c5ed2d
• button.foreground#232136
• button.hoverBackground#c5ed2de6
• button.secondaryBackground#2a273f
• button.secondaryForeground#E7D2C5
• button.secondaryHoverBackground#393552
• charts.blue#f59dd3
• charts.foreground#E7D2C5
• charts.green#f745b3
• charts.lines#908caa
• charts.orange#c5ed2d
• charts.purple#b79df5
• charts.red#8abe32
• charts.yellow#9d74ff
• checkbox.background#2a273f
• checkbox.border#817c9c26
• checkbox.foreground#E7D2C5
• debugExceptionWidget.background#2a273f
• debugExceptionWidget.border#817c9c26
• debugIcon.breakpointCurrentStackframeForeground#908caa
• debugIcon.breakpointDisabledForeground#908caa
• debugIcon.breakpointForeground#908caa
• debugIcon.breakpointStackframeForeground#908caa
• debugIcon.breakpointUnverifiedForeground#908caa
• debugIcon.continueForeground#908caa
• debugIcon.disconnectForeground#908caa
• debugIcon.pauseForeground#908caa
• debugIcon.restartForeground#908caa
• debugIcon.startForeground#908caa
• debugIcon.stepBackForeground#908caa
• debugIcon.stepIntoForeground#908caa
• debugIcon.stepOutForeground#908caa
• debugIcon.stepOverForeground#908caa
• debugIcon.stopForeground#8abe32
• debugToolBar.background#2a273f
• debugToolBar.border#393552
• descriptionForeground#908caa
• diffEditor.border#393552
• diffEditor.diagonalFill#817c9c4d
• diffEditor.insertedTextBackground#f59dd314
• diffEditor.insertedTextBorder#f59dd380
• diffEditor.removedTextBackground#8abe3214
• diffEditor.removedTextBorder#8abe3280
• dropdown.background#2a273f
• dropdown.border#817c9c26
• dropdown.foreground#E7D2C5
• dropdown.listBackground#2a273f
• editor.background#232136
• editor.findMatchBackground#817c9c4d
• editor.findMatchHighlightBackground#817c9c4d
• editor.findRangeHighlightBackground#817c9c4d
• editor.findRangeHighlightBorder#0000
• editor.focusedStackFrameHighlightBackground#817c9c26
• editor.foldBackground#2a273f
• editor.foreground#E7D2C5
• editor.hoverHighlightBackground#0000
• editor.inactiveSelectionBackground#817c9c14
• editor.inlineValuesBackground#0000
• editor.inlineValuesForeground#908caa
• editor.lineHighlightBackground#817c9c14
• editor.lineHighlightBorder#0000
• editor.linkedEditingBackground#2a273f
• editor.rangeHighlightBackground#817c9c14
• editor.rangeHighlightBorder#0000
• editor.selectionBackground#817c9c26
• editor.selectionForeground#E7D2C5
• editor.selectionHighlightBackground#817c9c26
• editor.selectionHighlightBorder#0000
• editor.snippetFinalTabstopHighlightBackground#817c9c26
• editor.snippetFinalTabstopHighlightBorder#2a273f
• editor.snippetTabstopHighlightBackground#817c9c26
• editor.snippetTabstopHighlightBorder#2a273f
• editor.stackFrameHighlightBackground#817c9c26
• editor.symbolHighlightBackground#817c9c26
• editor.symbolHighlightBorder#0000
• editor.wordHighlightBackground#817c9c26
• editor.wordHighlightBorder#0000
• editor.wordHighlightStrongBackground#817c9c26
• editor.wordHighlightStrongBorder#817c9c26
• editorBracketHighlight.foreground1#8abe3280
• editorBracketHighlight.foreground2#f745b380
• editorBracketHighlight.foreground3#9d74ff80
• editorBracketHighlight.foreground4#f59dd380
• editorBracketHighlight.foreground5#c5ed2d80
• editorBracketHighlight.foreground6#b79df580
• editorBracketMatch.background#0000
• editorBracketMatch.border#908caa
• editorBracketPairGuide.activeBackground1#f745b3
• editorBracketPairGuide.activeBackground2#c5ed2d
• editorBracketPairGuide.activeBackground3#b79df5
• editorBracketPairGuide.activeBackground4#f59dd3
• editorBracketPairGuide.activeBackground5#9d74ff
• editorBracketPairGuide.activeBackground6#8abe32
• editorBracketPairGuide.background1#f745b380
• editorBracketPairGuide.background2#c5ed2d80
• editorBracketPairGuide.background3#b79df580
• editorBracketPairGuide.background4#f59dd380
• editorBracketPairGuide.background5#9d74ff80
• editorBracketPairGuide.background6#8abe3280
• editorCodeLens.foreground#c5ed2d
• editorCursor.background#E7D2C5
• editorCursor.foreground#f745b3
• editorError.border#0000
• editorError.foreground#8abe32
• editorGhostText.foreground#908caa
• editorGroup.border#0000
• editorGroup.dropBackground#2a273f
• editorGroup.emptyBackground#0000
• editorGroup.focusedEmptyBorder#0000
• editorGroupHeader.noTabsBackground#0000
• editorGroupHeader.tabsBackground#0000
• editorGroupHeader.tabsBorder#0000
• editorGutter.addedBackground#f59dd3
• editorGutter.background#0000
• editorGutter.commentRangeForeground#908caa
• editorGutter.deletedBackground#8abe32
• editorGutter.foldingControlForeground#b79df5
• editorGutter.modifiedBackground#c5ed2d
• editorHint.border#0000
• editorHint.foreground#908caa
• editorHoverWidget.background#2a273f
• editorHoverWidget.border#6e6a8680
• editorHoverWidget.foreground#908caa
• editorHoverWidget.highlightForeground#E7D2C5
• editorHoverWidget.statusBarBackground#0000
• editorIndentGuide.activeBackground#6e6a86
• editorIndentGuide.background#817c9c4d
• editorInfo.border#393552
• editorInfo.foreground#f59dd3
• editorInlayHint.background#393552
• editorInlayHint.foreground#908caa
• editorInlayHint.parameterBackground#393552
• editorInlayHint.parameterForeground#b79df5
• editorInlayHint.typeBackground#393552
• editorInlayHint.typeForeground#f59dd3
• editorLightBulb.foreground#f745b3
• editorLightBulbAutoFix.foreground#c5ed2d
• editorLineNumber.activeForeground#E7D2C5
• editorLineNumber.foreground#908caa
• editorLink.activeForeground#c5ed2d
• editorMarkerNavigation.background#2a273f
• editorMarkerNavigationError.background#2a273f
• editorMarkerNavigationInfo.background#2a273f
• editorMarkerNavigationWarning.background#2a273f
• editorOverviewRuler.addedForeground#f59dd380
• editorOverviewRuler.background#232136
• editorOverviewRuler.border#817c9c4d
• editorOverviewRuler.bracketMatchForeground#908caa
• editorOverviewRuler.commonContentForeground#817c9c14
• editorOverviewRuler.currentContentForeground#817c9c26
• editorOverviewRuler.deletedForeground#8abe3280
• editorOverviewRuler.errorForeground#8abe3280
• editorOverviewRuler.findMatchForeground#817c9c4d
• editorOverviewRuler.incomingContentForeground#b79df580
• editorOverviewRuler.infoForeground#f59dd380
• editorOverviewRuler.modifiedForeground#c5ed2d80
• editorOverviewRuler.rangeHighlightForeground#817c9c4d
• editorOverviewRuler.selectionHighlightForeground#817c9c4d
• editorOverviewRuler.warningForeground#9d74ff80
• editorOverviewRuler.wordHighlightForeground#817c9c26
• editorOverviewRuler.wordHighlightStrongForeground#817c9c4d
• editorPane.background#0000
• editorRuler.foreground#817c9c4d
• editorSuggestWidget.background#2a273f
• editorSuggestWidget.border#0000
• editorSuggestWidget.focusHighlightForeground#c5ed2d
• editorSuggestWidget.foreground#908caa
• editorSuggestWidget.highlightForeground#c5ed2d
• editorSuggestWidget.selectedBackground#817c9c26
• editorSuggestWidget.selectedForeground#E7D2C5
• editorSuggestWidget.selectedIconForeground#E7D2C5
• editorUnnecessaryCode.border#0000
• editorUnnecessaryCode.opacity#00000080
• editorWarning.border#0000
• editorWarning.foreground#9d74ff
• editorWhitespace.foreground#6e6a86
• editorWidget.background#2a273f
• editorWidget.border#393552
• editorWidget.foreground#908caa
• editorWidget.resizeBorder#6e6a86
• errorForeground#8abe32
• extensionBadge.remoteBackground#b79df5
• extensionBadge.remoteForeground#232136
• extensionButton.prominentBackground#c5ed2d
• extensionButton.prominentForeground#232136
• extensionButton.prominentHoverBackground#c5ed2de6
• extensionIcon.starForeground#c5ed2d
• extensionIcon.verifiedForeground#b79df5
• focusBorder#817c9c26
• foreground#E7D2C5
• gitDecoration.addedResourceForeground#f59dd3
• gitDecoration.conflictingResourceForeground#8abe32
• gitDecoration.deletedResourceForeground#908caa
• gitDecoration.ignoredResourceForeground#6e6a86
• gitDecoration.modifiedResourceForeground#c5ed2d
• gitDecoration.renamedResourceForeground#f745b3
• gitDecoration.stageDeletedResourceForeground#8abe32
• gitDecoration.stageModifiedResourceForeground#b79df5
• gitDecoration.submoduleResourceForeground#9d74ff
• gitDecoration.untrackedResourceForeground#9d74ff
• icon.foreground#908caa
• input.background#39355280
• input.border#817c9c26
• input.foreground#E7D2C5
• input.placeholderForeground#908caa
• inputOption.activeBackground#c5ed2d
• inputOption.activeBorder#0000
• inputOption.activeForeground#232136
• inputValidation.errorBackground#0000
• inputValidation.errorBorder#0000
• inputValidation.errorForeground#8abe32
• inputValidation.infoBackground#0000
• inputValidation.infoBorder#0000
• inputValidation.infoForeground#f59dd3
• inputValidation.warningBackground#0000
• inputValidation.warningBorder#0000
• inputValidation.warningForeground#f59dd380
• keybindingLabel.background#393552
• keybindingLabel.border#817c9c4d
• keybindingLabel.bottomBorder#817c9c4d
• keybindingLabel.foreground#b79df5
• keybindingTable.headerBackground#393552
• keybindingTable.rowsBackground#2a273f
• list.activeSelectionBackground#817c9c26
• list.activeSelectionForeground#E7D2C5
• list.activeSelectionIconForeground#E7D2C5
• list.deemphasizedForeground#908caa
• list.dropBackground#2a273f
• list.errorForeground#8abe32
• list.filterMatchBackground#2a273f
• list.filterMatchBorder#c5ed2d
• list.focusBackground#817c9c4d
• list.focusForeground#E7D2C5
• list.focusOutline#817c9c26
• list.highlightForeground#c5ed2d
• list.hoverBackground#817c9c14
• list.hoverForeground#E7D2C5
• list.inactiveFocusBackground#817c9c14
• list.inactiveSelectionBackground#2a273f
• list.inactiveSelectionForeground#E7D2C5
• list.inactiveSelectionIconForeground#908caa
• list.invalidItemForeground#8abe32
• list.warningForeground#9d74ff
• listFilterWidget.background#2a273f
• listFilterWidget.noMatchesOutline#8abe32
• listFilterWidget.outline#393552
• menu.background#2a273f
• menu.border#817c9c14
• menu.foreground#E7D2C5
• menu.selectionBackground#817c9c26
• menu.selectionBorder#393552
• menu.selectionForeground#E7D2C5
• menu.separatorBackground#E7D2C5
• menubar.selectionBackground#817c9c26
• menubar.selectionBorder#817c9c14
• menubar.selectionForeground#E7D2C5
• merge.border#393552
• merge.commonContentBackground#817c9c26
• merge.commonHeaderBackground#817c9c26
• merge.currentContentBackground#9d74ff80
• merge.currentHeaderBackground#9d74ff80
• merge.incomingContentBackground#f59dd380
• merge.incomingHeaderBackground#f59dd380
• minimap.background#2a273f
• minimap.errorHighlight#8abe3280
• minimap.findMatchHighlight#817c9c26
• minimap.selectionHighlight#817c9c26
• minimap.warningHighlight#9d74ff80
• minimapGutter.addedBackground#f59dd3
• minimapGutter.deletedBackground#8abe32
• minimapGutter.modifiedBackground#c5ed2d
• minimapSlider.activeBackground#817c9c4d
• minimapSlider.background#817c9c26
• minimapSlider.hoverBackground#817c9c26
• notificationCenter.border#817c9c26
• notificationCenterHeader.background#2a273f
• notificationCenterHeader.foreground#908caa
• notificationLink.foreground#b79df5
• notifications.background#2a273f
• notifications.border#817c9c26
• notifications.foreground#E7D2C5
• notificationsErrorIcon.foreground#8abe32
• notificationsInfoIcon.foreground#f59dd3
• notificationsWarningIcon.foreground#9d74ff
• notificationToast.border#817c9c26
• panel.background#2a273f
• panel.border#0000
• panel.dropBorder#393552
• panelInput.border#2a273f
• panelSection.dropBackground#817c9c26
• panelSectionHeader.background#2a273f
• panelSectionHeader.foreground#E7D2C5
• panelTitle.activeBorder#817c9c4d
• panelTitle.activeForeground#E7D2C5
• panelTitle.inactiveForeground#908caa
• peekView.border#393552
• peekViewEditor.background#2a273f
• peekViewEditor.matchHighlightBackground#817c9c4d
• peekViewResult.background#2a273f
• peekViewResult.fileForeground#908caa
• peekViewResult.lineForeground#908caa
• peekViewResult.matchHighlightBackground#817c9c4d
• peekViewResult.selectionBackground#817c9c26
• peekViewResult.selectionForeground#E7D2C5
• peekViewTitle.background#393552
• peekViewTitleDescription.foreground#908caa
• pickerGroup.border#817c9c4d
• pickerGroup.foreground#b79df5
• ports.iconRunningProcessForeground#c5ed2d
• problemsErrorIcon.foreground#8abe32
• problemsInfoIcon.foreground#f59dd3
• problemsWarningIcon.foreground#9d74ff
• progressBar.background#c5ed2d
• quickInput.background#2a273f
• quickInput.foreground#908caa
• quickInputList.focusBackground#817c9c26
• quickInputList.focusForeground#E7D2C5
• quickInputList.focusIconForeground#E7D2C5
• scrollbar.shadow#0000
• scrollbarSlider.activeBackground#817c9c4d
• scrollbarSlider.background#817c9c14
• scrollbarSlider.hoverBackground#817c9c26
• searchEditor.findMatchBackground#817c9c26
• selection.background#817c9c4d
• settings.focusedRowBackground#2a273f
• settings.focusedRowBorder#817c9c26
• settings.headerForeground#E7D2C5
• settings.modifiedItemIndicator#c5ed2d
• settings.rowHoverBackground#2a273f
• sideBar.background#232136
• sideBar.dropBackground#2a273f
• sideBar.foreground#908caa
• sideBarSectionHeader.background#0000
• sideBarSectionHeader.border#817c9c26
• statusBar.background#232136
• statusBar.debuggingBackground#b79df5
• statusBar.debuggingForeground#232136
• statusBar.foreground#908caa
• statusBar.noFolderBackground#232136
• statusBar.noFolderForeground#908caa
• statusBarItem.activeBackground#817c9c4d
• statusBarItem.errorBackground#232136
• statusBarItem.errorForeground#8abe32
• statusBarItem.hoverBackground#817c9c26
• statusBarItem.prominentBackground#393552
• statusBarItem.prominentForeground#E7D2C5
• statusBarItem.prominentHoverBackground#817c9c26
• statusBarItem.remoteBackground#232136
• statusBarItem.remoteForeground#9d74ff
• symbolIcon.arrayForeground#908caa
• symbolIcon.classForeground#908caa
• symbolIcon.colorForeground#908caa
• symbolIcon.constantForeground#908caa
• symbolIcon.constructorForeground#908caa
• symbolIcon.enumeratorForeground#908caa
• symbolIcon.enumeratorMemberForeground#908caa
• symbolIcon.eventForeground#908caa
• symbolIcon.fieldForeground#908caa
• symbolIcon.fileForeground#908caa
• symbolIcon.folderForeground#908caa
• symbolIcon.functionForeground#908caa
• symbolIcon.interfaceForeground#908caa
• symbolIcon.keyForeground#908caa
• symbolIcon.keywordForeground#908caa
• symbolIcon.methodForeground#908caa
• symbolIcon.moduleForeground#908caa
• symbolIcon.namespaceForeground#908caa
• symbolIcon.nullForeground#908caa
• symbolIcon.numberForeground#908caa
• symbolIcon.objectForeground#908caa
• symbolIcon.operatorForeground#908caa
• symbolIcon.packageForeground#908caa
• symbolIcon.propertyForeground#908caa
• symbolIcon.referenceForeground#908caa
• symbolIcon.snippetForeground#908caa
• symbolIcon.stringForeground#908caa
• symbolIcon.structForeground#908caa
• symbolIcon.textForeground#908caa
• symbolIcon.typeParameterForeground#908caa
• symbolIcon.unitForeground#908caa
• symbolIcon.variableForeground#908caa
• tab.activeBackground#817c9c14
• tab.activeForeground#E7D2C5
• tab.activeModifiedBorder#f59dd3
• tab.border#0000
• tab.hoverBackground#817c9c26
• tab.inactiveBackground#0000
• tab.inactiveForeground#908caa
• tab.inactiveModifiedBorder#f59dd380
• tab.lastPinnedBorder#6e6a86
• tab.unfocusedActiveBackground#0000
• tab.unfocusedHoverBackground#0000
• tab.unfocusedInactiveBackground#0000
• tab.unfocusedInactiveModifiedBorder#f59dd380
• terminal.ansiBlack#393552
• terminal.ansiBlue#f59dd3
• terminal.ansiBrightBlack#908caa
• terminal.ansiBrightBlue#f59dd3
• terminal.ansiBrightCyan#c5ed2d
• terminal.ansiBrightGreen#f745b3
• terminal.ansiBrightMagenta#b79df5
• terminal.ansiBrightRed#8abe32
• terminal.ansiBrightWhite#E7D2C5
• terminal.ansiBrightYellow#9d74ff
• terminal.ansiCyan#c5ed2d
• terminal.ansiGreen#f745b3
• terminal.ansiMagenta#b79df5
• terminal.ansiRed#8abe32
• terminal.ansiWhite#E7D2C5
• terminal.ansiYellow#9d74ff
• terminal.dropBackground#817c9c26
• terminal.foreground#E7D2C5
• terminal.selectionBackground#817c9c26
• terminal.tab.activeBorder#E7D2C5
• terminalCursor.background#E7D2C5
• terminalCursor.foreground#6e6a86
• textBlockQuote.background#2a273f
• textBlockQuote.border#817c9c26
• textCodeBlock.background#2a273f
• textLink.activeForeground#b79df5e6
• textLink.foreground#b79df5
• textPreformat.foreground#9d74ff
• textSeparator.foreground#908caa
• titleBar.activeBackground#232136
• titleBar.activeForeground#908caa
• titleBar.inactiveBackground#2a273f
• titleBar.inactiveForeground#908caa
• toolbar.activeBackground#817c9c4d
• toolbar.hoverBackground#817c9c26
• tree.indentGuidesStroke#908caa
• walkThrough.embeddedEditorBackground#232136
• welcomePage.background#232136
• welcomePage.buttonBackground#2a273f
• welcomePage.buttonHoverBackground#393552
• widget.shadow#1917244d
• window.activeBorder#2a273f
• window.inactiveBorder#2a273f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).