# `klar` by `m_axic`

<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/m-axic/OnionUI-klar-theme/main/assets/header-inverted.svg">
  <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/m-axic/OnionUI-klar-theme/main/assets/header.svg">
  <img alt="Onion OS klar" width="160" src="https://raw.githubusercontent.com/m-axic/OnionUI-klar-theme/main/assets/header.svg">
</picture>

**A simplistic, clear theme with multiple color variants for [Onion OS](https://github.com/OnionUI/Onion).**

<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/m-axic/OnionUI-klar-theme/main/assets/colors-inverted.png">
  <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/m-axic/OnionUI-klar-theme/main/assets/colors.svg">
  <img alt="klar color variants" width="512" src="https://raw.githubusercontent.com/m-axic/OnionUI-klar-theme/main/assets/colors.svg">
</picture>

## Screenshots

### Dark Variants

<div>
  <img src="preview.png" width="256" alt="klar • aqua">
  <img src="../klar berry by m_axic/preview.png" width="256" alt="klar • berry">
  <img src="../klar coal by m_axic/preview.png" width="256" alt="klar • coal">
  <img src="../klar crimson by m_axic/preview.png" width="256" alt="klar • crimson">
  <img src="../klar lime by m_axic/preview.png" width="256" alt="klar • lime">
  <img src="../klar sand by m_axic/preview.png" width="256" alt="klar • sand">
</div>

### Light Variants

<div>
  <img src="../klar honey by m_axic/preview.png" width="256" alt="klar • honey">
  <img src="../klar snow by m_axic/preview.png" width="256" alt="klar • snow">
</div>

---

<a href="https://www.buymeacoffee.com/maxic">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/m-axic/OnionUI-klar-theme/main/assets/coffee-inverted.svg">
    <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/m-axic/OnionUI-klar-theme/main/assets/coffee.svg">
    <img alt="Buy me a Coffee" height="56" src="https://raw.githubusercontent.com/m-axic/OnionUI-klar-theme/main/assets/coffee.svg">
  </picture>
</a>
<a href="https://github.com/m-axic/OnionUI-klar-theme/releases">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/m-axic/OnionUI-klar-theme/main/assets/download-inverted.svg">
    <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/m-axic/OnionUI-klar-theme/main/assets/download.svg">
    <img alt="Get Latest" height="56" src="https://raw.githubusercontent.com/m-axic/OnionUI-klar-theme/main/assets/download.svg">
  </picture>
</a>

---

## Credits

### Icons

- [Phosphor Icons](https://phosphoricons.com/)
- OnionUI

### Font

- [Inter](https://rsms.me/inter/)
