Skip to main content

User style: 1973 prism, the Dark Side of Stylus

Topics:

After the previous dark theme for Stylus was published, I was left feeling a little unsatisfied with the result. I thought I could do better, but didn't have the inspiration. That inspiration came to me as I listened to the 1973 album Dark Side of the Moon by Pink Floyd, while checking out how to use PrismJS to display code on Blogger. It suddenly hit me: 1973 prism, the Dark Side of Stylus was born...

Logo: 1973 prism, the Dark Side of Stylus

Features

This new Stylus theme is dark, but more elegant than the previous theme for Stylus that I did, and shows colourful accents in both the edit style page and the styles management page. It is also more complete in that settings, options, export and information screens have been darkened as well. So no more sudden painful experiences for your eyes when opening a bright submenu or a popup screen in the middle of the night!
The theme displays a clear visual identifier on top of a code block to indicate that code has been modified.

Screenshot: 1973 prism, the Dark Side of Stylus: edit pag

1973 prism, the Dark Side of Stylus: edit page

Furthermore, it introduces my first theme for the code editor (CodeMirror), which is based on the okaidia theme for PrismJS by @ocodia, which in turn was loosely based on the Monokai textmate theme by @monokai.

...hear the softly spoken magic spell...

To activate the 1973 prism theme for CodeMirror, just select the Default theme in the Stylus settings. You may have to press F5 to refresh once or twice if the editor still shows black on white after activating the default theme.

Screenshot: 1973 prism, the Dark Side of Stylus: styles management page

1973 prism, the Dark Side of Stylus: styles management page

Screenshot: 1973 prism, the Dark Side of Stylus: export style

1973 prism, the Dark Side of Stylus: export style

Screenshot: 1973 prism, the Dark Side of Stylus: the Stylus quick edit menu

1973 prism, the Dark Side of Stylus: the Stylus quick settings menu

Now warm your bones beside the fire and enjoy the Dark Side of Stylus!

User style: 1973 prism, the Dark Side of Stylus:

Comments

Post a Comment

Popular posts from this blog

Band Back to Basic

Back to Basic is a band originally from Rotterdam, The Netherlands, who play groovy soulful rock-inspired music. They've been around since 1993, which is also when I first saw them play. The last time I saw them play was in 2008 at their fifteenth anniversary reunion, also in Rotterdam. Since then, it has been quiet around the band. Too quiet. Yesterday I sort of stumbled over them at a local festival in their original home town. And again, sparks were splashing. The band were obviously having fun and the music was still top notch. New album 'Not Over Yet' I was happy to learn they recently finished recording a new album, aptly titled 'Not Over Yet', which will be released on Tuesday, June 25th * . It can be heard live on Sunday, June 30 2019 at the Facet Jazz Festival Hillegersberg , where the band will be playing on Stage 1 at 3pm. 'Not Over Yet' is the title of the new album by fusion veterans Back to Basic. Album launch: June 25th 2019 * EDI...
2 comments
Read more

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...
Post a Comment
Read more

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...
Post a Comment
Read more