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

> Explore DeepSeek-Reasonix theme styles Graphite Aurora Slate Carbon Nocturne and Amber Discover how each CSS theme style differs and adapts to light and dark UI modes.

- Repository: [YHH/DeepSeek-Reasonix](https://github.com/esengine/DeepSeek-Reasonix)
- Tags: deep-dive
- Published: 2026-08-06

---

**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`](https://github.com/esengine/DeepSeek-Reasonix/blob/main/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`](https://github.com/esengine/DeepSeek-Reasonix/blob/main/docs/theme-pack.schema.json) and validated in [`internal/config/config.go`](https://github.com/esengine/DeepSeek-Reasonix/blob/main/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`](https://github.com/esengine/DeepSeek-Reasonix/blob/main/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`](https://github.com/esengine/DeepSeek-Reasonix/blob/main/desktop/frontend/src/styles.css) (lines 86–124), the dark mode defines:

```css
--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`](https://github.com/esengine/DeepSeek-Reasonix/blob/main/styles.css) (lines 73–124), Aurora uses:

```css
--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`](https://github.com/esengine/DeepSeek-Reasonix/blob/main/styles.css) (lines 81–120) specifies:

```css
--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`](https://github.com/esengine/DeepSeek-Reasonix/blob/main/styles.css) (approximately line 1300), the Carbon dark palette declares:

```css
--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`](https://github.com/esengine/DeepSeek-Reasonix/blob/main/styles.css) around line 1500, the Nocturne variables include:

```css
--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`](https://github.com/esengine/DeepSeek-Reasonix/blob/main/styles.css) approximately at line 1700, Amber defines:

```css
--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`](https://github.com/esengine/DeepSeek-Reasonix/blob/main/internal/config/config.go) (line 233) and apply changes via `SetDesktopAppearance` in [`internal/config/edit.go`](https://github.com/esengine/DeepSeek-Reasonix/blob/main/internal/config/edit.go) (line 273).

### Via TOML Configuration

Edit your [`reasonix.toml`](https://github.com/esengine/DeepSeek-Reasonix/blob/main/reasonix.toml) file to set the `theme_style` field under the `[desktop]` section:

```toml
[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:

```go
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:

```bash
reasonix config set desktop.theme_style carbon

```

### Using Environment Variables

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

```bash
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`](https://github.com/esengine/DeepSeek-Reasonix/blob/main/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`](https://github.com/esengine/DeepSeek-Reasonix/blob/main/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`](https://github.com/esengine/DeepSeek-Reasonix/blob/main/internal/config/config.go) (line 233) validates theme styles against a strict enum list. The schema in [`docs/theme-pack.schema.json`](https://github.com/esengine/DeepSeek-Reasonix/blob/main/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`](https://github.com/esengine/DeepSeek-Reasonix/blob/main/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`](https://github.com/esengine/DeepSeek-Reasonix/blob/main/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.