DeepSeek-Reasonix Theme Styles: Graphite, Aurora, Slate, Carbon, Nocturne, and Amber Explained

DeepSeek-Reasonix ships with six built-in desktop theme styles—graphite, aurora, slate, carbon, nocturne, and amber—each defined by distinct CSS custom properties in styles.css that adapt to both light and dark UI modes.

The esengine/DeepSeek-Reasonix repository provides these theme directions as self-contained color palettes enumerated in the schema file docs/theme-pack.schema.json and validated in internal/config/config.go. Each style offers a unique visual identity while maintaining accessibility and contrast ratios across the desktop interface.

Available Theme Styles in DeepSeek-Reasonix

DeepSeek-Reasonix organizes its visual layer through six predefined theme blocks in desktop/frontend/src/styles.css. Each block declares CSS custom properties (--bg, --surface, --accent) that drive the appearance of panels, sidebars, and chat bubbles.

Graphite (Default)

Graphite serves as the default desktop look, featuring a paper-like aesthetic with hairline borders and a warm orange accent. This color-blind-friendly "warm clay" palette reduces eye strain during extended reading sessions.

In desktop/frontend/src/styles.css (lines 86–124), the dark mode defines:

--bg: #0c0d10;
--surface: #15161a;
--accent: #ff6a3d;

Aurora

The Aurora style produces a misty violet surface with a blue-green glow, creating a twilight-like atmosphere. This cooler palette suits users who prefer subtle color variation without sacrificing contrast.

According to the source in styles.css (lines 73–124), Aurora uses:

--bg: #0e0d18;
--surface: #17162a;
--accent: #8b7cff;

Slate

Slate presents a near-black background with the product-brand blue as its accent, delivering the official high-contrast, tech-oriented dark theme. Power users favor this style for its industrial clarity.

The CSS block in styles.css (lines 81–120) specifies:

--bg: #0d0f12;
--surface: #15181d;
--accent: #4d8df6;

Carbon

Carbon evokes an industrial feel through deep-gray tones approaching charcoal, paired with a subtle amber accent. This minimal-color approach works well for "night-owl" coding sessions where distraction-free focus is priority.

Defined later in styles.css (approximately line 1300), the Carbon dark palette declares:

--bg: #050607;
--surface: #111215;
--accent: #ffb347;

Nocturne

Nocturne represents the "night-mode-only" variant with a near-black background and a cool teal accent. This style excels in low-light environments where a calm, muted highlight prevents pupil dilation.

Found in styles.css around line 1500, the Nocturne variables include:

--bg: #010101;
--surface: #0a0b0c;
--accent: #00d5ca;

Amber

The Amber theme delivers a warm, sunset-like ambience through amber-tinted backgrounds and complementary orange-red accents. This style benefits daytime work sessions where warmer color temperatures reduce blue-light exposure.

Located in styles.css approximately at line 1700, Amber defines:

--bg: #201a0e;
--surface: #2f260c;
--accent: #ff9a00;

How DeepSeek-Reasonix Theme Styles Differ

The core distinction between these DeepSeek-Reasonix theme styles lies in their CSS custom property declarations. Each theme block redefines the variable set that controls background layers, surface elevations, and accent highlights. The application automatically adjusts these values when the user switches between light and dark OS modes, ensuring consistent contrast ratios across all six palettes.

How to Configure Theme Styles

You can switch themes through configuration files, programmatic APIs, command-line interfaces, or environment variables. All methods ultimately validate against the enum list in internal/config/config.go (line 233) and apply changes via SetDesktopAppearance in internal/config/edit.go (line 273).

Via TOML Configuration

Edit your reasonix.toml file to set the theme_style field under the [desktop] section:

[desktop]
theme_style = "aurora"   # Valid options: graphite | aurora | slate | carbon | nocturne | amber

Programmatically Using the Go SDK

Import the internal config package and call SetDesktopAppearance to apply themes at runtime:

import "github.com/esengine/DeepSeek-Reasonix/internal/config"

func changeTheme(style string) error {
    cfg, err := config.Load()
    if err != nil {
        return err
    }
    // First argument: "dark" or "light" mode; Second: theme style name
    return cfg.SetDesktopAppearance("dark", style)
}

// Example usage
if err := changeTheme("carbon"); err != nil {
    log.Fatalf("failed to change theme: %v", err)
}

Via the Command Line Interface

Use the reasonix CLI to update settings without editing files manually:

reasonix config set desktop.theme_style carbon

Using Environment Variables

For temporary session-level theming, set REASONIX_THEME_STYLE before launching the application:

REASONIX_THEME_STYLE=slate reasonix launch

The launcher reads this variable and applies the specified palette before UI initialization.

Summary

  • DeepSeek-Reasonix provides six distinct theme styles: graphite, aurora, slate, carbon, nocturne, and amber.
  • Color definitions reside in desktop/frontend/src/styles.css, with each theme occupying a dedicated CSS block that declares custom properties for backgrounds, surfaces, and accents.
  • Configuration occurs through TOML files, the Go SDK's SetDesktopAppearance method, CLI commands, or environment variables, with validation handled in internal/config/config.go.
  • All themes support both light and dark UI modes through adaptive CSS overrides.

Frequently Asked Questions

What is the default theme style in DeepSeek-Reasonix?

Graphite is the default theme style. It features a paper-like aesthetic with hairline borders and a warm orange accent (#ff6a3d), designed as a color-blind-friendly option for general-purpose use. The default is hardcoded in the configuration schema and CSS initialization sequence.

Can I use custom theme styles beyond the six built-in options?

No, the current implementation in internal/config/config.go (line 233) validates theme styles against a strict enum list. The schema in docs/theme-pack.schema.json (line 20) explicitly restricts values to the six predefined options. To add custom themes, you would need to modify the source CSS in desktop/frontend/src/styles.css and update the validation logic in the config package.

Do DeepSeek-Reasonix themes support automatic dark mode switching?

Yes, each of the six theme styles includes light-mode overrides that activate based on the user's OS-level appearance setting. The CSS custom properties adapt automatically, ensuring that background and surface colors invert appropriately while maintaining accent color integrity across both light and dark contexts.

Where are theme colors defined in the source code?

The color palettes are defined in desktop/frontend/src/styles.css, with specific blocks for each theme style at approximately lines 73–124 (Aurora), lines 86–124 (Graphite), line 1300 (Carbon), line 1500 (Nocturne), and line 1700 (Amber). The Slate theme occupies lines 81–120. These CSS variables are then consumed by the frontend components to render the UI.

Have a question about this repo?

These articles cover the highlights, but your codebase questions are specific. Give your agent direct access to the source. Share this with your agent to get started:

Share the following with your agent to get started:
curl -s "https://instagit.com/install.md"

Works with
Claude Codex Cursor VS Code OpenClaw Any MCP Client

Maintain an open-source project? Get it listed too →