repository·main·Indexed 23 days ago
https://github.com/aaaaalexis/obsidian-baselineA highly customizable Obsidian theme providing a refined foundation for personal knowledge management. It features deep integration with Style Settings, a community marketplace for presets, and a variety of layout helper classes for banners, block widths, card-based layouts for Dataview and lists, image filters, and extended checkbox syntax.
If you are moving from a supported theme to Baseline, you can seamlessly migrate your existing Style Settings using the dedicated migration tool.
Migration Tool: https://aaaaalexis.github.io/obsidian-baseline/migration
After forking the Baseline repository, you need to upload your assets to your fork.
docs/marketplace/preset/ folder in your fork..json preset file (e.g., new-preset.json).[preset-id].png (e.g., new-preset.png)[preset-id]@light.png (e.g., new-preset@light.png)[preset-id]@dark.png (e.g., new-preset@dark.png)docs/marketplace/preset/ folder.Once you have uploaded your files and updated preset.json in your fork, you must submit a Pull Request to the main repository.
Add Preset: [Preset Name]You can discover and share community-made Style Settings presets in the Baseline Marketplace.
Marketplace: https://aaaaalexis.github.io/obsidian-baseline/marketplace
To make your preset visible in the Marketplace, you must add a new entry to the docs/marketplace/preset.json file in your fork.
docs/marketplace/preset.json and click the edit icon (✏️)., after the last closing curly brace }."unique-preset-id": {
"name": "Preset Name",
"author": "Name or Username",
"url": "https://github.com/my-username",
"description": "A short, engaging description of your preset's look and feel."
}unique-preset-id: A unique identifier in kebab-case. Crucial: This must match your preset file name and image file name (excluding the extension).name: The display name for your preset.author: Your name or username for credit.url: A link to your GitHub profile, website, or social media.description: A short description. Supports Markdown link syntax [Text](URL).To share your look, you must first package your current Obsidian settings into a JSON preset file using the Style Settings plugin.
my-new-preset.json).Apply filters to images by adding the filter name after a # at the end of the image link (e.g., ![[image.jpeg#invert]]).
Image Filters:
| Filter | Description |
|---|---|
#blend | Blend image into background |
#invert | Invert images in dark mode |
#invertW | Invert images in light mode |
#circle | Crop image to a circle |
#outline | Add outline around image |
#interface | Add drop shadow behind image |
Image Grids:
| Class | Description |
|---|---|
img-grid | Activate image grids |
Baseline supports card-based layouts for Dataview tables and bullet lists.
| Class | Description |
|---|---|
cards (required) | Set all Dataview tables to card layout |
list-cards | Set all bullet lists to card layout |
cards-align-bottom | Align the last element of a card to the bottom |
cards-cover | Images are resized to fill the defined space |
cards-16-9 | Fit images in cards to 16:9 ratio |
cards-1-1 | Fit images in cards to 1:1 ratio (square) |
cards-2-1 | Fit images in cards to 2:1 ratio |
cards-2-3 | Fit images in cards to 2:3 ratio |
cards-cols-1 to 8 | Force a specific number of columns (from 1 to 8) |
Use these classes to control the width and behavior of content blocks within a note.
| Class | Description |
|---|---|
wide | Entire note uses wide line width |
max | Entire note uses max line width |
table-100, bases-100, img-100 | Fill 100% of the pane width |
table-max, bases-max, img-max | Fill the max line width (default 90%) |
table-wide, bases-wide, img-wide | Fill the wide line width |
Baseline supports extended checkbox states using the following syntax in lists:
| Syntax | Description |
|---|---|
- [ ] | To-do |
- [/] | Incomplete |
- [x] | Done |
- [-] | Canceled |
- [>] | Forwarded |
- [<] | Scheduling |
- [?] | Question |
- [!] | Important |
- [*] | Star |
- ["] | Quote |
- [l] | Location |
- [b] | Bookmark |
- [i] | Information |
- [S] | Savings |
- [I] | Idea |
- [p] | Pros |
- [c] | Cons |
- [f] | Fire |
- [k] | Key |
- [w] | Win |
- [u] | Up |
- [d] | Down |
- [+] | Add |
- [B] | Brainstorm |
- [a] | Alarm |
- [n] | Note |
- [R] | Review |
- [t] | Time |
- [P] | Phone |
- [L] | Love |
Baseline provides classes to enhance note headers using images and callouts.
| Class | Description |
|---|---|
banner | Add at the end of the image link, e.g. ![[image.jpeg|banner]] |
banner-fade | Add faded edge to the banner (requires banner) |
banner-icon | Add an emoji or letter as note icon using callout, e.g. > [!banner-icon] 👋 |
banner-title | Moves inline title next to the icon (requires banner-icon) |
y0 to y100 | Adjust vertical position of the banner (requires banner), from 0 to 100 in steps of 5 |
Use these classes to modify the styling of tables and Bases views.
Tables:
| Class | Description |
|---|---|
table-nowrap | Disable line wrapping in table cells |
table-wrap | Force line wrapping in table cells |
table-center | Center small tables narrower than line width |
table-numbers | Add row numbers to tables |
table-tabular | Use tabular figures in tables |
table-small | Use small font size in tables |
table-tiny | Use tiny font size in tables |
table-lines | Add borders around all table cells |
row-lines | Add borders between table rows |
col-lines | Add borders between table columns |
row-alt | Add striped background to alternating table rows |
col-alt | Add striped background to alternating table columns |
row-hover | Highlight rows on hover |
Bases:
| Class | Description |
|---|---|
bases-row-alt | Add striped background to alternating Bases table view rows |
bases-col-alt | Add striped background to alternating Bases table view columns |
bases-plain | Hide embedded Bases toolbar |