Hi all! :wave:

I just wanted to introduce a new theme I made:

Willemstad

![](upload://qFANSBsIFhvXnIzx6Q34qu0lJDS.jpeg)
Named after the capital of Curaçao, which is known for its colourful houses, Willemstad is a theme that aims to inject the appropriate amount of colour for signposting and to make note-taking enjoyable. Here, it aims to strike a balance between too overly colourful; and too overly minimalistic.

So how does Willemstad look and what features does it have?

Showcase


The original colour palette

The original colour palette of Willemstad is based on accents of green, with highlighting over the current pane you’re looking at, as well as different header text and background colours that were chosen to ensure there isn’t a clash, whilst maintaining high levels of fast visual recognition.

Willemstad’s interpretation of the Nord colour palette
More recently, I’ve also introduced my interpretation of Nord, for those who love the colour tones of Nord but isn’t too keen on the brighter headers of the most popular Nord theme in Obsidian.

True Black dark mode
Willemstad also supports a True Black dark mode since v0.1.3.

Original colour palette

Nord colour palette

Minimalistic floating sidebars
One of the interesting features Willemstad has is its floating sidebars (which can be turned off via Style Settings), that gives you more screen real estate to do the important things in Obsidian if you’re using a small laptop like myself.

ezgif.com-gif-maker

Other features include:

  1. Comprehensive Style Settings support
    Many items in Willemstad can be changed/turned off/toggled on via the use of the Style Settings plugin provided by @mgmeyers, available in the Community Plugins store.
  2. Multi-colour Highlighting (with credits to @Atlas and @pseudometa)
    Three highlighting colours and options available!
  3. Readable Underlines (co-written with @Cecilia_May)
    Underlines are known to be less readable, so Willemstad provides you two alternatives to the standard Obsidian variety:

Standard Obsidian:
image
Additional spacing (similar to Shimmering Focus):
image
Willemstad’s standard:
image

  1. Support for the Longform plugin and writing cssclass (with credits to @pseudometa)
  2. Dataview Word Wraps (with credits to @SlRvb)
  3. Removing shadows where possible, including in Admonitions and Sliding Panes (the latter with input and help from @Damikiller37)

Obsidian is meant to be used with community plugins, so Willemstad naturally has provisions to support community plugins. At the moment, the repetoire of community plugins supported are as follows :-

Community plugins supported

  • Style Settings
  • Calendar
  • Sliding Panes
  • Admonitions
  • Dataview
  • Breadcrumbs
  • Kanban
  • Advanced Tables
  • Get Info
  • CookLang Plugin
  • Emoji Toolbar
  • Maps of Content
  • CMenu
  • Footnote & Citation Indicator
  • Settings Search
  • Longform
  • … with more coming soon!


Look how clean the Admonitions box is, without shadows. This comes pre-set in Willemstad.


Sounds good! Where can I download it from?
Willemstad is now available on the Community Theme store, so the best way to get easy updates and all is through downloading Willemstad within Obsidian itself.


To do so, go to SettingsAppearanceThemes: ManageWillemstad.

Alternatively, you can download it from the Github repository, where you can download the obsidian.css file and drop it into your .obsidian/themes folder, and use it directly!

If you’re more willing for a challenge, you can also build your own version of Willemstad using Sass from the repo.

Suggested plugins to use it with
The following plugins are also suggested to use with Willemstad :-

  1. Style Settings
  2. Indentation Guides

Note!
Do note that Willemstad is recommended for use only in the new editor, and not the legacy one! It does not work for mobile at the moment, although that is planned for the future.

Either way, I hope you enjoy, and as always, feature requests and bug reports (best done via GitHub) are very welcome!

7 Likes

I like the look of this theme. My major problem is that selected text is not highlighted. I can’t find a setting for this in Style Settings. Is there a way of enabling it?

Hiya! :wave: The selected text should be highlighted by default - I haven’t changed anything in the theme CSS that should cause it :thinking:
image

Is it possible to take a screenshot of what selecting text looks for you? Do you happen to use a snippet by any chance too?

Major update — please update the theme!

Updates to the Willemstad theme:

Willemstad X v0.2.0 Christianshavn
:sparkles: New features and improvements (since last major update, v0.1.5)

  • Added Minimal Cards and Image Grids by kepano from Minimal
  • Admonition tricks improvements: ad-table no longer requires specifying colour + name — these are hidden by default! That means anything that uses ad-table will render like Reading mode in Live Preview; ad-infobox by SlRvb added
  • New improvements to typography stuff: Gradient headers, fourth highlight colour, styling for headers in Admonitions to be consistent with normal headers
  • Significant improvements to Style Settings styling and many many new Style Settings options, including turning off header background colours
  • Small bug fixes: buttons/interactive elements should largely have a consistent colour scheme + elements now
  • Coloured loading bar (customisable with Style Settings)

:partying_face: New plugin support

  • LanguageTool Integration

:yellow_circle: Coming up soon!

  • RemixIcons for Willemstad icons
  • Support for aside tags
  • Theme Documentation (you can already have a sneak peek of it being a work in progress, at https://willemstad.cc)
  • Turning off folder and file icons

Updates to the Willemstad theme:

Willemstad X v0.2.4 Christianshavn

:sparkles: Summary of new features and improvements (since last major update, v0.2.0)

  • Styling improvements to Community Plugins modals and info, Startup screen, and Style Settings, Backlinks pane
  • Startup Screen: Overhauled it, with animation! Also added Startup screen customisation options: choose your own image/background colours/linear-gradients/gif/whatever!
  • Multiple bug fixes
  • Multiple smaller improvements

:partying_face: New plugin support

  • Full Calendar

Other comments

  • Willemstad got accepted to the Community Themes store on 12th February, so today marks the 1st month since it’s available to the world. I guess I’d just like to say thank you! — it’s really incredible how I had almost-zero CSS knowledge 1.5 months ago and now Willemstad’s been downloaded 1.3k times :see_no_evil:

See full changelog: Release v0.2.4 Christianshavn · tingmelvin/willemstad-x · GitHub