<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