Prism-Theme
Prism-Theme copied to clipboard
A Comprehensive, Highly-Customisable and Elegant Light/Dark Theme for Obsidian.md
✨ Key Features
- 8 Hand Crafted Light / Dark Colour Schemes.
- 4 Accent Styles and 10 Preset Accent Colours.
- Highlight System based on the
<mark>
tag. - Customisable app background options.
- UI customisation including position, alignment and modification of various elements.
- Independent options for the Light and Dark variants.
... and plenty more available in Style Settings!
📸 Screenshots
🌈 Colour Schemes
Codename | Light Variant | Dark Variant |
---|---|---|
Bird | ![]() |
![]() |
Coffee | ![]() |
![]() |
Flower | ![]() |
![]() |
Tree | ![]() |
![]() |
🚀 Getting Started
Install the Prism Theme
Recommended Method - Built-in Install
- Open Obsidian and go to Settings.
- Click on the Appearance tab.
- Click the Manage button.
- In the
Filter...
Search Box under the Community Themes section search forPrism
. - Click the Use button.
Alternative Method - Manual Install
- Manually download the
obsidian.css
theme file. - Open Obsidian and go to Settings.
- Click on the Appearance tab.
- Under the Themes section click on the Folder Icon next to the Manage button.
- Paste the Theme file into the newly opened folder.
- Make sure to rename the
obsidian.css
file toPrism.css
.
Required Plugin/s
This theme requires the Style Settings plugin to function correctly and to access various theme specific settings.
Install the Style Settings Plugin
- Open Obsidian and go to Settings.
- Click on the Community plugins tab.
- Under the Community plugins section, click on the Browse button.
- In the
Search community plugins...
Search Box look forStyle Settings
. - Click the Install button.
Enable the Style Settings Plugin
- Open Obsidian and go to Settings.
- Click on the Community plugins tab.
- Under the Installed Plugins section look for
Style Settings
. - Click the Toggle next to Style Settings to On.
- You should now see Style Settings tab show up in the Left Sidebar in the Settings under the Plugin Options section.
I highly recommend for you to go through the options available in the Style Settings to make the theme fit you just right!
🧩 Supported Plugins
Checkout the full list in the Supported Plugins section of the Wiki. These plugins have been checked to work correctly and might have additional settings in Style Settings.
If you have any issues with the plugins mentioned above or would like another plugin to be supported by the theme Submit an Issue regarding it.
✂️ Snippets
Theme features which you can import as snippets into Obsidian are located in the Snippets Folder. These features have been requested by users for use in other themes and for additional interoperability between themes. If you would like to see a feature of Prism as a snippet make a Feature Request in the Issues section of this repo.
🛠 Contributing
Currently the theme is being designed for desktop use with mobile planned in the future. The theme has been tested on Windows 10/11 so there might be some issues on Linux/MacOS.
If you want to provide specific feedback or report an issue please use Issues.
Although I don't prohibit pull requests, the theme is quite complex with a lot of intricate setup to keep in mind when adding features. A good understanding of how themes that utilise Style Settings work and familiarised yourself with how this theme is setup, I'd recommend submitting an Issues instead. I'll try my best to stay on top of the most pressing issues/feature requests!
Otherwise you are welcome to contact me through the channels mentioned below to discuss anything regarding the theme.
📬 Contact
If you have any questions you can message me on:
Feel free to reach out to me via the Official Obsidian Discord Channel:
Let me know how you use the theme over at Prism's Obsidian Forum Thread:
📣 Acknowledgments
Special thanks to the following people:
- The developers of Obsidian.md (@ericaxu and @Lishid) for providing an amazing tool free of charge!
- @mgmeyers for Style Settings and Kanban Plugins that are the backbone of this theme! Also thank you for addressing some issues I've encountered with Style Settings while developing the theme.
- @chrisgrieser for the Hue slider gradient code.
- @tingmelvin for helping me debug issues.
- On recommendation from @valentine195 - Esbuild config is based on @jdanielmourao's Sanctum theme setup.
- The Obsidian Community over at Discord for endless inspiration to improve the theme!
📝 License
The Theme contains Base64 embedded versions of the following fonts:
- Source Sans - Distributed under the SIL Open Font License 1.1
- Source Code Pro - Distributed under the SIL Open Font License 1.1
The Theme code is distributed under the MIT License. See LICENCE for more information.