Skip to main content

​
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.

Theme Overview

An extreme dark theme featuring pink (#f38ba8) accents on a near-black background (#0a0a0a), designed to minimize eye strain during extended night sessions.

​
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:
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.
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

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

​
Activation

Activate the Mode-Dark theme using the Config-Sway theme switcher: 
# Using the theme switcher
Super + Shift + T  # Opens theme selector
# Select "Mode-Dark" from the menu
Or manually via command line: 
~/.config/sway/scripts/theme-switcher.sh Mode-Dark
This theme is specifically designed for use in dark environments. Screen brightness may need adjustment for optimal comfort.

​
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

Display Considerations

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.

​
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
When switching from this theme to a lighter theme or to a bright application, allow your eyes time to adjust to prevent temporary discomfort.

Build docs developers (and LLMs) love

Get started for freeTalk to us