Ayu

<p align="center"> <img src="./images/hero.png" alt="ayu theme for Sublime Text"> </p> <p align="center"> <a href="https://ayutheme.com">Website</a> • <a href="#install">Install</a> • <a href="#screenshots">Screenshots</a> • <a href="#ports">Ports</a> </p>

---

ayu is a bright color theme and comes in three versions — dark, mirage, and light — for all-day comfortable work. Handcrafted for Sublime Text.

Install

Recommended

Install via Package Control:

1. Press <kbd>cmd/ctrl</kbd> + <kbd>shift</kbd> + <kbd>p</kbd> to open the command palette
2. Type install package and press enter
3. Search for ayu and install

Manual

1. Download the latest release
2. Extract and rename the directory to ayu
3. Move it to your Sublime /Packages directory (Preferences > Browse packages...)

Activation

Open command palette via <kbd>cmd/ctrl</kbd> + <kbd>shift</kbd> + <kbd>p</kbd> and type ayu: Activate theme.

Or add to your user settings (Preferences > Settings):

// Light
"theme": "ayu-light.sublime-theme",
"color_scheme": "Packages/ayu/ayu-light.sublime-color-scheme",

// Mirage
"theme": "ayu-mirage.sublime-theme",
"color_scheme": "Packages/ayu/ayu-mirage.sublime-color-scheme",

// Dark
"theme": "ayu-dark.sublime-theme",
"color_scheme": "Packages/ayu/ayu-dark.sublime-color-scheme",

Screenshots

<h6 align="center">Light with <code>ui_separator</code> option</h6>

---

<h6 align="center">Mirage</h6>

---

<h6 align="center">Dark with <code>ui_separator</code> option</h6>

Customization

Settings

"ui_native_titlebar": true,   // native titlebar on macOS
"ui_separator": true,         // separators between panels
"ui_wide_scrollbars": true    // wider scrollbars

File Icons

For file icons, install A File Icon package.

Custom UI Fonts

1. Open command palette and type Browse packages
2. Navigate to /User
3. Create ayu-mirage.sublime-theme (or ayu-light/ayu-dark)
4. Add:

[
  { "class": "sidebar_label", "font.face": "Your Font" },
  { "class": "sidebar_heading", "font.face": "Your Font" },
  { "class": "tab_label", "font.face": "Your Font" },
  { "class": "label_control", "font.face": "Your Font" },
  { "class": "quick_panel_label", "font.face": "Your Font" },
  { "class": "quick_panel_path_label", "font.face": "Your Font" }
]

Legacy Versions

• Sublime Text 3: v5.1.0
• Sublime Text 2: v3.2.2

Ports

ayu is available for:

• VS Code
• and more...

---

<p align="center"> <a href="https://ayutheme.com">ayutheme.com</a> • <a href="https://ko-fi.com/dempfi">Buy me a coffee</a> </p>