CRUXIDE — AI Rules & Dev Setup

Color themes

• 

  CRUXIDE Dark

• 

  CRUXIDE Light

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#2456E8
• activityBar.background#15171A
• activityBar.foreground#F3EFE6
• activityBar.inactiveForeground#7A8088
• activityBarBadge.background#F04A2F
• activityBarBadge.foreground#F3EFE6
• badge.background#2456E8
• badge.foreground#F3EFE6
• button.background#2456E8
• button.foreground#F3EFE6
• button.hoverBackground#3567F2
• button.secondaryBackground#25282D
• button.secondaryForeground#F3EFE6
• button.secondaryHoverBackground#30343A
• descriptionForeground#B7BBC2
• dropdown.background#202328
• dropdown.border#34383F
• dropdown.foreground#F3EFE6
• editor.background#15171A
• editor.findMatchBackground#FF8A2477
• editor.findMatchHighlightBackground#E6B45044
• editor.foreground#F3EFE6
• editor.inactiveSelectionBackground#17365399
• editor.lineHighlightBackground#121C29
• editor.selectionBackground#174C7F
• editorBracketMatch.background#2456E833
• editorBracketMatch.border#8AA5FF
• editorCursor.foreground#8AA5FF
• editorError.foreground#F04A2F
• editorGroupHeader.tabsBackground#1B1E22
• editorGroupHeader.tabsBorder#34383F
• editorGutter.addedBackground#148C4A
• editorGutter.deletedBackground#F04A2F
• editorGutter.modifiedBackground#2456E8
• editorHint.foreground#72C993
• editorIndentGuide.activeBackground1#3D5776
• editorIndentGuide.background1#34383F
• editorInfo.foreground#8AA5FF
• editorLineNumber.activeForeground#B7BBC2
• editorLineNumber.foreground#425168
• editorWarning.foreground#FFB84A
• editorWhitespace.foreground#26364C
• errorForeground#F04A2F
• focusBorder#2456E8
• foreground#F3EFE6
• icon.foreground#B7BBC2
• input.background#1B1E22
• input.border#34383F
• input.foreground#F3EFE6
• input.placeholderForeground#7A8088
• inputOption.activeBackground#2456E844
• inputOption.activeBorder#2456E8
• list.activeSelectionBackground#123A67
• list.activeSelectionForeground#F3EFE6
• list.focusOutline#2456E8
• list.hoverBackground#1D2128
• list.inactiveSelectionBackground#152333
• notifications.background#202328
• notifications.border#34383F
• panel.background#1B1E22
• panel.border#34383F
• panelTitle.activeBorder#2456E8
• panelTitle.activeForeground#F3EFE6
• peekView.border#2456E8
• peekViewEditor.background#1B1E22
• peekViewResult.background#1B1E22
• peekViewTitle.background#202328
• progressBar.background#2456E8
• quickInput.background#202328
• quickInput.foreground#F3EFE6
• selection.background#2456E866
• settings.headerForeground#F3EFE6
• settings.modifiedItemIndicator#2456E8
• sideBar.background#1B1E22
• sideBar.border#34383F
• sideBar.foreground#B7BBC2
• sideBarSectionHeader.background#202328
• sideBarSectionHeader.border#34383F
• sideBarSectionHeader.foreground#F3EFE6
• sideBarTitle.foreground#F3EFE6
• statusBar.background#2456E8
• statusBar.debuggingBackground#F04A2F
• statusBar.foreground#F3EFE6
• statusBar.noFolderBackground#132237
• tab.activeBackground#15171A
• tab.activeBorderTop#2456E8
• tab.activeForeground#F3EFE6
• tab.border#34383F
• tab.inactiveBackground#1B1E22
• tab.inactiveForeground#7A8088
• terminal.ansiBlue#8AA5FF
• terminal.ansiBrightBlue#AFC0FF
• terminal.ansiCyan#72C993
• terminal.ansiGreen#72C993
• terminal.ansiMagenta#7C5CFF
• terminal.ansiRed#F04A2F
• terminal.ansiYellow#FFB84A
• terminal.background#1B1E22
• terminal.foreground#F3EFE6
• textLink.activeForeground#AFC0FF
• textLink.foreground#8AA5FF
• titleBar.activeBackground#15171A
• titleBar.activeForeground#F3EFE6
• titleBar.inactiveBackground#15171A
• titleBar.inactiveForeground#7A8088
• widget.border#34383F
• widget.shadow#00000088

tokenColors

TextMate scopes and font styles (syntax highlighting rules).