2.7.0 (Rebuilt and Refreshed)
🎠✨ Primary 2.7.0
The new Primary.
Rewritten from the ground up. Designed to feel familiar, but fresh. Still refined and minimalist, like you know it.
For old users, nice to see you again!
For new users, hello!
Enjoy.
💛 If you’d like to support its development, consider donating at your own price or monthly at Ko-fi.
💎 New
- styled and fix flair count (count of backlinks, etc.)
- add access to font feature settings in style settings
⚠️ Changes
- increased contrast of Graph View node’s text color in Dark Mode
- put Bold Modifier back down from 300 to 200
- increased contrast for icon colors
- adjusted some colors by a tiny bit.
🛠️ Fixed
- fixed Heading background color not showing up when customizing with Style Settings
- fix background color for header customization not appearing in editing modes
- when graph view is at .mod-root, take color of the editor
- fixed mobile padding
- fixed dark mode text input color consistency
🌻 Notes
- Codeblock syntax highlighting is not final. Final style will be implemented after the Primary VSCode port is published.
- Primary documentation site is underconstruction but pages up right now are correct!
- More customization and settings will be added as time goes by. If you’d like to be updated
📜 Beta Release Notes
2.0.0-beta
First version of the overhauled and revived Primary. Covered the basics like getting all Obsidian’s CSS variables overwritten to ensure stylistically consistent components.
2.1.0-beta
-
✨ Better Dropdowns, Toggles, Search Boxes, Close Buttons, and Text Boxes
-
✨ Markdown Formatting Colors Polished
-
removed bottom borders for image links
-
corrected the highlight colors
-
changed block quote background color to be higher contrast for extra visibility
-
changed unchecked checkbox background color to be higher contrast
-
rounded the borders of code blocks
-
tags styled
-
✨ Embedded Notes Styled
-
✨ Copy Code Button Styled
I also refactored some code. Here's a list of tiny improvements:
- refactored code for link styling
- refactored code for using font features to remove duplicates
- slight improvement to on hover colors for buttons
- removed background colors on hover for all clickable icons
- removed Karla font
- planning to choose a new set of fonts available for preset for you guys to choose from, as part of this 2.0 refresh
- experimented with syntax highlighting for code blocks
- adjusted shadow opacity for modals, prompts, and dialogs
- continuous experimentation/micro-adjustment to the palette
2.2.0-beta
💎 New
- Styled Canvas interface controls
- Styled Command Palette and Quick Switcher
- Styled Graph View
- Styled Opened Note in File Explorer
- Styled Opened Note in Bookmarks and Highlighted Header section in Outline
- Styled Vault Name in File Explorer
- Styled Search Results (Search, Backlinks, and Outgoing Links)
- Styled Menus (Search Menu, File’s More Options Menu)
- Styled
kbd
and hotkey - Rounded corners of images and videos
- Styled Active Nav Button for Nav Buttons in sidebar tabs
- Styled File Header Breadcrumbs
⚠️ Changes
- Improved styling of Modals (Settings, Dialog Popups)
- Removed styling for Copy Code button
- Cleaned up styling for tabs
- Aligned all sidebar tab action buttons to the left
- Small adjustments to size of buttons, drop downs
- Small adjustments to the color palette
- Small adjustments to colors of certain components to make switching from Light Mode to Dark Mode more consistent
- Increased (contrast) readability for list markers text
- Increased (contrast) readability for inline code
- Decreased font size for sidebar navigation in Settings Window (to allow to fit more items or allow faster navigation)
- Some subtle animation changes throughout components and the interface
🛠️ Fixed
- Fixed blurred notes in Canvas
- Fixed illegible icons in Canvas
2.3.0-beta
💎 New
- More joyful interactions in Primary’s popup menus, settings box, command palette, quick switcher, and suggestion box
- Planned: If you’re not a fan of animations, I will add an ability to turn off animations through Theme Settings in the coming releases.
- Calendar Plugin (by Liam Cain) styling
- Improved look to Properties
- Properties in Live Preview/Reading Mode
- Properties on the Sidebar
- Properties in Source Mode
- Link color outside files, notes, or markdown renders are now a clayish pink.
⚠️ Changes
- Cleaner Link Styling. Changes include underline being more faint, thicker, with a slight offset from the text. This styling looks better when you have a lot of subsequent links in a note.
- Suggestion prompts like Tag and Linked Note suggestions don’t have extra left padding when selecting an item. A small change but removes that weird resizing when selecting longer suggestions.
🛠️ Fixed
- Reimported Inter font to ensure correct font weight is used — makes bold and bold+italics font weight more consistent
- Inline code and code block radiuses are now consistent across views
- Proper padding of pills in Properties
2.4.0-beta
💎 New
- styled Callouts
- additional Callout styling will come in future beta releases (i.e. Idea, Pro, Con, etc.)
- support for Kanban (by mgmeyers) Plugin
- styled Stacked Tabs
- styled Pinned Tab button
- New minimal look for empty new tabs
- styled Loading Screen on Startup (despite the fact that you’ll probably only see it for a split second especially considering the improved load times hehehe)
- styled Edit Embed Block button
- shows up on Mermaid diagrams, LaTeX, Callouts, and the like
- some support for Obsidian v1.6+
- styled Vault Profile Switcher
- added color to Caret (blinking text cursor) Color
⚠️ Changes
- redesigned the Copy Code button to be more minimal but visually tactile
- realigned prompt instructions in Prompts like Quick Switcher and Command Palette
- adjusted text input border color in Dark Mode
- improved Icon sizing and code
- lowered specificity, so we’re getting the correct icon sizes inherited from the original Obsidian styling
- reorganized code for icons
- made icons feel more tactile when pressed (added visual cue)
- refined sizing and alignment for Sidebar Tabs
- changed Copy icon
- reverted icon for the Vault considering Obsidian v1.6+ Vault Switcher layout
Icons and tabs are generally made smaller to ensure ample space for those with 1080p screens (considering Primary’s design language) but not too small for larger screens.
🛠️ Fixed
- made font weight consistent across highlighted suggestions (except for Markdown related search, keeping in mind markdown formatting)
- fixed visual cue for when selecting multiple items inside File Explorer (thanks to dubefab on GitHub for reporting!)
- chevron-up-down / chevron-down-up icons don’t appear as square blocks of color now
2.5.0-beta
💎 New
- Mobile Compatibility
- excuse the large padding in certain areas in the demos below, those are set by Obsidian for compatibility on certain devices so I did not touch them
- the demo is captured from mobile emulation in the developer tools
- Phone
- Tablet
- Multi-colored Highlights
- doesn’t always come out right in Reading Mode — specifically due to ordering of HTML render (2nd demo image below); but is always visually consistent in Live Preview Mode (1st demo image below)
- I will try to fix the Green Highlight in the coming releases
- I will add an option to turn these off in Style Settings in the future
- styled other Buttons
- Warning buttons
- Loading Buttons
- Embedded Markdown Link to File (on hover)
- styled Community Theme and Plugin Modals
- styled Notice (popup Notification banners)
- styled Tooltips (added a very slight shadow at the bottom, and made sure text color is within the palette and not white)
- Community Plugin Support: Advanced Canvas by Developer-Mike
- made sure no inconsistencies were found
- touched up on icon stroke width
⚠️ Changes
- increased background to text contrast for inline code
- increased background to text contrast when hovering over Backlinks / Backlinks in Document / Outgoing Links / Search results for readability
- made text selection translucent (introduced translucent gray color variable in the CSS) to increase contrast
- improved skeuomorphism styling for colored buttons (might adjust it slightly in the next update)
- improved file navigation button visibility and UX (not allowed cursor shows up when navigation is not available)
- made note header slightly shorter to give way for more note space especially for 1080p screens
- improved timing for popup animation for modals, popup menus, prompts, and dialog boxes
- improved styling of empty tabs at the sidebar (i.e. plugin no longer active, etc.)
- increased contrast on selected item in Command Palette and Quick Switcher in Dark Mode
- adjusted Inter font features
- adjusted Dark Mode palette
- made text color dark against colored background when Setting Tab is active in Settings in Dark Mode
- added back loading title on the launch progress, as well as changed the loader color from green to orange (might change this again in the next update)
🛠️ Fixed
- fixed styling for multi-pane notes — should look seamless in any scenario, even with a mixed tabs + stacked tabs setup
- fixed styling consistency of sliders
- fixed styling consistency of rounded corners of embedded media / media files
- fixed styling for embeds for Obsidian v1.6+ (v1.6 broke embedded markdown styling due to CSS specificity changes)
- fixed popover background color in Dark Mode
2.6.5-beta
💎 New
- Style Settings
- This isn’t is final form, and will be continuously expanded with time. But I’m glad to present that we have the most customized parts available through Style Settings.
- Most doc links in Style Settings currently don’t work, but will be available in the next update once public release is out.
- some Presets will be released through time.
- Here’s a list of some of the available customizations:
- Editor
- turn off animations
- you have the option to add a background pattern to your notes to have a dot grid or line grid!
- you have the option to activate active line highlighting (works even without line number)
- you have the option to hide but show on hover the file header
- Markdown (all Headings, Bold, Italics, Links, Blockquotes, etc.)
- Heading presets will be released soon!
- Canvas
- Graph
- Editor
- Custom External Link icon
- Line Number gutter moved to farther to the edge (responsive to pane size)
- added Pop Down animation
⚠️ Changes
- reorganized and refactored the CSS variables, so that it’ll be easier to manage post-public release as well as prep for future features and updates
- this one took a long time, but it was needed since the goal for the update was Style Settings implementation. Style Settings relies on CSS variables and CSS classes.
- aligned
search-empty-state
to center (i.e.No backlinks found.
is centered) - improved empty note pane buttons sizing
- finetuned font thickness (global increase by 50 to accommodate readability across all platforms), alignment, typography, and reimported Inter again
- slightly touched up the palette
🛠️ Fixed
- Mobile: fixed action button colors
- Mobile: fixed tab switcher styling
- Mobile: fixed command palette input color in dark mode
🔮 Experiments
- experimented with Vault Switcher position, might provide some settings in the future
Issues Closed
#191 #205 #192 #179 #159 #194 #173 #171 #183 #187 #110 #189 #149 #155 #133 #19 #125 #163 #115 #190 #169 #127 #151 #203 #195 #152 #180 #174 #116 #202 #138 #188 #167 #70
Thank you all so so much! I appreciate all the support and love I've gotten across these beta versions. Big big thank you to all those who subscribed to my Ko-fi to help support the development! This public release wouldn't be here without them:
Brandon Rivera
Naomi Y
apo1lo
ithaqua
Topograph
Keos
Lila
JadeScout
ConatusPrinciple
Naomi Y
Emily S
Ash
Zal
xdrop
south
Ross
Keara Lightning
ZeFish
sanrio
Andre
GeorgeDascalu
K
Ens
mm2856
ale
chichi
ciarra.
pixel leaves
Linus Lim
Wilson Lam
cd
Gabriela Rojas
n4nfinity
Jeremy Gavin
Jack
SkepticMystic
Vorshk
Nuno Campos
emma
ВячеславГорюнов
Lilyshep
JoeAn Bishop
FREYA
Leo_ron
nhi
Kosuke Kindaichi
Jamie Daghaim
desperate-effort
Ko-fi Supporter
DesertDwarf
Adam Hill
keltan
And to those who wanted to support but couldn't due to technical issues, thank you so much as well!!! To those who waited for the public release, thank you!!
If you experience any issues you can let me know by replying down in this post, sending me a tweet/DM at @ceciliamay_ or @primarytheme, or through posting an issue on the Primary for Obsidian GitHub repo. You may also chat with me through the Obsidian Discord.