<body>
<div class="overlay-container-main">
<div class="overlay-container">
<div class="overlay-content">
<h1 class="overlay-title">Welcome to Willemstad</h1>
</div>
</div>
</div>
</body>
Welcome to Willemstad's theme documentation website. Willemstad is a fully-fledged [Obsidian](https://obsidian.md/) theme, based upon an original snippet extension for another Obsidian theme, [Shimmering Focus](https://github.com/chrisgrieser/shimmering-focus).
## Getting Started
### Community Themes (Recommended)
1. Open **Settings** → **Appearance** → **Themes**
2. Click **Manage** next to "Themes"
3. Search for "**Willemstad**"
4. Click **Install and use**
### Manual Installation
1. Download `theme.css` from the releases
2. Place it in your vault's `.obsidian/themes/Willemstad` folder
3. Select "Willemstad" in **Settings** → **Appearance** → **Themes**
## Recommended Setup
**Install the Style Settings plugin** for the best experience:
1. Go to **Settings** → **Community plugins** → **Browse**
2. Search for "Style Settings" and install it
3. Once installed, you'll find "Willemstad" options in **Settings** → **Style Settings**
This gives you easy controls for colours, fonts, spacing, and other theme options without needing to write CSS yourself.
Willemstad comes with its innovative home-brewed *RealDisplay*, which allows you to observe the effect of some of your selected options without having to navigate out of Style Settings.
## Quick Start
After installation, Willemstad works immediately with sensible defaults. If you want to customize:
- **With Style Settings**: Use the settings panel for point-and-click customization
- **With CSS snippets**: Add custom CSS in **Settings** → **Appearance** → **CSS snippets**
## Screenshots