Atom One Dark
Atom's signature dark theme — a balanced, low-saturation canvas (slate blue at hue 220, saturation 13%, lightness 18%) with eight accents tuned for syntax highlighting (cyan, blue, purple, green, two reds, two oranges). The de-facto dark theme of the 2010s editor era; the basis for countless ports. Dark mode is sourced directly from one-dark-syntax/styles/colors.less. Light mode is brand-atoms' authored inversion (upstream ships dark-only).
16 swatches 14 light roles 14 dark roles
Swatches
syntax-bg
#282C34
Dark canvas — syntax-hue 220, sat 13%, L 18%.
mono-1
#ABB2BF
Default foreground / primary text on dark.
mono-2
#828997
Secondary text.
mono-3
#5C6370
Tertiary text / comments.
hue-1
#56B6C2
Cyan accent — support, regex.
hue-2
#61AFEF
Blue accent — functions / primary.
hue-3
#C678DD
Purple accent — keywords.
hue-4
#98C379
Green accent — strings / success.
hue-5
#E06C75
Red accent — variables / error.
hue-5-2
#BE5046
Deeper red accent.
hue-6
#D19A66
Orange accent — numbers / constants.
hue-6-2
#E5C07B
Yellow-orange accent — types / warnings.
syntax-accent
#528BFF
Cursor / focus accent.
light-canvas
#F9FAFB
Authored light bg — syntax-hue lifted to L=98%.
light-surface
#F1F2F4
Authored light surface — syntax-hue at L=95%.
light-elevated
#E8EAED
Authored light elevated — syntax-hue at L=92%.
Mode role mappings
Light mode (14 roles)
accent
→ hue-3 accent-hover
→ hue-4 background
→ light-canvas error
→ hue-5 primary
→ hue-2 primary-hover
→ hue-1 success
→ hue-4 surface
→ light-surface surface-elevated
→ light-elevated text-primary
→ syntax-bg text-secondary
→ mono-3 text-tertiary
→ mono-2 warning
→ hue-6 warning-hover
→ hue-6-2 Dark mode (14 roles)
accent
→ hue-3 accent-hover
→ hue-4 background
→ syntax-bg error
→ hue-5 primary
→ hue-2 primary-hover
→ hue-1 success
→ hue-4 surface
→ syntax-bg surface-elevated
→ mono-3 text-primary
→ mono-1 text-secondary
→ mono-2 text-tertiary
→ mono-3 warning
→ hue-6 warning-hover
→ hue-6-2 Provenance
- Source
- https://github.com/atom/atom/blob/master/packages/one-dark-syntax/styles/colors.less
- License
MIT- Attribution
- Atom One Dark by GitHub (atom is archived) — github.com/atom/atom
- Imported
-
2026-05-17 - Notes
- Dark-mode hex values computed from the HSL definitions in one-dark-syntax/styles/colors.less (syntax-hue 220, syntax-saturation 13%, syntax-brightness 18%; mono and hue values per the upstream @-vars). The atom/ atom repo is archived; the one-dark-ui colors.less referenced in the source-of-truth path no longer exists at that path, so we sourced from one-dark-syntax (canonical and stable). Light mode is brand-atoms' authored inversion; upstream One Dark ships dark-only. Accent hex values are preserved unchanged across modes (accents are mode-stable per One Dark's design intent). The light canvas tones (light-canvas, light-surface, light-elevated) are derived by lifting lightness on the syntax-hue (220, 13%) to 98% / 95% / 92% — a clean light-blue cast that matches the dark canvas's hue family.