
SNIPPETElsaTam
Stuff
CSSAny theme
Since I started to spend some time on the Obsidian Discord server, I saw a lot of very cool ideas of customization that are often resolved with css snippets. I try as much as I can to help to make these ideas work, and sometimes I end up with a nice working codes. When I think these snippets/templates could be of use for other people, might be updated frequently, or are worth keeping because they contain tricky targets/rules, I choose to store them here.
- [Installation](#installation)
- [Updates](#updates)
- [Contact](#contact)
- [Available Snippets](#available-snippets)
* [List styling](#list-styling)
* [Note accent colors](#note-accent-colors)
* [Tweak CSS Variables](#tweak-css-variables)
* [Newspaper](#newspaper)
* [Callouts](#callouts)
* [File Explorer Separators](#file-explorer-separators)
- [Other Stuff](#other-stuff)
* [Fate Core RPG: Combat Tracker](#fate-core-rpg-combat-tracker)
> [!WARNING]
> I do not promise they will be all working perfectly. We are often only two people trying it, so it's not the best beta test ever made. But I'm staying as much available as I can to fix things if there is any issue.
# Installation
Download the `.css` file in the desired folder and add it to your snippets.
Please reffer to the [Obsidian documentation](https://help.obsidian.md/Extending+Obsidian/CSS+snippets) to see how to install a css snippet.
# Updates
I usually don't have any road map for these snippet. They are made quickly to help someone and then upgraded a little bit for fun, but I don't necessarily plan on doing more stuff on them, until someone thinks of another nice feature to add. If you like the idea of one of this snippet but you see that it lacks a feature you would love, feel free to contact me.
If you would like to be contacted in case I update a snippet, so you can download it again, please tell me. I will do my best to not forget.
# Contact
> [!NOTE]
> :fr: I am french, so English is not my first language. I apologize for the mistakes I make and I hope I stay understandable. If you would like to offer a better translation, do not hesitate.
<img src="https://cdn.jsdelivr.net/gh/Readme-Workflows/Readme-Icons@main/icons/octicons/IssueOpened.svg" style="width:1em; vertical-align:midle;"> Open an issue in the repo. Please, specify the snippet you want to ask something about.
<img src="https://skillicons.dev/icons?i=discord" style="width:1em; vertical-align:midle;"/> Tag me with `@Kapirklaa` in the official Obsidian Discord server.
# Available Snippets
## [List styling](snippets/list-styling/)

## [Note accent colors](snippets/note-accent-colors/)

## [Tweak CSS Variables](snippets/tweak-css-variables/)
Expose more than 500 CSS variables through the Style Setting Plugin.

## [Newspaper](snippets/newspaper/)
Add a vintage newspaper style to your notes!

## [Callouts](snippets/callouts/)
Add several new callouts layouts.
(text in the autopsy report is blurred because it can be sensitive content, it's not part of the snippet)

## [File explorer separators](snippets/file-explorer-separators/)
Add separators in your file explorer

# Other Stuff
## [Fate Core RPG: Combat Tracker](metabind/fate-combat-tracker/)
Keep track of NPCs aspects, status and health during a combat with the Fate Core System.

# License
Collection of CSS snippets for Obsidian
Copyright (C) 2024 Kapirklaa
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
How to Install
- Download the CSS file below
- Move it to your vault's
.obsidian/snippets/folder - Open Obsidian → Settings → Appearance → CSS Snippets → Enable it
Stats
Stars
73
Forks
4
License
GPL-3.0
Last updated 11mo ago
Categories