Prism-Theme

A Comprehensive, Highly-Customisable and Elegant Light/Dark Theme for Obsidian.md

MIT License

Stars
384
Committers
4

Bot releases are hidden (Show)

Prism-Theme - Prism v3.0.4

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

Prism-Theme - Prism v3.0.3

Published by damiankorcz almost 2 years ago

Quick Fix

  • Added .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

Prism-Theme - Prism v3.0.2

Published by damiankorcz almost 2 years ago

Quick Fixes

  • Nested callouts should now render in the correct colours instead of inheriting the parent #93
  • Fixed the cursor position issue around the start of the bulleted list in Live Preview #94

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.

Prism-Theme - Prism v3.0.1

Published by damiankorcz almost 2 years ago

Quick Fix

  • Bold and Italic text colour now displays correctly in Reading mode #92
Prism-Theme - Prism v3.0.0

Published by damiankorcz almost 2 years ago

Social Preview

โš ๏ธ 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

  • The Custom Vault Banner options have been moved to Prism Theme -> Appearance.
  • Colour options for text using Bold and Italic at the same time.
  • Option to change the colour and size of the Inline Title.
  • Option to Disable Ligatures in fonts.
  • Hidden Option for Status Bar Style.

โš ๏ธ Breaking Changes

  • Renamed 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.
  • Changed the Status Bar Position option for Status Bar Style. No more top status bar option.
  • Replaced the 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.
  • Support for 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

  • Syntax Highlighting for the Frontmatter #88

๐Ÿ› ๏ธ Behind the Scenes

  • Theme line count has been reduced by ~64% | Theme file size reduced by 18%.

๐Ÿ—’๏ธ 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

Prism-Theme - Prism v2.3.0

Published by damiankorcz over 2 years ago

๐Ÿงฐ Added to Style Settings

  • Minimal Right Sidebar option (User Interface โžœ Sidebar Elements). #71
  • File Explorer File/Folder inset distance (User Interface โžœ Sidebar Elements โžœ File Explorer). #70

๐Ÿงฉ New Supported Community Plugins

  • File Tree Alternative Plugin. #69
  • Recent Files. #74

๐Ÿฉน Fixes

  • Fixing nested tags not displaying correctly in the editor. #55
  • Fixed the Title text not collapsing when using Hide Note Titlebar option on Mobile. #65
  • Made line-wrapped headings line spacing tighter on Mobile (and slightly on Desktop). #72
  • Fixed the issue of plain squares appearing instead of icons in active tabs. #74
  • Focused Note headers display correctly when focus is changed to another element or another window instance.
  • Fixed the vertical misalignment of icons in the menu dropdowns when spawned from a popout window.
  • Fixed the height of Tree Item Headers (Backlinks, Outgoing Links, Tags and Search).
  • Reduced the inset amount for nested tags.

๐Ÿ› ๏ธ Behind the Scenes

  • Over 21k downloads ๐Ÿคฉ.
  • Theme size: From 14492 to 15353 lines | From 1504kb to 1553kb.

๐Ÿงต 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

Prism-Theme - Prism v2.2.3

Published by damiankorcz over 2 years ago

Quick Fixes

  • Small fixes for changes made in Obsidian v0.15.0.
Prism-Theme - Prism v2.2.2

Published by damiankorcz over 2 years ago

Quick Fixes

  • Fixed Hover Editor Icons.
Prism-Theme - Prism v2.2.1

Published by damiankorcz over 2 years ago

Quick Fixes

  • Fixed Custom Icon rendering issues on iOS.
Prism-Theme - Prism v2.2.0

Published by damiankorcz over 2 years ago

๐ŸŒŸ New and Improved

  • Styled HTML Progress Bars.
  • Reworked the Custom Icons Hover system to work (Thanks to @tingmelvin).
  • Kanban Card's text now spans the entire width of the card.
  • Consistency improvements between all Editor views.
  • Improvements to the Drag Ghost, Target Overlays, visibility of Inline Code, Menu popups, Community Plugins list, Vim cursors, File Type Tag in File Explorer and the 'Add a card' button in Kanban.
  • Contrast improvements to Text Selection in the Pine Colour Scheme #63
  • Improved contrast for the selected item in the Command Pallete / Slash Commands #63

๐Ÿงฐ Added to Style Settings

  • Added Colour options in Style Settings for Bold / Italic Text and Internal / External Links (Prism Theme โžœ Editor โžœ Editor Text Color) #62
  • Added Style Settings toggles for Removing Card Counter and Centring Text in Kanban Lane Titles (Prism Theme โžœ Plugins โžœ Kanban).

๐Ÿงฉ New Supported Community Plugins

  • Quiet Outline #58

๐Ÿฉน Fixes

  • Added a border for highlighted/selected options in Suggestion popups to help with contrast #60
  • Code and kbd elements now render correctly in Quotes and Callouts while in Live Preview.
  • Fixed the Titlebar text hide option.
  • Buttons are now visible in the prompt when trying to disable safe mode.

๐Ÿ› ๏ธ Behind the Scenes

  • The Wiki and mention of it in Style Settings have been removed. Might enable it in the future if I get some time to work on it again.
  • Added Templates for Bug and Feature Requests in the Repo.
  • Switched to esbuild from Grunt for building the theme (Recommended by @valentine195 / Config based on @jdanielmourao's Sanctum theme).
  • Over 17k downloads ๐Ÿคฏ.
  • Theme size: From 13795 to 14492 lines | From 1479kb to 1504kb.

๐Ÿงต 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
โ €

Prism-Theme - Prism v2.1.1

Published by damiankorcz over 2 years ago

Quick Fixes

  • Fixed workspace rendering issues on iOS; Edit views should now display correctly.
  • Other small fixes related to iOS and mobile in general.
Prism-Theme - Prism v2.1.0

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
โ €

Prism-Theme - Prism v2.0.1

Published by damiankorcz over 2 years ago

Quick Fixes

  • Fixed the Custom Solid Colour option for the main Background.
    (Might need to reset the option manually (Sorry!) in Style Settings -> Prism Theme -> Appearance -> Background Options -> Light/Dark Theme -> Background Type)
  • Fixed incorrect top padding in Outgoing Links pane.
  • Condensed the Plugin Version and Author name into one line in Community Plugins list.
Prism-Theme - Prism v2.0.0

Published by damiankorcz over 2 years ago

Final

๐Ÿ“ฃ UPDATE REQUIRES STYLE SETTINGS RESET AND OBSIDIAN RESTART ๐Ÿ“ฃ

๐ŸŒŸ New and Improved

  • 8 Hand Crafted Colour Schemes.
  • Custom UI Icons and new Mono font, Source Code Pro.
  • Callouts are now natively styled.
  • Design and consistency improvements throughout the entire theme.

๐Ÿงฐ Added to Style Settings

  • Reorganised options in Style Settings.
  • Option to change the text colour used on accented UI elements. #41
  • Option for Icons plugin to inherit the UI Accent Colour. #37
  • Redesigned Custom Accent Colour Tuning (Thanks @pseudometa).
  • New Feature Toggles for:
    1. Note Title Bars Auto-Hide feature. #40
    2. Disabling Custom UI Icons.

๐Ÿงฉ New Supported Community Plugins

  • Hover Editor
  • Dictionary #37
  • Jump to Date #37
  • Tag Folder
  • Icons

โš ๏ธ Breaking Changes

  • Removed Source Serif 4 and Fira Code fonts.
  • Removed Font Options in Style Settings. Use Native options in the Appearance tab to overwrite theme fonts.
  • Removed Header Visual Customisation. Will be reworked in the future.
  • Reworked Accent Styles and Mark Highlight System. Removed "Border and Text" Style. Use the Text Colour Preset to change the Text colour used on Accented UI elements / Mark highlights. Works across all Styles.

๐Ÿฉน Fixes

  • Removed additional indentation on the first line of untyped code block in Reading mode #42
  • Kanban card no longer crops out Mark Highlight borders if at the top or bottom of a card.

๐Ÿ› ๏ธ Behind the Scenes

  • Big clean-up of the code, refactoring and formatting with Stylelint.
  • Theme size went from 2486kb to 1396kb. From 21767 to 11918 lines of code.
  • Renamed a lot of variables and classes to improve consistency.

๐Ÿงต 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

Prism-Theme - Prism v1.5.2

Published by damiankorcz over 2 years ago

Quick Fix

Prism-Theme - Prism v1.5.1

Published by damiankorcz over 2 years ago

Quick Fix

  • Resolved the z-index issue causing the Embedded Backlinks buttons container showing above the Settings modal #3
Prism-Theme - Prism v1.5.0

Published by damiankorcz over 2 years ago

Prism v1.5.0

Changelog

Improvements

  • Added animations to interactable elements such as buttons, icons and titles. (Can be disabled in Style Settings under Feature Toggles)
  • Adjusted the Frosted Blur background effect to improve text readability. (Can be made opaque in Style Settings under Feature Toggles) #30
  • Improved overall contrast and colour vibrancy in the Dark Theme. Some minor adjustments to the Light Theme as well.
  • Improved Embedded Backlinks design; Removed Title and Nav Buttons now stick to the top of the page as you scroll. #31
  • Embedded Source Serif 4 font a Serif alternative.
  • Updated existing fonts to use Variable variant. Source Sans Pro has been updated to Source Sans 3 improving the quality of the text.
  • Visual Improvements to the Style Settings + Added Support section to the Style Settings.
  • Kanban Cards now use the Preview Font setting.
  • Added a new Popup drop shadow variant; used by elements which overlap other elements.
  • Added a subtle transparent background behind modals.
  • Styled Drag Ghost and Error tooltip.

New Supported Plugins

  • Emoji Toolbar
  • Reminders

Fixes

  • Fixed the vertical alignment of the Embedded Backlinks' file name titles #31
  • Fixed the depth of the Reminders Calendar so it overlaps other elements. #19
  • Fixing the File Preview Popover background and scrolling through the entire file should work now #19
  • Small fixes to the Source View.
  • Kanban Settings Modal now matches the size of other settings modals.
  • Removed the reduced font weight for Headers; reverted back to default (800).
  • A lot of small fixes around the UI.

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.

Prism-Theme - Prism v1.4.0

Published by damiankorcz over 2 years ago

image

Changelog

Improvements

  • Added an additional prompt for Style Settings requirement in the main Workspace.
  • Capitalised each word for the titles in the Community Themes Store.
  • Added a Style Settings toggle for the icons from Icon Folder to inherit the UI Accent Colour; On by default.

New Supported Plugins

Fixes

  • Fixed some Kanban background options not working.
  • Fixed Graph Controls position when using Map View Plugin.

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.

Prism-Theme - Prism v1.3.1

Published by damiankorcz over 2 years ago

Quick Fixes

  • Calendar hollow task now uses the accent colour as well + Changed the accent colours to use a better contrasting shade.
  • Added the new plugins to the Hub compatibility.
  • Fixed Snippet Quick Nav link in the README.md.
  • Remove background from a file/folder that is being renamed.
Prism-Theme - Prism v1.3.0

Published by damiankorcz over 2 years ago

Prism v1 3 0

Changelog

New Snippet

  • Prism's Mark Highlight System is now a CSS snippet! Found under src/snippets in Prism's Github Repo.

Improvements

  • Tab Labels now wrap around so you can have as many sidebar elements stacked as you please and still have them all visible.
  • Small fixes and colour adjustments in the Editing Modes.

New Supported Plugins

Backend Changes

  • Theme has been transitioned into using Sass and has been organised into SCSS independent files. Full conversion of each file to utilise Sass features and additional comments are still WIP.
  • The theme now makes use of VSCode Regions to help navigate around the final CSS and individual SCSS files (Recommend using Region Viewer plugin in VSCode for easier navigation).
  • The theme is now built with Grunt. The setup is based on @kepano 's Minimal Theme Grunt setup.

Removed

  • Removed the toggles for Text Wrapping options for File Explorer and Outline. Was causing multiple issues when using truncated text so now by default text will wrap.

Fixes

  • The Style Settings Requirement prompt will now not show when Style Settings is enabled. #25
  • File Explorer will now display all files correctly past a set amount. #28
  • Fixed the gradient for the rotated Sliding Pane Headers. #29
  • Fixed the Workspace Resize Handles. Should now correctly show up in between workspaces spanning the full width of the gap.

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.