Your Ad Here

Interested in promoting your content? Contact us for sponsorship opportunities.

#css
  • 01.
    Canvas CSS class
    2 years ago by Lisandra-dev
    favorite
    share
    Category: Customization & UI
    The Canvas CSS class plugin is a powerful tool that allows you to add custom CSS classes to your Obsidian canvas files. With this plugin, you can easily manage and customize the appearance of your notes and canvases by adding specific CSS styles to individual files or groups of files. The plugin also includes features such as the ability to remove CSS classes, change the appending behavior, and add custom CSS classes to non-opened canvas files. Additionally, it provides settings that allow you to fine-tune the plugin's behavior and customize its appearance.
    View Plugin Details
  • 02.
    Style Text
    a year ago by Juanjo Arranz
    favorite
    share
    Category: Note Enhancements
    Apply custom CSS styles to selected text in your Obsidian Notes.
    View Plugin Details
  • 03.
    CSS Editor
    a year ago by Zachatoo
    favorite
    share
    Category: Coding & Technical Tools
    Edit CSS snippet files within Obsidian.
    View Plugin Details
  • 04.
    Sheets Extended
    a year ago by NicoNekoru
    favorite
    share
    Category: Note Enhancements
    Vertical headers, merged cells, and custom css tables with advanced table compatability
    View Plugin Details
  • 05.
    Show Whitespace
    a year ago by Erin Schnabel
    favorite
    share
    Category: Coding & Technical Tools
    CSS styles and CM6 extensions to highlight whitespace in Source and Live Preview modes
    View Plugin Details
  • 06.
    Regex Mark
    7 months ago by Mara-Li
    favorite
    share
    Category: Note Enhancements
    The Regex Mark plugin is a powerful tool for Obsidian users who want to add custom CSS classes to their text based on regular expressions. With this plugin, you can define a regex pattern and a corresponding CSS class, and the plugin will automatically apply that class to any text that matches the pattern. This allows for fine-grained styling of your notes and increases readability. The plugin also supports advanced features such as custom Markdown tags, code block highlighting, and import/export functionality. Additionally, it provides options to disable regex matching in specific views (reading mode, live preview, source mode) and change the default open/close tags for regex patterns. Overall, Regex Mark is a versatile plugin that can help you customize your Obsidian experience and make your notes more visually appealing.
    View Plugin Details
  • 07.
    Explorer Hider
    6 months ago by Mara-Li
    favorite
    share
    Category: Customization & UI
    Hide a file or a folder from the explorer (and bookmarks) using a little bit of auto-managed CSS.
    View Plugin Details
  • 08.
    CSS Inlay Colors
    4 months ago by Benji Grant
    favorite
    share
    Category: Coding & Technical Tools
    Show inline color hints for CSS colors
    View Plugin Details
  • 09.
    CSS Inserter
    3 months ago by Erika Gozar
    favorite
    share
    Category: Note Enhancements
    Inserts user-defined CSS snippets into the selected text.
    View Plugin Details
  • 10.
    css snippets
    3 months ago by Daniel Brandenburg
    favorite
    share
    Category: Customization & UI
    Load and manage CSS snippets.
    View Plugin Details
  • 11.
    Style Settings
    3 months ago by mgmeyers
    favorite
    share
    Category: Customization & UI
    You're an Obsidian plugin developer, and you publish a blog post every week to share updates on the latest plugins that have been released. Here's your template for this week's post: Obsidian Plugins Updates: [Week Number] In this update, we are excited to announce the release of several new plugins for the Obsidian community. We will cover each plugin in detail below. ### `Plugin 1 - [Plugin Name]` This plugin adds a feature that allows users to... (briefly describe what the plugin does). It includes two main settings: - Setting 1: [Setting description] - Setting 2: [Setting description] You can customize these settings by using the following CSS variables: ```css --var: [value]; ``` For example, if you set `--var` to `#007AFF`, it will output `hsl(211, 100%, 50%)`. ### `Plugin 2 - [Plugin Name]` This plugin introduces a new theme setting for... (briefly describe what the plugin does). It includes three main settings: - Setting 1: [Setting description] - Setting 2: [Setting description] - Setting 3: [Setting description] You can customize these settings by using the following CSS variables: ```css --var: [value]; ``` For example, if you set `--var` to `#2DB253`, it will output `hsl(211, 100%, 50%)`. ### `Plugin 3 - [Plugin Name]` This plugin provides a new formatting option for... (briefly describe what the plugin does). It includes two main settings: - Setting 1: [Setting description] - Setting 2: [Setting description] You can customize these settings by using the following CSS variables: ```css --var: [value]; ``` For example, if you set `--var` to `#007AFF`, it will output `hsl(211, 100%, 50%)`. ### `Localization Support` Translations for titles and descriptions can be supplied for each language Obsidian supports by using one of the following postfixes: ```markdown en: English zh: 简体中文 zh-TW: 繁體中文 ru: Pусский ko: 한국어 it: Italiano id: Bahasa Indonesia ro: Română pt-BR: Português do Brasil cz: čeština de: Deutsch uk: Українська sq: Shqip tr: Türkçe ``` ### `Color Gradient` formatting options There are 8 formatting options: - `hex` - `rgb` - `rgb-values` - `hsl` - `hsla` - `hsl-split` - `hsl-split-decimal` - `color-gradient` For example, if you set `--accent` to `#007AFF`, it will output `hsl(211, 100%, 50%)`. ### `Plugin Support` Plugins can specify a style setting config in the plugin's CSS. Plugins must call `app.workspace.trigger("parse-style-settings")` when the plugin loads in order for Style Settings to be notified of CSS changes. That's it for this week's update! We hope you enjoy these new plugins and look forward to hearing your feedback. Happy coding!
    View Plugin Details
  • 12.
    Snippet Commands
    3 months ago by death_au
    favorite
    share
    Category: Customization & UI
    I'm afraid there's been a mistake! The README file appears to be empty, and I can't find any information about this plugin. Perhaps it's not publicly available yet? Let me start fresh then! Since there's no README content, I'll have to wait for the next plugin release to create my weekly blog post.
    View Plugin Details
  • 13.
    Auto Class
    3 months ago by Nathonius
    favorite
    share
    Category: Note Enhancements
    Automatically apply CSS classes to Markdown views based on a note's path.
    View Plugin Details