Toggle the theme in Obsidian's panels

Overview

Obsidian Theme Toggler

CodeQL Release

Obsidian Theme Toggler by larsmagnus

Toggle the theme individually for each of Obsidian's panels.

What the plugin does

It adds a theme toggle button to each pane in your workspace, allowing you to set the theme on a per-panel basis. In addition, it adds three commands for toggling the theme. You can explicitly determine whether to toggle the theme, change it to dark, or change it to light.

Commands

  • Theme Toggler: Toggle theme in the active pane
  • Theme Toggler: Activate dark mode in the active pane
  • Theme Toggler: Activate light mode in the active pane

Support

If you find this plugin useful and would like to support its development, you can sponsor me on GitHub sponsors, buy me a coffee, or ko-fi.

Buy Me a Coffee

Buy Me a Coffee at ko-fi.com

Disclaimer

This plugin is provided as is, and is designed for my personal use of Obsidian on macOS. As such it is not thoroughly tested across all operating systems and use cases. It is designed to work the best with the "Default Obsidian" theme.

This plugin modifies some parts of the Obsidian interface, so it may break with future updates. It may also be incompatible with other plugins, bits of custom CSS you have, or the theme you are using.

You might also like...

Toggle Dark-Mode manually on InStream.de

InStream.de Dark-Mode Umschalter Was es macht Dieses Add-On für Firefox fügt einen Button hinzu, mit dem man websites zwischen "Normal" und "Dark-Mode

Feb 7, 2022

❤️ A heart-shaped toggle switch component for React.

❤️ A heart-shaped toggle switch component for React.

heart-switch A heart-shaped toggle switch component for React. Inspired by Tore Bernhoft's I heart toggle Dribbble shot. 📖 Table of Contents 🚀 Getti

Dec 15, 2022

A utility for creating toggleable items with JavaScript. Inspired by bootstrap's toggle utility. Implemented in vanillaJS in a functional style.

LUX TOGGLE Demo: https://jesschampion.github.io/lux-toggle/ A utility for creating toggleable dom elements with JavaScript. Inspired by bootstrap's to

Oct 3, 2020

🤖 Tailwind CSS assistant helps you to edit classes (includes JIT & ignores purge), toggle breakpoint classes on an element and view current breakpoint

🤖 Tailwind CSS assistant helps you to edit classes (includes JIT & ignores purge), toggle breakpoint classes on an element and view current breakpoint

Tailwind CSS Assistant See it in action on this example website 🎉 ✅ Small JavaScript package that helps you work with Tailwind CSS by... Showing you

Dec 28, 2022

An Awesome Toggle Menu created with HTML,CSS,JQuery,font-awesome and line by line comment.

An Awesome Toggle Menu created with HTML,CSS,JQuery,font-awesome and line by line comment.

Demo : https://blackx-732.github.io/AwesomeMenu/ Under open source license No ©copyright issues Anyone can be modify this code as well Specifically we

Feb 9, 2021

Pure CSS toggle switch

Pure CSS toggle switch demo install npm i toggle-switch-css or yarn add toggle-switch-css use label class="toggle-switch my-toggle-switch" in

Sep 14, 2021

Toaster is a Pure Javascript plugin for displaying toast notifications. It comes with different options e.g custom text or HTML message, duration, custom class, toggle close button, position, custom close icon and backgorund color.

Pure Javascript Toaster Requires Nothing Demo Toaster is a Pure Javascript plugin for displaying toast notifications. It comes with different options

Jun 21, 2022

A tiny JavaScript library to easily toggle the state of any HTML element in any contexts, and create UI components in no time.

A tiny JavaScript library to easily toggle the state of any HTML element in any contexts, and create UI components in no time.

A tiny JavaScript library to easily toggle the state of any HTML element in any contexts, and create UI components in no time. Dropdown, navigation bu

Nov 25, 2022

A pure CSS toggle switch for form input checkboxes

A pure CSS toggle switch for form input checkboxes

Toggle Switchy A pure CSS toggle switch for form input checkboxes Preview Installation CSS link rel="stylesheet" href="toggle-switchy.css" HTML lab

Dec 8, 2022
Comments
  • feat: Obsidian 1.0.0 Support

    feat: Obsidian 1.0.0 Support

    Description of the Change

    • Move button settings to a constant
    • Simplifies the event listener for panel button clicks
    • Explicitly set the custom CSS variables for text colours as they've been moved for Obsidian 1.0.0
    • Adds more comments
    • Only support Obsidian 1.0.0 and up
    • Cleans up unused ´getAppTheme´

    Checklist

    • [x] Used the provided eslint configuration, as explained in the Readme.
    • [ ] Did not use prettier.
    • [x] Used expressive variable names.
    • [x] Code is commented well.
    opened by larsmagnus 0
Owner
Lars Magnus Klavenes
Frontend Engineer and Engineering Manager – I supercharge teams and web experiences by combining accessibility, design and development.
Lars Magnus Klavenes
My XFCE dotties - The GTK theme as well as the kvantume theme used here are forks of the Matcha GTK/kvantum theme

DOTFILES OF MY XFCE SETUP The GTK theme as well as the kvantume theme used here

Mehedi Rahman Mahi 201 Dec 31, 2022
🌗 1 line of code to apply auto dark / light theme and support custom theme for your website. Super fast and lightweight theme library.

themes.js A super lightweight and fast Theme library with auto system color scheme detection in JavaScript. Features Auto detect Dark / Light mode by

SerKo 4 Nov 29, 2022
A JavaScript plugin that provides snapping functionality to a set of panels within your interface.

PanelSnap A JavaScript library that provides snapping functionality to a set of panels within your interface. Introduction PanelSnap is a framework ag

Guido Bouman 616 Dec 16, 2022
Playful and Colorful One-Page portfolio featuring Parallax effects and animations. Especially designers and/or photographers will love this theme! Built with MDX and Theme UI.

Gatsby Starter Portfolio: Cara Playful and Colorful One-Page portfolio featuring Parallax effects and animations. Using the Gatsby Theme @lekoarts/gat

prashanth s 1 Dec 24, 2021
Logseq-craft-theme - Craft Theme for Logseq

Craft for Logseq Almost all creativity requires purposeful play. A Craft insprir

Alexander Rink 33 Oct 26, 2022
Theme Redone is a custom WordPress theme starter/framework with its own Gutenberg blocks solution and a CLI that speeds up the block creation process.

Theme Redone The Framework for Developing Custom WordPress Themes with its own Gutenberg Blocks creation solution. Theme Redone is a custom WordPress

null 103 Dec 30, 2022
A package to toggle properties of your HTML tags.

Toggler A package(atleast the code) to toggle properties of tags. I mostly use toggle classes while making a switch theme method, button interaction e

chandra sekhar pilla 6 Jan 9, 2022
Interactive, accessible toggle switches for the web.

On-Off Toggle Switch Interactive, accessible toggle switches for the web Transform checkboxes into toggle switches. Toggle switches made for the web a

Timmy Willison 91 Sep 9, 2022
DoMe is a ToDo App. you can add, delete and reorder elements of the todo list using drag and drop. You can also toggle between dark&light mode

DO ME Todo App Live Preview : DO ME Built With : - ReactJS - TailwindCSS Make sure you have: - Git - Nodejs version 14 or higher (we recommend using

Medjahdi Islem 5 Nov 18, 2022