#theme
  • 01.
    Day and Night
    2 years ago by Kevin Patel
    favorite
    share
    Category: Customization & UI
    An Obsidian plugin to automatically toggle themes between day theme and night theme on a set time schedule.
    View Plugin Details
  • 02.
    Theme Toggler
    2 years ago by larsmagnus
    favorite
    share
    Category: Customization & UI
    The Theme Toggler plugin is a game-changer for Obsidian users who value flexibility and customization. With this plugin, you can toggle the theme individually for each panel in your workspace, giving you greater control over the visual appearance of your notes. No longer will you be limited to a single global theme; instead, you can switch between light and dark modes on a per-pane basis. Additionally, three new commands are available to toggle the theme, change it to dark, or change it to light, making it easy to experiment with different looks without disrupting your workflow.
    View Plugin Details
  • 03.
    Webpage HTML Export
    2 years ago by Nathan George
    favorite
    share
    Category: Note Enhancements
    Exports an obsidian document, folder, or vault as an HTML document / webpage / website with correct styling. Also has an interactive embedded dark / light theme toggle, and document outline.
    View Plugin Details
  • 04.
    Mermaid Themes
    a year ago by jvsteiner
    favorite
    share
    Category: Customization & UI
    Alternate support for mermaid.js that supports themeing and customization.
    View Plugin Details
  • 05.
    Color cycler
    9 months ago by Taylor Brennan
    favorite
    share
    Category: Customization & UI
    Dynamically change the accent color of the theme.
    View Plugin Details
  • 06.
    Magic Move
    5 months ago by imfenghuang
    favorite
    share
    Category: Coding & Technical Tools
    Animating code blocks with markdown and code syntax highlighting with beautiful themes.
    View Plugin Details
  • 07.
    Minimal Theme Settings
    2 months ago by @kepano
    favorite
    share
    Category: Customization & UI
    The Minimal Theme Settings plugin is a game-changer for Obsidian users who want to customize their theme without digging into code. This plugin allows you to adjust various settings, including color schemes, background styles, and font sizes, all from the Obsidian Settings panel. With this plugin, you can easily switch between different color schemes, such as Atom or Solarized, or create your own custom scheme using the Style Settings plugin. Additionally, you can toggle light/dark mode, customize hotkeys, and even adjust settings like underlining links and font sizes. Whether you're looking to simplify your workflow or add some visual flair to your notes, this plugin is a must-have for any Obsidian user who wants more control over their theme.
    View Plugin Details
  • 08.
    Discordian Theme
    2 months ago by @radekkozak
    favorite
    share
    Category: Customization & UI
    Fine-grained control of Discordian Theme.
    View Plugin Details
  • 09.
    Style Settings
    2 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
  • 10.
    Theme Picker
    2 months ago by kenset
    favorite
    share
    Category: Customization & UI
    Quickly preview and select installed themes.
    View Plugin Details
  • 11.
    Theme Design Utilities
    2 months ago by pseudometa
    favorite
    share
    Category: Customization & UI
    The Theme Design Utilities plugin offers a range of helpful tools for Obsidian theme designers. It includes features like mobile emulation for previewing themes on mobile devices and the ability to cycle through installed themes or toggle between light and dark modes. The plugin also provides commands for debugging, such as adding red outlines to elements or freezing Obsidian for creating test elements. Additionally, it offers helpful resources like cheatsheets and markdown notes for testing theme colors and CSS adjustments. These utilities streamline the theme design process and improve efficiency within the Obsidian environment.
    View Plugin Details
  • 12.
    Auto switch themes between dark/light mode
    14 days ago by Robert Storlind
    favorite
    share
    Category: Customization & UI
    The Double-Switch Plugin brings seamless customization to Obsidian by allowing users to associate specific themes with light and dark modes. Once set up, toggling between modes automatically applies the corresponding theme, ensuring a personalized and visually appealing workspace without manual intervention. Whether you prefer a minimal design for dark mode or a vibrant look for light mode, this plugin gives you full control over theme switching. Simply choose from the themes you’ve already installed, and the plugin handles the rest. It’s a straightforward yet effective solution for users who enjoy adapting their workspace to different lighting conditions. If you’re someone who frequently switches between light and dark modes, the Double-Switch Plugin makes the process more dynamic and tailored to your preferences, enhancing your overall Obsidian experience.
    View Plugin Details