Skip to content

This is a dark theme for You Need A Budget (YNAB) webapp.

License

Notifications You must be signed in to change notification settings

obscuredetour/ynab-dark

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


Maintained? Last commit GitHub tag (latest SemVer)

YNAB Dark theme

This is a dark theme for You Need A Budget (YNAB) webapp. This custom userstyle follows UserCSS guidelines.

Easy install

Install directly with Stylus

Table of Contents

  1. Preview
  2. How to use
  3. Notes
  4. Contributing

Preview

Screenshots

Coming soon.

Back to top

How to use

A userstyle extension for your browser is required, here are a few to choose from:

The Chrome extension also works for Edge.

Install the dark theme with the link below. Supports automatic updates.

Then, the raw file will open in the browser and the extension will open a new tab asking to install it. After clicking 'install style', you're finished.

Copy and pasting the ynab-dark.user.css file into the extension also works.

Further instructions can be found here.

Back to top

Notes

How? 0.0.2 -> 1.0.0?

Preliminarly repository setup and initial color selection occured prior to finding YNAB's offical dark theme colors. This dark theme was found in their current CSS files being served to YNAB customers (2020/05). This made the project a lot easier. See below for more info.

Official YNAB Dark theme

For reference, included is YNAB's offical dark theme snippet found in their website's CSS. This can be found in this project's /css directory and also linked above. This became the project's foundation that it was built upon.

Why hasn't YNAB released this if it exists?

Good question, don't know. Best guess, is that it isn't quite done. Found within their dark theme are some items that are a bit off and/or oddly colored.

Colors

Quite a bit of their colors are modified, but not too overtly or drastically. Mostly just toned down while introducing more grays and less stark whites.

Back to top

Contributing

Open an issue first to discuss potential changes/additions.

Back to top

About

This is a dark theme for You Need A Budget (YNAB) webapp.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages