Palette

Both palettes come straight from the official Dracula specification. Dracula drives dark mode, Alucard drives light mode, and the theme exposes each value as a --dracula-* CSS variable that follows the active color scheme.

Core colors

Variable	Dracula	Alucard
`--dracula-background`	`#282A36`	`#FFFBEB`
`--dracula-foreground`	`#F8F8F2`	`#1F1F1F`
`--dracula-comment`	`#6272A4`	`#6C664B`
`--dracula-selection`	`#44475A`	`#CFCFDE`

Accent colors

Variable	Dracula	Alucard
`--dracula-red`	`#FF5555`	`#CB3A2A`
`--dracula-orange`	`#FFB86C`	`#A34D14`
`--dracula-yellow`	`#F1FA8C`	`#846E15`
`--dracula-green`	`#50FA7B`	`#14710A`
`--dracula-cyan`	`#8BE9FD`	`#036A96`
`--dracula-purple`	`#BD93F9`	`#644AC9`
`--dracula-pink`	`#FF79C6`	`#A3144D`

Background shades

Starlight needs a few more surface colors than the core palette provides, so the theme uses the background shades from the spec’s UI guidance for panels, borders, and code blocks.

Shade	Dracula	Alucard
Lighter	`#424450`	`#ECE9DF`
Light	`#343746`	`#DEDCCF`
Background	`#282A36`	`#FFFBEB`
Dark	`#21222C`	`#CECCC0`
Darker	`#191A21`	`#BCBAB3`