
Willemstad X
A fully-fledged Obsidian.md theme, evolved from the original theme variant for Chris Grieser (pseudometa)'s theme Shimmering Focus
Set once (via Style Settings), and get on with work.
This theme is made for work. You download it, and it comes pretty much without colour. Tabula rasa.
But there's enough colour options, over 1 million permutations just from base and accent colours, and that's if you don't count the cross-dark/light colour modes that brings this number up to almost 300 billion. So you don't have the excuse of not being able to find the right colour.
There's enough Style Settings options to customise what you need. We even show you how things look like via the Style Settings menu through our very own RealDisplay. It's even responsive, so you won't get options that you shouldn't, because we know how important your time is. There's even a whole comprehensive theme documentation available so you get the info you need and won't dither.
There's features, like Focused Mode. Multiple callout types, including ones that turn your images into grids or a slide-able gallery. Or to create infoboxes, like those you see on Wikipedia. Multiple CSSClasses as well, including ones that looks like LaTeX or Cornell notes. There's even block widths that allows you more control over display. And we even support alternative checkboxes. We give you everything you possibly can need.
Because at the end of the day we want you to stop tinkering. And get on with work. Because this is made for work.
Willemstad
Named after the capital of Curaçao (which is known for its colourful houses), the extended Willemstad is a fully-fledged theme and extension of the original Willemstad snippet/theme variant proof-of-concept for Chris Grieser (pseudometa)'s Obsidian theme, Shimmering Focus. You can sponsor Chris here!
Why is Inter embedded into Willemstad X, isn't that included in Obsidian proper?
There are a few reasons for this:
- While Inter is included in Obsidian proper, Obsidian does not support all font-weights of Inter.
- Most people will download Inter onto their computers, and Obsidian will use the font with the name that is present in your computer.
- Moreover, most people (including myself) will have had downloaded Inter from Google Fonts, which is probably the most outdated version you can get of the font, which has no proper italics.
- There has been a case in the past in which Obsidian failed to work with fonts if it was not embedded into the theme. This prevents that occurence from happening again. By embedding Inter, alongside the other fonts, allows me to quality control and ensure the quality of your experience.
I'd like to change something or propose something. What's the easiest way to do so?
If it's something you reckon people would need/want as well, the easiest way to request changes is to use the Issues tab here on GitHub. If you would like to change something that you can reckon you rather do it yourself, the best way would be to use a snippet.
Supported Community Plugins
Please refer to the Willemstad theme documentation.
Attribution
As is with most theme codes in Obsidian, many pieces/snippets of code have been cobbled together from whatever the hive mind has created. It is therefore not possible to accurately and fully attribute everyone's efforts, which might have come into and been adopted by this theme. That being said, there are multiple pieces of instrumental code that I can attribute to, which I do so here:
- Multi-Colour Highlighting, adapted from Zhang Chenyu (@Atlas)'s and Chris Grieser (@pseudometa)'s code
- Varying/Readable Underlines, co-written by myself and Cecilia May
- Dataview Word Wraps, from SlRvB
- No-Shadow Sliding Panes, with input from Damian Korcz
- No-Shadow Admonitions, inspired by Leah's lamentations to Jeremy Valentine
- Longform plugin and
writingcssclass support, adapted from Chris Grieser (@pseudometa)'s code, and also with credits to Kevin Barrett (@kevboh)'s styling - and many other snippets that were written by Chris Grieser.
This theme uses assets/colour palettes and fonts all publicly available and open-sourced, such as
- Nord theme colour palette, adapted from the original documentation written by Sven Greb
- The MetBrewer colour palettes, created and compiled by Blake R. Mills
- Inter font, created by Rasmus Andersson
- Manrope font, created by Mikhail Sharanda and no longer available on GitHub
- ... and many more.
Theme Documentation
Available here.
Just another word
Having a theme out within 2.5 weeks of trying to do something with CSS (from the time I left Sanctum, which I honestly think jdaniel did an amazing job with) is probably something I didn't think was possible even a week before this was published. That being said, Chris (of Shimmering Focus fame), Cecilia (of Primary fame), and SlRvB (of ITS Theme fame) prophesied I would end up with a theme and had more faith in me than I did. I owe them a word of thanks. Thanks y'all, and I hope I didn't let anyone of you down. :blush:
License
Previous versions of Willemstad was licensed under the Mozilla Public License 2.0. From version 1.1 onwards this is licensed under GNU Public License 3.0 (GPL 3.0)
Willemstad's code in its earlier days includes constituent snippets (CSSClass, code written in conjunction with, or by other developers) and components that are licensed under the terms of the MIT license or another license, either by myself or its respective authors. These parts of the code take the original licence and remain as is.
You will obtain a compiled copy of the CSS code, which includes the snippets as well (as these do not require compiling). However, since version 1.1 the uncompiled SASS/SCSS source code will no longer be available on GitHub.
How to Install
- Download the template file from GitHub
- Move it anywhere in your vault
- Open it in Obsidian — done!
Stats
Stars
97
Forks
7
License
GPL-3.0
Last updated 2mo ago