jupyter-themes VS Compass

dunovank/jupyter-themes - Custom Jupyter Notebook Themes

If you can't access the system settings, might be worth looking at https://github.com/dunovank/jupyter-themes library. Potentially something in there you can do.

I hope this helps you save some time from trying out all of these settings yourself, or at the very least gives you a solid visual option for working within a Jupyter Notebook for many hours at a time. However, I know that if you’re a developer, you’re probably going to want to try EVERY option at your disposal. If that’s your thing, check out the jupyterthemes documentation at https://github.com/dunovank/jupyter-themes to find your perfect settings.

So I've been wanting to have a dark theme for my jupyter notebook. While the default look is great, I thought it'd be nice to have a darker alternative, to use during night time or whenever I want to feel more cyberpunk. I looked around the internet for ways to customize the notebook theme and first I saw the jupyterthemes package, which was easy to use but I found the additional formatting to be a bit too much (here's an example of what I mean). So I looked for ways to customize the theme from scratch, and came across this article that goes into how to modify the .css file that the notebook browser runs on. I don't know much about web design, but all I wanted was to change the color scheme and leave the fonts alone. If this interests anyone at all, below is one easy way to achieve it:

It's regular Jupyter with https://github.com/dunovank/jupyter-themes (the grade3 theme).

dunovank/jupyter-themes - Custom Jupyter Notebook Themes

pretty much gone, the beta site seems still to be alive http://beta.compass-style.org/reference/compass/css3/ and the github repo is still about https://github.com/Compass/compass/

SASS is a CSS preprocessor that is designed to be used as a standalone preprocessor, or as part of a framework called Compass. SASS for CSS is very similar to CSS, for creating CSS files that are more easily readable and maintainable than traditional CSS files. In the next chapper, we will learn how to use SASS to create a simple CSS file.

Soon after, Chris Epstein, the creator of Compass and co-creator of Sass, forked Brandon’s repository and asked for some help with the design. Being a big fan of Chris’s, Brandon jumped on the opportunity straight away. He pulled out the content, made the theme more generic, and named his creation Octopress.

I use a CLI tool to compile it as changes are made. I use http://compass-style.org/

Compass/compass - Compass is a Stylesheet Authoring Environment that makes your website design simpler to implement and easier to maintain.