Modus Themes for Zed

Highly accessible themes for Zed, conforming with the highest standard for color contrast between background and foreground values (WCAG AAA). This is a Zed port of the original Modus Themes built for GNU Emacs.

Overview

The Modus Themes are designed with accessibility and readability as primary goals. With a minimum contrast ratio of 7:1 between foreground and background elements, they reduce eye strain during long coding sessions and ensure optimal readability for all users, including those with visual impairments.

Installation

In the command palette, choose zed: extensions then search for modus-themes.

Features

• WCAG AAA Compliance: All color combinations meet or exceed the 7:1 contrast ratio required for WCAG AAA certification
• Multiple Variants: Light and dark base themes (Operandi and Vivendi), plus specialized variants for different color vision deficiencies
• Carefully Designed Syntax Highlighting: Balanced and consistent highlighting that enhances code readability
• Optimized Terminal Support: Colors work well in both GUI and terminal environments
• Accessibility First: Designed for users with color vision deficiencies or other visual accessibility needs

Screenshots

Modus Operandi (Light Theme)

Modus Operandi Tinted

Modus Operandi Tritanopia

Modus Operandi Deuteranopia

Modus Vivendi (Dark Theme)

Modus Vivendi Tinted

Modus Vivendi Tritanopia

Modus Vivendi Deuteranopia

Theme Variants Explained

• Operandi: Light theme with optimal contrast
• Vivendi: Dark theme with optimal contrast
• Tinted: Variants with slightly colored backgrounds for a softer look
• Tritanopia: Specifically designed for users with blue-yellow color blindness
• Deuteranopia: Optimized for users with red-green color blindness (specifically deuteranopia)

Development

Prerequisites

• mise for building the themes

Build Process

1. Clone this repository:

   git clone https://github.com/vitallium/zed-modus-themes.git
   cd zed-modus-themes
   

2. Build the themes:

   mise build
   

   This process will compile the theme files and prepare them for installation.

Configuration

Enable bold fonts (modus-themes-bold-constructs)

Use Zed's experimental feature to override parts of the current theme:

"experimental.theme_overrides": {
  "syntax": {
    "keyword": {
      "font_weight": 700
    },
    "title": {
      "font_weight": 700
    },
    "type": {
      "font_weight": 700
    },
    "variable.special": {
      "font_weight": 700
    }
  }
}

Acknowledgements

• Modus Themes: Original Modus Themes for GNU Emacs
• Modus Themes for Neovim: Neovim theme used for inspiration and as a template