ai-agent

Obsidian Style Settings

Name: Obsidian Style Settings
Author: community-archive

A dynamic user interface for adjusting theme, plugin, and snippet CSS variables within Obsidian

2,417 stars172 forksTypeScriptUpdated 7/13/2026100% free · open source

What it does

Obsidian-style-settings allows you to dynamically adjust theme, plugin, and snippet CSS variables within Obsidian through a user-friendly interface

When to use it

•You want to customize the look and feel of your Obsidian notes without manually editing CSS files
•You need to switch between different themes or styles for different projects or workflows
•You want to test and preview various CSS settings before applying them to your entire Obsidian setup

Ready-to-paste prompt

Open the Style Settings interface and use the 'Edit CSS' button to add a new snippet with the following code: `--background-primary: #333;` to change the background color of your Obsidian notes

Heads up: Make sure you have Obsidian version 0.10.6 or higher installed to use the Style Settings plugin, as it relies on features introduced in this version

Saves to your device

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/obsidian-style-settings && curl -fsSL https://workflowstacks.com/api/skills/obsidian-style-settings/claude-skill -o ~/.claude/skills/obsidian-style-settings/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/obsidian-style-settings && curl -fsSL https://workflowstacks.com/api/skills/obsidian-style-settings/claude-skill -o ~/.claude/skills/obsidian-style-settings/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Quick Actions

Details

Creator

community-archive

Language

TypeScript