Search...Search plugins and themes...
⌘K
Sign in
  • Get started
  • Download
  • Pricing
  • Enterprise
  • Account
  • Obsidian
  • Overview
  • Sync
  • Publish
  • Canvas
  • Mobile
  • Web Clipper
  • CLI
  • Learn
  • Help
  • Developers
  • Changelog
  • About
  • Roadmap
  • Blog
  • Resources
  • System status
  • License overview
  • Terms of service
  • Privacy policy
  • Security
  • Community
  • Plugins
  • Themes
  • Discord
  • Forum / 中文论坛
  • Merch store
  • Brand guidelines
Follow us
DiscordTwitterBlueskyThreadsMastodonYouTubeGitHub
© 2026 Obsidian

Style Importer

joshrouwhorstjoshrouwhorst4k downloads

Import a stylesheet from a URL into your snippets folder.

Add to Obsidian
  • Overview
  • Scorecard
  • Updates3

The Style Importer plugin lets you load a CSS file into your snippets folder from a URL. This provides an easy way to keep styles synced across multiple notebooks.

  • GitHub
  • Buy Me a Coffee

Setup

When you first set up this plugin in a notebook you will want to go through these steps:

  1. Open Settings.
  2. Go to Style Import settings.
  3. Set the URL where your CSS file is hosted.
  4. Go to Appearance settings.
  5. Scroll down to CSS Snippets.
  6. Click the Refresh button if you don't see a style-importer file.
  7. Toggle on the style-importer file.

Hosting CSS

A quick way to get your CSS file hosted is to go to GitHub Gists where you can create a gist. Create your CSS file there and then enter the URL to the Raw version of your file in the Style Import settings.

Internet Requests & File Changes

This plugin will only make requests to the URL(s) you provide it for CSS files. It then saves that file in your .obsidian/snippets folder under the filename style-importer.css. No other file manipulation is done by this plugin.

Feedback

If you have any feedback or questions you can submit an issue on the GitHub project.

66%
HealthFair
ReviewCaution
About
Import CSS from a URL and save it as .obsidian/snippets/style-importer.css to keep styles synced across multiple vaults. Keep requests restricted to the URLs you provide and write only that single snippet file.
CSSAppearanceSnippets
Details
Current version
1.0.4
Last updated
3 years ago
Created
3 years ago
Updates
3 releases
Downloads
4k
Compatible with
Obsidian 0.1.0+
Platforms
Desktop, Mobile
License
MIT
Report bugRequest featureReport plugin
Sponsor
Buy Me a Coffee
Author
joshrouwhorstjoshrouwhorst
github.com/joshrouwhorst
GitHubjoshrouwhorst
  1. Community
  2. Plugins
  3. CSS
  4. Style Importer

Related plugins

Snippetor

Create and tweak common snippets.

Style Settings

Adjust theme, plugin, and snippet CSS variables.

Lapel

Show the heading levels in the gutter of the editor.

CSS Editor

Edit CSS snippet files.

Show Whitespace

CSS styles and CM6 extensions to highlight whitespace in Source and Live Preview modes.

Contextual Typography

Add a data-tag-name attribute to all top-level divs in preview mode containing the child's tag name, allowing contextual typography styling.

Focus Mode

Add a toggle to hide interface elements so you can focus on your note.

Better Bullets

Improves readability of bulleted notes.

Color Palette

Create and insert color palettes into your notes.

Linkify

Convert matching text into links.