ratatui_style_ayu/lib.rs
1//! Ayu color theme for Ratatui applications.
2//!
3//! ## Available Themes
4//!
5//! - [`ayu_dark`] - Dark variant of the Ayu theme from [ayu-theme/ayu-colors](https://github.com/ayu-theme/ayu-colors)
6//! - [`ayu_dark_helix`] - Ayu Dark variant from [Helix editor](https://github.com/helix-editor/helix)
7//! - [`ayu_dark_heretek`] - Custom Ayu Dark variant from [heretek](https://github.com/wcampbell0x2a/heretek)
8//! - [`ayu_light`] - Light variant of the Ayu theme
9//!
10//! ## Comparison of Dark Variants
11//!
12//! <style>
13//! .color-swatch { display: inline-block; width: 15px; height: 15px; border: 1px solid #888; vertical-align: middle; margin-right: 4px; }
14//! </style>
15//!
16//! | Color | Official | Helix | Heretek |
17//! |-------|----------|-------|---------|
18//! | **Background** | <span class="color-swatch" style="background-color:#10141c"></span> `#10141c` | <span class="color-swatch" style="background-color:#0f1419"></span> `#0f1419` | <span class="color-swatch" style="background-color:#202734"></span> `#202734` |
19//! | **Foreground** | <span class="color-swatch" style="background-color:#bfbdb6"></span> `#bfbdb6` | <span class="color-swatch" style="background-color:#bfbdb6"></span> `#bfbdb6` | <span class="color-swatch" style="background-color:#646464"></span> `#646464` |
20//! | **Black** | - | <span class="color-swatch" style="background-color:#131721"></span> `#131721` | - |
21//! | **Selection** | <span class="color-swatch" style="background-color:#273747"></span> `#273747` | <span class="color-swatch" style="background-color:#2d3640"></span> `#2d3640` | <span class="color-swatch" style="background-color:#273747"></span> `#273747` |
22//! | **Comment** | <span class="color-swatch" style="background-color:#626a73"></span> `#626a73` | <span class="color-swatch" style="background-color:#5c6773"></span> `#5c6773` | <span class="color-swatch" style="background-color:#626a73"></span> `#626a73` |
23//! | **Orange** | <span class="color-swatch" style="background-color:#ff8f40"></span> `#ff8f40` | <span class="color-swatch" style="background-color:#ff8f40"></span> `#ff8f40` | <span class="color-swatch" style="background-color:#ff8f40"></span> `#ff8f40` |
24//! | **Yellow** | <span class="color-swatch" style="background-color:#ffb454"></span> `#ffb454` | <span class="color-swatch" style="background-color:#e6b450"></span> `#e6b450` | <span class="color-swatch" style="background-color:#e6b450"></span> `#e6b450` |
25//! | **Green** | <span class="color-swatch" style="background-color:#aad94c"></span> `#aad94c` | <span class="color-swatch" style="background-color:#aad94c"></span> `#aad94c` | <span class="color-swatch" style="background-color:#aad94c"></span> `#aad94c` |
26//! | **Cyan** | <span class="color-swatch" style="background-color:#95e6cb"></span> `#95e6cb` | <span class="color-swatch" style="background-color:#73b8ff"></span> `#73b8ff` | <span class="color-swatch" style="background-color:#95e6cb"></span> `#95e6cb` |
27//! | **Blue** | <span class="color-swatch" style="background-color:#39bae6"></span> `#39bae6` | <span class="color-swatch" style="background-color:#59c2ff"></span> `#59c2ff` | <span class="color-swatch" style="background-color:#59c2ff"></span> `#59c2ff` |
28//! | **Purple/Magenta** | <span class="color-swatch" style="background-color:#d2a6ff"></span> `#d2a6ff` | <span class="color-swatch" style="background-color:#d2a6ff"></span> `#d2a6ff` | <span class="color-swatch" style="background-color:#d2a6ff"></span> `#d2a6ff` |
29//! | **Red** | <span class="color-swatch" style="background-color:#f07178"></span> `#f07178` | <span class="color-swatch" style="background-color:#f07178"></span> `#f07178` | <span class="color-swatch" style="background-color:#ff3333"></span> `#ff3333` |
30//!
31//! **Key differences:**
32//! - **Official**: True cyan with greenish tint (<span class="color-swatch" style="background-color:#95e6cb"></span> `#95e6cb`), brighter yellow (<span class="color-swatch" style="background-color:#ffb454"></span> `#ffb454`), darkest background (<span class="color-swatch" style="background-color:#10141c"></span> `#10141c`)
33//! - **Helix**: Bluer cyan and blue tones, has additional BLACK constant, slightly lighter background (<span class="color-swatch" style="background-color:#0f1419"></span> `#0f1419`)
34//! - **Heretek**: Much lighter background (<span class="color-swatch" style="background-color:#202734"></span> `#202734`), significantly dimmer foreground (<span class="color-swatch" style="background-color:#646464"></span> `#646464`), brighter red (<span class="color-swatch" style="background-color:#ff3333"></span> `#ff3333`)
35
36pub mod ayu_dark;
37pub mod ayu_dark_helix;
38pub mod ayu_dark_heretek;
39pub mod ayu_light;