A Comprehensive, Highly-Customisable and Elegant Light/Dark Theme for Obsidian.md
MIT License
Bot releases are visible (Hide)
Published by damiankorcz almost 2 years ago
โ ๏ธ Important
To accommodate the fixes mentioned below I had to change the format used for colours. This means that for Internal and External links colours as well as Custom Accent colours you might have to save or set each colour again in Style Settings for it to be updated.
If you have created a CSS Snippets for Custom Callouts using the guide in the wiki, you will need to change /
to ,
in .callout-content
. Refer to the guide again if you are confused.
If you have used the previous format found in colour scheme files in your CSS snippets, the naming changed to the following:
--red100
-> --color-red-base-hsl
for HSL comma separated values OR --color-red-base
for a HSL variable.
--red200
-> --color-red-tint-hsl
for HSL comma separated values OR --color-red-tint
for a HSL variable.
--red300
-> --color-red-text-hsl
for HSL comma separated values OR --color-red-text
for a HSL variable.
(Applicable for all colours. Just replace red
in each variable for the colour you want)
Apologize for the inconvenience! ๐
๐ฉน Fixes
โข Hovering on Internal and External Links should now use the set colour but dimmed. #95
โข When using Custom Accent colours, highlighting text should now work and use the base
colour. #99
Published by damiankorcz almost 2 years ago
.prism-theme
class via Style Settings as a unique identifier for the theme; helps resolve CSS Snippet issues when theme hopping #54โ ๏ธ Note
You can now prefix all Prism specific selectors in your CSS Snippets with .prism-theme
. That way any changes you want to make for Prism specifically will only be applied to it. Due to a bug in Style Settings you might need to reload Obsidian when switching themes away from Prism, so that the class added by it gets removed from the tag (makes the snippet think you are still using Prism even though you switched to another theme).
This change is handy if you theme hop and want to have a Custom Callouts CSS Snippet which supports the default Callouts customisation and Prism specific one. I've updated the Callouts Customisation guide to reflect this change:
https://github.com/damiankorcz/Prism-Theme/wiki/Callout-Customisation
Published by damiankorcz almost 2 years ago
Note: If you have used the Callout Customisation guide in the Wiki, please look at the top example again since I had to add >
after the callout class so it works when nested.
Published by damiankorcz almost 2 years ago
Published by damiankorcz almost 2 years ago
โ ๏ธ Important
This release only supports Obsidian 1.0.0 or higher. If you are an existing user, it is highly recommended that you reset your Style Settings to default settings and restart Obsidian due to a large amount of changes. Also, the native accent colour picker won't be used; use the relevant Style Settings instead.
๐ New and Improved
Prism 3.0.0 is a complete rewrite of the theme to incorporate the changes made by the new Default theme introduced in Obsidian 1.0.0. The theme aims to supports Desktop, Phone and Tablet clients. The theme makes liberal use of the newly introduced variables to help with CSS Snippet compatibility and general overridability of Prism styling.
The rewrite also focuses on making the theme more maintainable for me which resulted in removal of multiple Style Settings features and overall design simplification. Going forward polish and stability will be prioritised over additional custom features. I aim to only support standardised features in Prism (be it native Obsidian, Community Plugins or popular CSS Snippets). Anything that creates incompatibility when switching to other themes or deviates too much from making your files Markdown / HTML spec compliant won't be implemented or provided as a CSS Snippet.
๐งฐ Added to Style Settings
Custom Vault Banner
options have been moved to Prism Theme -> Appearance
.Disable Ligatures
in fonts.Hidden
Option for Status Bar Style.โ ๏ธ Breaking Changes
Aqua
to Cyan
to be inline with Default Theme colour variable. You can still use the Aqua
class for Mark Highlights but I'd recommend switching to Cyan
in case Aqua
is removed in the future.Status Bar Position
option for Status Bar Style
. No more top status bar option.Custom Accent Color Tuning
with simple colour pickers for each shade. Previous system was too restrictive and unintuitive.๐๏ธ Removed Options
Disable Custom Icons
and Disable Animations
toggle. Both are no longer part of the theme.Sliding Panes
plugin due to the introduction of the native implementation called Tab Stacks
; which is supported by the theme now.Transparent
, Grid Accent Color
and Dots Accent Color
option from Kanban Backgrounds.Status Bar Items Order
and Solid Status Bar Background
options.Window Gap (px)
option since there are no gaps in the design anymore.Vertical Line Toggle
and Width Control
from File Explorer.Advanced Tables Buttons Container Alignment
option.Colour Customisation
options for the title bar.Opacity
option from the Graph Colour Options.Enlarged Scrollbar on Hover
option.Solid Titlebar Background
option.Minimal Right Sidebar
option.Header Padding Size
option.Hide Note Titlebar
option.Titlebar Style
options.Scroll Buttons
toggle.Background
options.๐ฉน Fixes
๐ ๏ธ Behind the Scenes
๐๏ธ Updated Readme
The Readme has been updated to better showcase the theme.
https://github.com/damiankorcz/Prism-Theme
๐ Prism Wiki
The Prism Wiki is making a comeback and now includes additional detailed descriptions for theme specific features and customisation options.
https://github.com/damiankorcz/Prism-Theme/wiki
๐งต Prism Forum Thread
https://forum.obsidian.md/t/theme-prism/36493
โ Support Prism Development
https://www.buymeacoffee.com/DamianKorcz
Published by damiankorcz over 2 years ago
๐งฐ Added to Style Settings
๐งฉ New Supported Community Plugins
๐ฉน Fixes
๐ ๏ธ Behind the Scenes
๐งต Prism Forum Thread
https://forum.obsidian.md/t/theme-prism/36493
๐ Github Release Link
https://github.com/damiankorcz/Prism-Theme/releases/tag/2.3.0
โ Support Prism Development
https://www.buymeacoffee.com/DamianKorcz
Published by damiankorcz over 2 years ago
Published by damiankorcz over 2 years ago
Published by damiankorcz over 2 years ago
Published by damiankorcz over 2 years ago
๐ New and Improved
๐งฐ Added to Style Settings
๐งฉ New Supported Community Plugins
๐ฉน Fixes
Code
and kbd
elements now render correctly in Quotes and Callouts while in Live Preview.๐ ๏ธ Behind the Scenes
๐งต Prism Forum Thread
https://forum.obsidian.md/t/theme-prism/36493
๐ Github Release Link
https://github.com/damiankorcz/Prism-Theme/releases/tag/2.2.0
โ Support Prism Development
https://www.buymeacoffee.com/DamianKorcz
โ
Published by damiankorcz over 2 years ago
Published by damiankorcz over 2 years ago
https://user-images.githubusercontent.com/7290097/167303429-2d4b92fc-6357-4687-9a96-6b6229277b45.mp4
๐ New and Improved
โข Mobile is now officially supported ๐ฅณ. Let me know if you have any issues. Tested on Android phone and tablet. #16
โข Styling for the Query block. Visually matches embedded backlinks.
โข Styled the Empty State container element.
โข Added Custom Icons for the Dangling Links Nav Buttons.
โข Increased the contrast of Text Selection Background in Light Themes. #53
โข The Gutter Line Numbers are now back to being top aligned the same way as default theme.
โข Replaced the default Vault Banner icon with embedded SVG. Theme works fully offline now ๐ฅณ.
๐งฐ Added to Style Settings
โข Option to change the Header Text Colour (Editor โ Headers โ Header Text Color).
โข Option for Custom Readable Line Length (Editor โ Custom Readable Line Length(px)).
โข Option for Graph Lines Customisation (Appearance โ Graph Color Customisation โ Light/Dark Theme โ Graph Lines Color).
๐งฉ New Supported Community Plugins
โข Query Control.
โ ๏ธ Breaking Changes
You will likely need to set the following again. Sorry!
โข The way Graph colours are set in the code have been reworked.
โข Header Margin renamed to Header Padding and now works in all views.
๐ฉน Fixes
โข Fixed the lack of top padding inside of callouts. #52
โข Reverting from using font-variation-settings
to font-weight
due to it's incompatibility with Mobile and prior issues caused by it.
โข Fixing a typo for the Emoji font used in Style Settings headers.
โข Fixing wrong classes used for background colour.
โข Background colour inside tables now matches in all views.
๐ ๏ธ Behind the Scenes
โข Over 14k downloads now ๐คฉ.
โข Theme size: From 11918 to 13762 lines | From 1396kb to 1478kb.
๐งต Prism Forum Thread
https://forum.obsidian.md/t/theme-prism/36493
๐ Github Release Link
https://github.com/damiankorcz/Prism-Theme/releases/tag/2.1.0
โ Support Prism Development
https://www.buymeacoffee.com/DamianKorcz
โ
Published by damiankorcz over 2 years ago
Published by damiankorcz over 2 years ago
๐ฃ UPDATE REQUIRES STYLE SETTINGS RESET AND OBSIDIAN RESTART ๐ฃ
๐ New and Improved
๐งฐ Added to Style Settings
๐งฉ New Supported Community Plugins
โ ๏ธ Breaking Changes
๐ฉน Fixes
๐ ๏ธ Behind the Scenes
๐งต Brand New Prism Forum Thread
https://forum.obsidian.md/t/theme-prism/36493
๐ Github Release Link
https://github.com/damiankorcz/Prism-Theme/releases/tag/2.0.0
โ Support Prism Development
https://www.buymeacoffee.com/DamianKorcz
Published by damiankorcz over 2 years ago
Published by damiankorcz over 2 years ago
Published by damiankorcz over 2 years ago
Improvements
New Supported Plugins
Fixes
Issues / Requests
Let me know on Prism's GitHub Issue Page:
https://github.com/damiankorcz/Prism-Theme/issues
Questions
@ me in the #appearance-dev Text Channel on the Official Obsidian Discord Channel.
Published by damiankorcz over 2 years ago
Improvements
New Supported Plugins
Fixes
If you use the theme and would like me to theme your favourite plugin that doesn't look right with the theme OR you want specific features for the Editor/Preview modes feel free to submit an Issue on Prism's GitHub Issue Page.
Or @ me in the #appearance-dev Text Channel on the Official Obsidian Discord Channel.
Published by damiankorcz over 2 years ago
Published by damiankorcz over 2 years ago
New Snippet
src/snippets
in Prism's Github Repo.Improvements
New Supported Plugins
Backend Changes
Removed
Fixes
If you use the theme and would like me to theme your favourite plugin that doesn't look right with the theme OR you want specific features for the Editor/Preview modes feel free to submit an Issue on Prism's GitHub Issue Page.
Or @ me in the #appearance-dev Text Channel on the Official Obsidian Discord Channel.