> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify.com/FraVelz/Config-Sway/llms.txt
> Use this file to discover all available pages before exploring further.

# Mode-Dark Theme

> Ultra-dark theme with pink accents for low-light environments

# Mode-Dark Theme

The Mode-Dark theme provides an ultra-dark desktop experience with striking pink accent colors, optimized for low-light environments and night-time use.

<Card title="Theme Overview" icon="palette">
  An extreme dark theme featuring pink (#f38ba8) accents on a near-black background (#0a0a0a), designed to minimize eye strain during extended night sessions.
</Card>

## Color Scheme

The Mode-Dark theme uses one of the darkest backgrounds available:

### Primary Colors

* **Background**: `#0a0a0a` - Nearly pure black
* **Foreground**: `#f38ba8` - Soft pink
* **Active/Selected**: `#f38ba8` - Vibrant pink highlight
* **Inactive**: `#45475a` - Dark gray

### Waybar Colors

* **Base**: `rgb(10, 10, 10)` - Ultra-dark background
* **Mantle**: `#101010` - Slightly lighter dark layer
* **Crust**: `#11111b` - Deep black undertone
* **Text**: `#f38ba8` - Pink text for key information
* **Mauve**: `#f38ba8` - Primary accent color
* **Sky**: `#89dceb` - Cyan for status indicators
* **Red**: `#f38ba8` - Pink (doubles as error indicator)
* **Green**: `#a6e3a1` - Success/positive indicator

### Terminal Colors (Kitty)

The terminal configuration balances readability with the dark aesthetic:

<Note>
  While the system uses pink accents, the terminal foreground defaults to a more neutral blue-gray (#a9b1d6) for better long-term readability, with pink used for the cursor.
</Note>

**Core Terminal Colors**:

* **Foreground**: `#a9b1d6` - Soft blue-gray text
* **Background**: `#1a1b26` - Dark navy black
* **Cursor**: `#f38ba8` - Pink cursor with underline
* **Selection**: Blue text on dark background

**ANSI Color Palette**:

* Black: `#414868`
* Red: `#f7768e`
* Green: `#73daca`
* Yellow: `#e0af68`
* Blue: `#7aa2f7`
* Magenta: `#bb9af7`
* Cyan: `#7dcfff`
* White: `#c0caf5`

## Theme Structure

The Mode-Dark theme includes comprehensive configuration files:

### Directory Layout

```
themes/Mode-Dark/
├── sway/
│   └── theme.conf           # Window manager colors and borders
├── waybar/
│   ├── config.jsonc         # Status bar configuration
│   ├── style.css            # Status bar styling
│   └── colors.css           # Color definitions
├── kitty/
│   ├── kitty.conf           # Terminal settings
│   └── colors.ini           # Terminal color palette
├── rofi-style/
│   ├── _core/
│   │   └── palette.rasi     # Rofi color palette
│   ├── theme-switcher.rasi  # Theme switcher menu
│   ├── selector-app.rasi    # Application launcher
│   └── power-menu.rasi      # Power menu styling
└── wallpaper.jpg            # Theme wallpaper
```

### Sway Configuration

The theme configures Sway for minimal visual distraction:

* **Border Width**: 2px borders for both normal and floating windows
* **Gaps**: 5px inner gaps, 10px outer gaps
* **Window Decorations**: Pink borders on focused windows, dark gray on inactive
* **Visual Style**: Subtle borders that blend into the dark background

### Rofi Configuration

<Info>
  Rofi menus feature the ultra-dark background with pink highlights, using JetBrains Mono Nerd Font at 14pt for consistent appearance.
</Info>

## Activation

Activate the Mode-Dark theme using the Config-Sway theme switcher:

```bash theme={null}
# Using the theme switcher
Super + Shift + T  # Opens theme selector
# Select "Mode-Dark" from the menu
```

Or manually via command line:

```bash theme={null}
~/.config/sway/scripts/theme-switcher.sh Mode-Dark
```

<Note>
  This theme is specifically designed for use in dark environments. Screen brightness may need adjustment for optimal comfort.
</Note>

## Customization

Customize the Mode-Dark theme to your preferences:

1. **Adjust Pink Intensity**: Edit `~/.config/themes/Mode-Dark/sway/theme.conf` to modify accent color brightness
2. **Background Darkness**: Modify the `$bg` variable if pure black is too dark for your display
3. **Waybar Opacity**: Adjust `~/.config/themes/Mode-Dark/waybar/colors.css` for status bar transparency
4. **Terminal Comfort**: Fine-tune `~/.config/themes/Mode-Dark/kitty/colors.ini` for extended reading sessions
5. **Wallpaper**: Choose a dark wallpaper to complement the theme

<Card title="Display Considerations" icon="monitor">
  On OLED displays, this theme's near-black background can help reduce power consumption and minimize burn-in risk, while the pink accents provide visual interest.
</Card>

## Visual Characteristics

* **Aesthetic**: Ultra-minimal, night mode, OLED-optimized
* **Contrast**: Very high contrast with pink on black
* **Best For**: Night-time use, low-light environments, OLED displays
* **Mood**: Calm, focused, intimate
* **Eye Strain**: Minimal in dark environments
* **Power Efficiency**: Excellent on OLED/AMOLED displays

## Use Cases

The Mode-Dark theme excels in:

* Late-night coding sessions
* Working in completely dark rooms
* Reducing light pollution in shared spaces
* Extending battery life on laptops with OLED screens
* Creating a focused, distraction-free environment

<Note>
  When switching from this theme to a lighter theme or to a bright application, allow your eyes time to adjust to prevent temporary discomfort.
</Note>