Skip to content

devatnull/opencode-carbonfox-theme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Carbonfox Theme for OpenCode

A dark, professional theme for OpenCode based on the Nightfox Carbonfox variant and IBM's Carbon Design System.

Version License WCAG

Preview

OpenCode Preview

Features

  • True Carbonfox colors - Authentic palette from nightfox.nvim
  • WCAG AA compliant - All text meets 4.5:1+ contrast ratio
  • Cool-toned aesthetic - Teals, magentas, and pinks (no warm oranges/yellows)
  • Full dark/light mode - Both modes properly designed
  • 89 theme properties - Complete coverage of all OpenCode UI elements
  • Vibrant diffs - Clear red/green with proper backgrounds
  • Professional typography - Optimized for extended coding sessions

Installation

One-liner

curl -fsSL https://raw.githubusercontent.com/devatnull/opencode-carbonfox-theme/main/install.sh | bash

Manual

mkdir -p ~/.config/opencode/themes
curl -o ~/.config/opencode/themes/carbonfox.json \
  https://raw.githubusercontent.com/devatnull/opencode-carbonfox-theme/main/carbonfox.json

Then add to ~/.config/opencode/opencode.json:

{
  "theme": "carbonfox"
}

Restart OpenCode or use /theme to switch.

Color Palette

Backgrounds (Grayscale Ladder)

Token Hex Use
bg0 #0d0d0d Deepest
bg1 #161616 Main background
bg2 #1e1e1e Panels, code blocks
bg3 #262626 Hover states
bg4 #303030 Active, borders

Syntax Colors (Official Carbonfox)

Token Hex Use
Red #ee5396 Tags, errors
Green #25be6a Strings
Yellow #08bdba Types (teal!)
Blue #78a9ff Functions, imports
Magenta #be95ff Keywords
Cyan #33b1ff Primary, identifiers
Orange #3ddbd9 Numbers (teal!)
Pink #ff7eb6 Booleans, accents

Status Colors

Status Hex Note
Error #ee5396 Pink (Carbonfox style)
Warning #f1c21b Amber (universal)
Success #25be6a Green
Info #78a9ff Blue
Hint #3ddbd9 Teal

Accessibility

All foreground colors tested against #161616 background:

Element Contrast WCAG
Main text 15.4:1 AAA
Secondary text 8.2:1 AAA
Comments 4.6:1 AA
All syntax colors >7:1 AAA

Compatibility

  • OpenCode 1.0+
  • Platforms: macOS, Linux, Windows
  • Terminal: Requires 24-bit true color ($COLORTERM=truecolor)

Why Carbonfox?

Carbonfox is unique because it replaces traditional warm yellows/oranges with teals from IBM's Carbon Design System. This creates a cohesive cool-toned palette that's:

  • Easier on the eyes during long sessions
  • More visually distinct between token types
  • Professionally elegant without being boring

Changelog

v2.3.0

  • Fixed comment contrast (WCAG AA compliant)
  • Improved selection visibility
  • Better token differentiation (booleans, constants, operators)
  • Decorators and imports now distinct from keywords

v2.2.0

  • Official Carbonfox palette (teals instead of yellows)
  • Pink/magenta emphasis matching nightfox.nvim

v2.1.0

  • Clean grayscale backgrounds (no blue tint)
  • Organized theme structure

v2.0.0

  • Complete rewrite with all fixes from deep analysis
  • Light mode support
  • WCAG compliance

Credits

License

MIT License - See LICENSE


Like this theme? Star the repo!

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published