Obsidian Stylist

by ixth
5
4
3
2
1
Score: 34/100

Description

Category: Customization & UI

The Obsidian Stylist plugin allows users to apply custom classes and styles to markdown notes, enhancing their visual appeal and functionality. This plugin supports the addition of CSS styles to specific elements within a note, such as headings or lists, enabling customizations like underlining text or creating multi-column layouts. Users can add style tags directly into their markdown files, making it easy to personalize the appearance of content. However, the plugin does not work in Live Preview mode. It processes styles carefully to avoid interfering with the rest of the Obsidian interface, providing flexibility for tailored note designs.

Reviews

No reviews yet.

Stats

49
stars
6,242
downloads
2
forks
1,229
days
1,227
days
1,227
days
4
total PRs
0
open PRs
0
closed PRs
4
merged PRs
2
total issues
2
open issues
0
closed issues
0
commits

Latest Version

3 years ago

Changelog

README file from

Github

Obsidian Stylist

Stylist is a plugin for Obsidian that allows to add classes and styles on markdown.

Note This plugin doesn't work in Live Preview mode.

Examples

For example, if you want to add underline for headings on one particular page, you can do it like this:

```style
h2 {
    text-decoration: underline;
}
```

## Does wood sink in water?

Result:

Style tag render Style tag render

Note All styles are processed to prevent messing up the rest of the Obsidian app.

Or if you want certain blocks on your page to use multi-column layout, you can just add class on containing block:

```style
.multicol-3 ul {
    columns: 3;
}
```

## What also floats in water?

%% Class will be added not to the list element itself,
    but to section container, so you should write styles respectively %%

`classname:multicol-3`

* Bread
* Apples
* Very small rocks
* Cider
* Grape gravy
* Cherries
* Mum
* Churches
* Lead
* A duck

Result:

Class render Class render

Similar Plugins

info
• Similar plugins are suggested based on the common tags between the plugins.
Homepage
5 years ago by mirnovov
An Obsidian plugin that opens a specified note, canvas, or workspace on startup, instead of the most recent one.
Admonition
5 years ago by Jeremy Valentine
Adds admonition block-styled content to Obsidian.md
Hider
5 years ago by @kepano
Hide Obsidian UI elements such as tooltips, status, titlebar and more
Custom Frames
4 years ago by Ellpeck
An Obsidian plugin that turns web apps into panes using iframes with custom styling. Also comes with presets for Google Keep, Todoist and more.
Code Styler
3 years ago by Mayuran Visakan
A plugin for Obsidian.md for styling codeblocks and inline code
Iconic
2 years ago by Holo
Customize your icons and colors directly from the Obsidian UI, including tabs, files & folders, bookmarks, tags, properties, and ribbon commands.
Contextual Typography
5 years ago by mgmeyers
Editor Width Slider
3 years ago by @MugishoMp
With this plugin you can set the line width of the editor in obsidian.
CSS Editor
3 years ago by Zachatoo
Edit CSS snippets in Obsidian.
Icon Shortcodes
4 years ago by AidenLx
Obsidian Plugin: Insert emoji and custom icons with shortcodes
Beautitab
2 years ago by Andrew McGivery
A plugin for Obsidian.MD that creates a customizable new tab view with beautiful backgrounds, quotes, search, and more.
Sheets Extended
3 years ago by NicoNekoru
Plugin that adds features to tables in obsidian including merging, vertical headers, and custom css
Ninja Cursor
4 years ago by vorotamoroz
Background Image
3 years ago by shmolf
css snippets
5 years ago by Daniel Brandenburg
Obsidian plugin for css snippets
Emoji Magic
3 years ago by simplgy
Makes it easier to add emojis using an improved keyword search
Status Bar Organizer
2 years ago by Kacper Darowski
Arrange and hide status bar elements.
Font Size Adjuster
2 years ago by Ryota Ushio
An Obsidian.md plugin to adjust font size via commands.
Custom Classes
3 years ago by Lila Rest
A minimal Obsidian plugin that allows you to add your own HTML classes to chosen Markdown elements directly from your notes.
Fontsource
2 years ago by Ayuhito
A plugin to load custom fonts from Fontsource into Obsidian.
Markdown Tags
a year ago by John Smith III
Enhance your Markdown documents with custom tags. Use predefined or custom labels, customizable colors, and arrow indicators to visually track tasks and statuses.
Node Auto Resize
2 years ago by Boninall
Base Tag Renderer
3 years ago by Darren Kuro
A lightweight obsidian plugin to render the basename of tags in preview mode.
Canvas Card Background Remover
2 years ago by luxmargos
This Obsidian plugin allows you to make the background of cards transparent in the Canvas for specific embed types, including Image (png), Canvas, and even Markdown.
File Explorer Markdown Titles
5 years ago by Dylan Elliott
Obsidian Plugin that adds the the markdown title within your notes to the file explorer
Blur
3 years ago by @gapmiss
A plugin for creating obfuscated blocks of text in Obsidian.md
Collapsible Code Blocks
a year ago by Bradley Wyatt
Obsidian Plugin that makes code blocks collapsible in reading and edit view as well as enabling scroll-able code blocks.
Zen Mode
a year ago by paperbenni
Command Palette--
4 years ago by qawatake
An Obsidian plugin to provide a command palette without unwanted commands
Tokei
3 years ago by HiroMike
A simple clock for Obsidian
Full Screen Toggle
2 years ago by Donkey Pacific
Fullscreen toggle plugin across all platforms for Obsidian.
Auto Hide Cursor
3 years ago by Mo Ismat
A simple plugin for https://obsidian.md
Additional Icons
2 years ago by Matthew Turk
Add additional iconsets to Obsidian
Explorer Colors
a year ago by Scott Van der Zwet
Set cascading colors for files and folders in Obsidian.
Auto Reading Mode
3 years ago by Kelvin Cao
Shrink pinned tabs
2 years ago by Nicolas Lœuillet
Obsidian plugin to shrink pinned tabs in order to save screen space
Color cycler
2 years ago by Taylor Brennan
Plugin for Obsidian to dynamically change the accent color
Context Command Hider
a year ago by Mara-Li
This plugin allows you to hide every command from the Obsidian's right-click context menu.
Theme toggle
a year ago by @gapmiss
Obsidian.md plugin … adds a ribbon icon and command for toggling between dark & light theme modes.
Checkbox styling helper
2 years ago by JaewonE
Helps you styling checkboxes in preview mode.
Tag Formatter
2 years ago by snsvrno
Configurable Obsidian plugin that hides parent tags.
Theme by Folder
a year ago by Jinmu Go
Automatically switch Obsidian themes based on the folder of the opened note
Backgroundset
a year ago by daonali
similar as vscode background
Wheel Tab Switcher
a year ago by 22-2
Switch between Obsidian Tabs using your mouse wheel when hovering over tab headers.
Theme Controller
a year ago by Binaris
Set when and how the themes will be displayed
Smooth Cursor
a year ago by Busyo
Obsidian光标美化插件
CSS Inserter
2 years ago by Erika Gozar
Inserts user-defined css snippets into the selected text.
Hide Commands in Menu
a year ago by bomian98
Obsidian Plugin, hide different commands in different menus.
Tailwind Snippet
2 years ago by Nicholas Wilcox
An Obsidian plugin that enables usage of Tailwind CSS.
Source Mode Styling
3 months ago by Chris Howard
Obsidian plugin. Provides a customisable raw look in source mode using a monospace font to clearly differentiate from Live Preview.
Close Window When Empty
2 years ago by Taylor Jadin
Hide Traffic Lights
a month ago by Ben Phillips
Hides macOS traffic light buttons for a distraction-free experience. Hover over the top-left corner to reveal them.
Frontmatter to HTML Attributes
2 months ago by Tarek Saier
Makes YAML frontmatter available as data-* attributes in HTML, enabling metadata based CSS styling.