Skip to main content

User style: Dark mode for Stylus

Creating a user style for an application that is used to create user styles in, feels a bit like creating a circular reference. In Excel that would be like entering the function =if(A1="";"empty cell";A1) in cell A1.

Screenshot: Simple dark mode for Stylus

Simple dark mode for Stylus, edit screen

However, it turns out that Stylus doesn't care about circular references, so I created a Dark Mode user style for Stylus. This style also includes a Dark Mode for the user styles management page.

Screenshot: Simple dark mode for Stylus

Simple dark mode for Stylus, user styles management screen

If there is anything I overlooked, please let me know by leaving a comment below.

Edit: In the meantime I wrote a more complete dark theme for Stylus that you can read about in 'User style: 1973 prism, the Dark Side of Stylus'.


Dark mode user style for Stylus:

Comments

Popular posts from this blog

Blogger Tutorial: the best SEO title tag, Addendum

SEO and XML go hand in hand on the Blogger platform. So do XML and learning, for me at least. After my first post on Blogger and search engine optimization, Blogger Tutorial: the best SEO title tag , I wasn't quite satisfied with the results. On search results, label pages and archive pages, the title still showed ' O'Cor | O'Cor '. I realized that these have their own objects that could be used to display a relevant title. Now, I know that these kinds of pages are not indexed by search robots, so why bother? Well, first I like to challenge myself and to learn new things. Second, it felt like there were some loose ends to tie. I don't like loose ends. Third, I don't really need a reason: it's my personal blog and I can do as I like (and it feels GOOD!). So, I set about learning on how to optimize the title tag even more. After a sleep deprived night (almost), I think I came up with a satisfying result. If you wish to jump to the code and don't

Tutorial: how to display icons for external links using CSS only

In this tutorial you will learn a neat trick that allows you to display an icon after each external link with CSS only. Use case In this blog every external link is followed by an icon that indicates that it is an external link . In WordPress this is often accomplished by installing a plugin. In Blogger or other platforms admins don't get spoiled with plugins so much as in WordPress. While getting spoiled with plugins sounds nice, it has some distinct disadvantages: you tend to just search for an appropriate plugin and not consider other possibilities that may be better or faster, the more plugins you install, the more maintenance you will need to do (install security updates and check if the plugin is still maintained and does not conflict with other plugins), the more plugins you install, the slower your website will eventually get, you make your website or blog dependent on code that you have no control over other than disabling it. Don't get me wrong: plugins are a

It's here, it's great and it's Not Over Yet!

A funky organ, a funky brass section, a steaming rhythm section, easily the best guitar player this part of the western hemisphere (okay, not counting Jan Akkerman) and the most soulful smokey singer you have ever heard. All of that and gorgeously crafted songs, a lot of soul and passion. That's the new album Not Over Yet by fusion veterans Back to Basic. It was released yesterday, June 25th. For me this is no doubt the best album Back to Basic has ever released. And that's saying a lot. I suggest you install Equalizer APO , plug in your earphones and have a listen: The album is available on many music platforms, including YouTube (see above) and Spotify and can be purchased via Amazon , among others. For me this is no doubt the best album Back to Basic has ever released. And that's saying a lot. Review Honestly, what's not to like? Admittedly, to some young folks out there the band's members may look like old rockers. And I guess they are that too