{"id":44068910,"url":"https://github.com/ducktapekiller/obsidian-aubade","last_synced_at":"2026-03-18T02:01:21.250Z","repository":{"id":336561175,"uuid":"1148388892","full_name":"DuckTapeKiller/obsidian-aubade","owner":"DuckTapeKiller","description":"A retro-brutalist theme prioritising strict geometry, high contrast, and tactile interactions.","archived":false,"fork":false,"pushed_at":"2026-03-12T14:12:17.000Z","size":61926,"stargazers_count":88,"open_issues_count":1,"forks_count":0,"subscribers_count":4,"default_branch":"main","last_synced_at":"2026-03-12T19:58:03.673Z","etag":null,"topics":["aubade","brutalist-design","brutalist-theme","brutalist-ui","css","dark-mode","dark-theme","dashboard","light-mode","light-theme","obsidian","obsidian-md","obsidian-theme","retro","retro-theme","theme","themes-css","timeline","vintage"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DuckTapeKiller.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"ko_fi":"ducktapekiller"}},"created_at":"2026-02-02T22:56:10.000Z","updated_at":"2026-03-12T16:06:26.000Z","dependencies_parsed_at":"2026-02-09T05:01:37.842Z","dependency_job_id":"eaab0334-3e79-4329-9bf1-765419617ab7","html_url":"https://github.com/DuckTapeKiller/obsidian-aubade","commit_stats":null,"previous_names":["ducktapekiller/obsidian-aubade"],"tags_count":17,"template":false,"template_full_name":null,"purl":"pkg:github/DuckTapeKiller/obsidian-aubade","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DuckTapeKiller%2Fobsidian-aubade","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DuckTapeKiller%2Fobsidian-aubade/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DuckTapeKiller%2Fobsidian-aubade/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DuckTapeKiller%2Fobsidian-aubade/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DuckTapeKiller","download_url":"https://codeload.github.com/DuckTapeKiller/obsidian-aubade/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DuckTapeKiller%2Fobsidian-aubade/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30641689,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-18T01:41:58.583Z","status":"online","status_checked_at":"2026-03-18T02:00:07.824Z","response_time":104,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["aubade","brutalist-design","brutalist-theme","brutalist-ui","css","dark-mode","dark-theme","dashboard","light-mode","light-theme","obsidian","obsidian-md","obsidian-theme","retro","retro-theme","theme","themes-css","timeline","vintage"],"created_at":"2026-02-08T04:03:54.558Z","updated_at":"2026-03-18T02:01:21.239Z","avatar_url":"https://github.com/DuckTapeKiller.png","language":null,"funding_links":["https://ko-fi.com/ducktapekiller"],"categories":[],"sub_categories":[],"readme":"[![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/ducktapekiller)\n\n![aubade](screenshots/cover.png)\n\n**Aubade** is a retro-brutalist theme for [Obsidian](https://obsidian.md). It prioritises strict geometry, high contrast, and tactile interactions over soft gradients and rounded corners. Designed for users who require their digital workspace to feel like a structural tool.\n\n# Table of contents\n\n1. [Visual Identity](#1-visual-identity)\n2. [Colour Schemes](#2-colour-schemes)\n3. [Select your favourite pattern](#3-select-your-favourite-pattern)\n4. [Key Features](#4-key-features)\n5. [Typography](#5-typography)\n   1. [Sans Serif](#51-sans-serif)\n   2. [Monospace](#52-monospace)\n6. [Layout and Configuration](#6-layout-and-configuration)\n   1. [Alignment](#61-alignment)\n   2. [Note Width Control](#62-note-width-control)\n   3. [Typography Settings](#63-typography-settings)\n7. [Per-Note Overrides](#7-per-note-overrides)\n   1. [Custom Widths](#71-custom-widths)\n   2. [Interface Hiding](#72-interface-hiding)\n8. [Dashboard and Masonry Layout](#8-dashboard-and-masonry-layout)\n9. [CSS-Only Timelines](#9-css-only-timelines)\n10. [Installation](#10-installation)\n    1. [Method 1: Community Themes (CURRENTLY PENDING REVIEW BY OBSIDIAN)](#101-method-1-community-themes-currently-pending-review-by-obsidian)\n    2. [Method 2: Manual Installation](#102-method-2-manual-installation)\n11. [Gallery](#11-gallery)\n    1. [Dark Mode](#111-dark-mode)\n    2. [Light Mode](#112-light-mode)\n- [SUMMARY: ALL CSSCLASSES AVAILABLE](#summary-all-cssclasses-available)\n\n## 1 Visual Identity\n\n* **Strict Geometry:** A zero-radius policy applied globally. Every corner is sharp; every container is a box.\n* **Tactile Feedback:** Buttons and interactive elements feature hard, directional shadows (4px offset) that flatten physically when pressed.\n* **High Contrast Borders:** 2px thick borders define every UI element, ensuring clear separation between panes, notes, and metadata.\n* **Retro Typography:** Defaults to `Space Mono` for UI and `Azeret Mono` for text, reinforcing the terminal/typewriter aesthetic.\n\n## 2 Colour Schemes\n\n| | |\n|:---:|:---:|\n| **Default**\u003cbr\u003e![Default](screenshots/default.png) | **Reader**\u003cbr\u003e![Reader](screenshots/reader.png) |\n| **Amber**\u003cbr\u003e![Amber](screenshots/ambar.png) | **Solarized**\u003cbr\u003e![Solarized](screenshots/solarised.png) |\n| **Midnight**\u003cbr\u003e![Midnight](screenshots/midnight.png) | **Sunset**\u003cbr\u003e![Sunset](screenshots/sunset.png) |\n| **Ocean**\u003cbr\u003e![Ocean](screenshots/ocean.png) | **Forest**\u003cbr\u003e![Forest](screenshots/forest.png) |\n| **Lavender**\u003cbr\u003e![Lavender](screenshots/lavender.png) | **Warm**\u003cbr\u003e![Warm](screenshots/warm.png) |\n| **Cool**\u003cbr\u003e![Cool](screenshots/cool.png) | **Monochrome**\u003cbr\u003e![Monochrome](screenshots/monochrome.png) |\n| **Brutalist**\u003cbr\u003e![Brutalist](screenshots/brutalist.png) | |\n\n## 3 Select your favourite pattern\n\n**Patterns**\u003cbr\u003e![Patterns](screenshots/paterns.png)\n\n## 4 Key Features\n\n* **Dashboard Ready:** Built-in grid support for dashboard layouts, automatically handling column breaks and gap spacing.\n* **Mobile Optimised:** Features a custom bottom navigation bar, neutralised animations for better performance, and enlarged touch targets.\n* **Nuclear Anti-Roundness:** Specific overrides ensure no plugin or native element introduces rounded corners.\n* **Striped Headers:** Classic vintage MacOS-style pinstripe gradients on window titles and tab containers.\n\n## 5 Typography\n\nThis theme contains the following typefaces:\n\n### 5.1 Sans Serif\n\n* **iA Writer Quattro S** by Information Architects: [Source](https://github.com/iaolo/iA-Fonts)\n\n### 5.2 Monospace\n\n* **Azeret Mono** by Displaay: [Source](https://fonts.google.com/specimen/Azeret+Mono)\n* **Space Mono** by Colophon Foundry: [Source](https://fonts.google.com/specimen/Space+Mono)\n* **Noto Sans Mono** by Google: [Source](https://fonts.google.com/noto/specimen/Noto+Sans+Mono)\n* **iA Writer Duo S** by Information Architects: [Source](https://github.com/iaolo/iA-Fonts)\n* **iA Writer Mono S** by Information Architects: [Source](https://github.com/iaolo/iA-Fonts)\n\n**Clarification:** Typefaces are embedded within the theme, ensuring they are available offline and on any device without requiring local installation.\n\nIn **Style Settings**, you can choose any of these fonts for either the Body or the UI/Headers.\n\n## 6 Layout and Configuration\n\nYou can fine-tune the reading experience in **Style Settings**.\n\n### 6.1 Alignment\nModify the text alignment of your notes using the dropdown menu:\n* Left aligned (Default)\n* Right aligned\n* Centre aligned\n* Justified\n\n### 6.2 Note Width Control\nWhen Obsidian's **“Readable line length”** setting is enabled, the editor width defaults to **700px**. You can adjust this global maximum width in Style Settings using a slider ranging from **500px** to **1600px**.\n\n\u003e **Note on Mobile:** These width constraints apply to **Desktop** only. On mobile devices, the theme automatically fits content to the screen width.\n\n### 6.3 Typography Settings\n* **Line Height:** Adjust line spacing between **1.0** and **3.0** (Default: 1.5).\n* **Inline Title Size:** Adjust the size of the inline title between **1.0em** and **5.0em** (Default: 3em).\n\n## 7 Per-Note Overrides\n\nUse the `cssclasses` property in your frontmatter (YAML) to override global settings for specific files. These classes function regardless of your global “Readable line length” setting.\n\n### 7.1 Custom Widths\nUseful for notes containing wide tables or diagrams:\n* `width-800` (800px)\n* `width-900` (900px)\n* `width-1000` (1000px)\n* `width-1200` (1200px)\n* `width-1600` (1600px)\n* `full-width` (100% of pane width)\n\n### 7.2 Interface Hiding\nTo hide the frontmatter, inline title, and property metadata for a specific note:\n* `hide-all`\n\n**Example:**\n```yaml\n---\ncssclasses:\n  - width-1200\n  - hide-all\n---\n```\n\n## 8 Dashboard and Masonry Layout\n\nThe theme allows you to organise your notes into a clean, visual grid. The system supports native **Obsidian Callouts** and automatically handles column distribution (responsive flow).\n\nTo activate, add `cssclasses: dashboard` to your note's frontmatter. Every Callout within that note will transform into a masonry card.\n\n```markdown\n---\ncssclasses:\n  - dashboard\n---\n\n\u003e [!abstract] General\n\u003e - [[Link 1]]\n\u003e - [[Link 2]]\n\n\u003e [!abstract] Essays\n\u003e - [[Link A]]\n\u003e - [[Link B]]\n\u003e - [[Link C]]\n\n\u003e [!abstract] Projects\n\u003e - [[Project X]]\n\u003e - [[Project Y]]\n```\n\n## 9 CSS-Only Timelines\n\nThe theme features a native, CSS-only timeline layout that transforms standard bulleted lists into a professional split-view chronology without requiring any external plugins. To activate it, add `cssclasses: custom-timeline` to your note's frontmatter.\n\nStructure your timeline as a single, continuous unordered list. Every event must consist of exactly three bullet points in this strict sequence: Date, Title, and Content. The theme will automatically remove the default bullet points, draw a vertical line, and format the items into a structured grid.\n\n**Example:**\n\n```markdown\n---\ncssclasses:\n  - custom-timeline\n  - hide-all\n---\n\n- 1493\n- Bulas Inter Caetera y segundo viaje de Colón\n- El papa Alejandro VI expide las bulas Inter Caetera, concediendo a la Corona castellana las tierras descubiertas y por descubrir, a cambio de la conversión de sus habitantes al cristianismo. En este mismo segundo viaje de Colón participa fray Ramón Pané, quien se dedicará a investigar los mitos taínos y llevará a cabo las primeras labores evangelizadoras en el Caribe. Es el primer europeo en recopilar sistemáticamente la mitología indígena americana.\n\n- 1494\n- Tratado de Tordesillas\n- Con mediación papal, España y Portugal regulan la repartición de los territorios descubiertos. El tratado establece una línea divisoria que determinará el reparto colonial del continente americano y consolida la autoridad del papa como única fuente de derecho temporal y espiritual sobre los nuevos territorios.\n```\n\n![timeline](screenshots/timeline.png)\n\n## 10 Installation\n\n### 10.1 Method 1: Community Themes (CURRENTLY PENDING REVIEW BY OBSIDIAN)\n1. Open **Settings** \u003e **Appearance**.\n2. Click **Manage** under Themes.\n3. Search for **Aubade**.\n4. Click **Install** and then **Use**.\n\n### 10.2 Method 2: Manual Installation\n1. Download `theme.css` and `manifest.json` from the [Releases](../../releases) page.\n2. Open your Obsidian vault folder.\n3. Navigate to `.obsidian/themes`.\n4. Create a new folder named `Aubade`.\n5. Paste the files into this folder.\n6. Reload Obsidian and select **Aubade** in **Settings \u003e Appearance \u003e Themes**.\n\n## 11 Gallery\n\n### 11.1 Dark Mode\n![Aubade Dark Mode](screenshot.png)\n\n### 11.2 Light Mode\n![Aubade Light Mode](screenshot-light.png)\n\n\n## SUMMARY: ALL CSSCLASSES AVAILABLE\n\n| `cssclass` | Function | Behaviour Details |\n| :--- | :--- | :--- |\n| `width-800` | Sets fixed note width | Constrains the editor and reading view content to a maximum width of 800px. Centers the content. |\n| `width-900` | Sets fixed note width | Constrains the editor and reading view content to a maximum width of 900px. Centers the content. |\n| `width-1000` | Sets fixed note width | Constrains the editor and reading view content to a maximum width of 1000px. Centers the content. |\n| `width-1200` | Sets fixed note width | Constrains the editor and reading view content to a maximum width of 1200px. Centers the content. |\n| `width-1600` | Sets fixed note width | Constrains the editor and reading view content to a maximum width of 1600px. Centers the content. |\n| `full-width` | Sets responsive width | Forces the note content to span 100% of the available viewing pane. |\n| `hide-all` | UI visibility toggle | Completely hides the frontmatter container, metadata properties, and inline note titles. |\n| `dashboard` | Activates grid layout | Transforms the note into a responsive masonry grid structure. Converts standard callouts into floating dashboard cards. |\n| `custom-timeline` | Activates timeline layout | Converts standard unordered lists into a split-view, CSS-only vertical chronology grid. |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fducktapekiller%2Fobsidian-aubade","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fducktapekiller%2Fobsidian-aubade","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fducktapekiller%2Fobsidian-aubade/lists"}