# \[Userstyle\] Elementary Dark

**URL:** <https://community.wanikani.com/t/userstyle-elementary-dark/60137>\
**Category:** API And Third-Party Apps\
**Created:** [January 14, 2023, 1:05am UTC](https://community.wanikani.com/t/userstyle-elementary-dark/60137 "2023-01-14T01:05:40Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Everesh](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/everesh/32/392029_2.png) [@Everesh](https://community.wanikani.com/u/Everesh)\
**Post date:** [January 14, 2023, 1:05am UTC](https://community.wanikani.com/t/userstyle-elementary-dark/60137/1 "2023-01-14T01:05:40Z")

</div>

# Elementary Dark

Yet another dark theme for WaniKani

![preview gif](https://global.discourse-cdn.com/wanikanicommunity/original/4X/2/f/d/2fde1e1838732c70d75e164b967c319359125787.gif)

* * *

[![Install Stable badge](https://img.shields.io/badge/Install_to-Stylus-9c4644?style=for-the-badge&color=9c4644)](https://userstyles.world/api/style/22026.user.css) [![Get Stylus Firefox badge](https://img.shields.io/badge/Get_Stylus-%E2%80%8EFirefox-56638a?style=flat-square&color=56638a)](https://addons.mozilla.org/en-US/firefox/addon/styl-us/) [![Get Stylus Chrome badge](https://img.shields.io/badge/Get_Stylus-Chrome-58896f?style=flat-square&color=58896f)](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=en)

* * *

There’s also a [Nightly Release](https://everesh.github.io/WaniKani-ElementaryDark/WaniKani-ElementaryDark-nightly.user.css) for testing stuff early.

If something breaks, you can yell at me here or on [GitHub!](https://github.com/Everesh/WaniKani-ElementaryDark)

* * *

> **Custom Colors**
>
> ⚠ _These are **complementary** to the main stylesheet, they do not work independently!_
> 
> * * *
> 
> ### Create your own
> 
> Use the interactive themer at [https://wked.rexs.tools/](https://wked.rexs.tools/) by @Rrwrex  
> Or grab the bare template [here](https://github.com/Everesh/WaniKani-ElementaryDark/blob/main/themes/template.css)
> 
> ![image](https://global.discourse-cdn.com/wanikanicommunity/original/4X/2/7/5/275bc388acc9da3c8832882f2d922cc27c787942.png)
> 
> * * *
> 
> ### Gruvbox
> 
> Find it [here](https://github.com/Everesh/WaniKani-ElementaryDark/raw/refs/heads/main/themes/gruvbox.user.css)
> 
> ![image](https://global.discourse-cdn.com/wanikanicommunity/original/4X/9/d/8/9d8028cd433be2e07e35ee109996ac381bf5adb7.jpeg)
> 
> * * *
> 
> ### Catppuccin
> 
> Find it [here](https://github.com/Everesh/WaniKani-ElementaryDark/raw/refs/heads/main/themes/catppuccin.user.css)
> 
> ![image](https://global.discourse-cdn.com/wanikanicommunity/original/4X/b/0/8/b080d1ace9621cdea2625ab09c4ac981b2847d0f.jpeg)

* * *

> **KaniWani**
>
> ![preview_smaller_kaniwani](https://global.discourse-cdn.com/wanikanicommunity/original/4X/a/6/b/a6bab47970a5c175805502abd947fdef6fbbc533.gif)
> 
> [![Static Badge](https://img.shields.io/badge/Install_to-Stylus-9c4644?style=for-the-badge&color=9c4644)](https://userstyles.world/api/style/15202.user.css)
> 
> This matching theme for KaniWani also adheres to the alternative colors, if they are provided.
> 
> There is **no git** for this one, if something breaks yell at me here and I might eventually start versioning it as well.

* * *

> **Dev Hooks**
>
> This theme exposes a bunch of css variables so other scripts and addons can match the look
> 
> ```Css
> /* Comprehensive list with default values */
> :root {
> /* surfaces */
> --ED-surface-1: var(--USER-surface-1, #151515);
> --ED-surface-2: var(--USER-surface-2, #282828);
> --ED-surface-3: var(--USER-surface-3, #303030);
> --ED-surface-4: var(--USER-surface-4, #535353);
> --ED-surface-inv: var(--USER-surface-inv, #bababa);
>  
> /* text */
> --ED-text: var(--USER-text, #eeeeee);
> --ED-text-inv: var(--USER-text-inv, #151515);
> --ED-text-hl: var(--USER-text-hl, #c29354);
> --ED-text-grayed: var(--USER-text-grayed, #bbbbbb);
> 
> /* item_type */
> --ED-radical: var(--USER-radical, #56638a);
> --ED-kanji: var(--USER-kanji, #9c4644);
> --ED-vocab: var(--USER-vocab, #58896f);
> 
> /* srs_stage */
> --ED-apprentice: var(--USER-apprentice, #47454e);
> --ED-guru: var(--USER-guru, #605c74);
> --ED-master: var(--USER-master, #9a815d);
> --ED-enlightened: var(--USER-enlightened, #934c3f);
> --ED-burned: var(--USER-burned, #303030);
> 
> /* assignment */
> --ED-lesson: var(--USER-lesson, #9c4644);
> --ED-review: var(--USER-review, #56638a);
> --ED-correct: var(--USER-correct, #58896f);
> --ED-incorrect: var(--USER-incorrect, #9c4644);
> 
> /* misc */
> --ED-brand: var(--USER-brand, #9c4644);
> --ED-progress: var(--USER-progress, #a97e42);
> --ED-alert: var(--USER-alert, #9c4644);
> 
> /* filter */
> --ED-logo-filter: var(--USER-logo-filter, invert(1) saturate(0) brightness(1.6));
> --ED-kotoba-odd-row-filter: var(--USER-kotoba-odd-row-filter, brightness(0.95));
> --ED-footer-filter: var(--USER-footer-filter, invert(1));
> --ED-loading-filter: var(--USER-loading-filter, grayscale(100%) invert(1) hue-rotate(180deg) contrast(0.68));
> --ED-days-studied-filter: var(--USER-days-studied-filter, invert(0.85));
> }
> 
> ```

* * *

> **Legacy - v2.1.19**
>
> _v3’s a full rewrite and might break stuff so v2 is still here if you need it for an older setup_
> 
> - [Install to Stylus](https://userstyles.world/api/style/8103.user.css)
> - [Archived GIT](https://github.com/Sepitus-exe/WKElementaryDark)
> 
> ### Legacy addon support:
> 
> > **Self-study Quiz**
> >
> > [Install to Stylus](https://userstyles.world/api/style/8712.user.css)
> > 
> > Find out [more about the script](https://community.wanikani.com/t/userscript-self-study-quiz/13191)
> > 
> > ![Screenshot 2023-02-23 at 20-26-50 WaniKani a kanji learning application by Tofugu](https://global.discourse-cdn.com/wanikanicommunity/original/4X/3/f/a/3fa70e3d40b5b5d0052a83b0db468d3b5bdb882d.png)
> 
> > **Stroke Order Diagram**
> >
> > [Install to Stylus](https://userstyles.world/api/style/8711.user.css)
> > 
> > Find out [more about the script](https://community.wanikani.com/t/userscript-stroke-order-diagram/46724)
> > 
> > ![Screenshot 2023-02-23 at 20-23-50 WaniKani a kanji learning application by Tofugu](https://global.discourse-cdn.com/wanikanicommunity/original/4X/4/7/0/4706093f8c84055cfa916b007d4114f004711a4c.png)
> 
> > **Ultimate Timeline**
> >
> > [Install to Stylus](https://userstyles.world/api/style/8710.user.css)
> > 
> > Find out [more about the script](https://community.wanikani.com/t/userscript-wanikani-ultimate-timeline/10516)
> > 
> > ![Screenshot 2023-02-23 at 20-21-09 WaniKani a kanji learning application by Tofugu](https://global.discourse-cdn.com/wanikanicommunity/original/4X/1/e/d/1ed50d0179b1d2ab1b2aea201fc3c5a76d23954b.png)
> 
> > **Niai Visually Similar Kanji**
> >
> > [Install to Stylus](https://userstyles.world/api/style/8713.user.css)
> > 
> > Find out [more about the script](https://community.wanikani.com/t/userscript-niai-%E4%BC%BC%E5%90%88%E3%81%84-visually-similar-kanji/23325)
> > 
> > ![Screenshot 2023-02-23 at 20-28-05 WaniKani a kanji learning application by Tofugu](https://global.discourse-cdn.com/wanikanicommunity/original/4X/a/4/1/a41658e3803aca57a42d722f683d1eaea138693c.png)
> 
> @Rrwrex helped a ton with v2 and significantly shaped the look — huge thanks to him for his contributions!

---

_[View the full topic](https://community.wanikani.com/t/userstyle-elementary-dark/60137)._