%% ----- Badges ----- %%     %% ----- Badges ----- %% %% ----- Do not edit this section ----- %% # Primary Repository: [GitHub](https://github.com/ceciliamay/obsidianmd-theme-primary) Designed by: [[ceciliamay]] Modes: [[Light-mode themes|light]], [[Dark-mode themes|dark]]  %% ----- Do not edit anything above this line ----- %% %% Does the repository or author have any sponsoring links? Uncomment the next line and add them to the author's note. If they don't, please delete the placeholder tag: #placeholder/author %% %% ![[ceciliamay#Sponsor this author]] %% ## Features - [[Themes with Friendly Settings|Friendly settings]]: Supports the [[obsidian-style-settings|Style Settings]] plugin ## Customization Options (Style Settings Plugin) **🔤 Fonts & Typography**: Adjust global font settings. Includes settings for Header fonts, Body fonts, Line Height, and other features. - Preset Preview Header Font - Preset Preview Body Font - Preset Editor Header Font - Preset Editor Body Font - Preset Interface Font - Enable Inter's Alternative Font Settings: Recommended if you're using Inter. This will enable you to use alternative font settings from Inter that better fit with Primary. - Use Tabular Numbers: Evenly spaces out numbers. - Scale UI Font Size on Scroll: Obsidian allows you to change a note's font sizes on scroll. Toggling this on will allow you to change all of Obsidian's font sizes on scroll. - **Custom Fonts**: - Custom Preview Header Font - Custom Preview Body Font - Custom Edit Header Font - Custom Edit Body Font - Code Font - Interface Font - Line Height **⬛ Workspace Components**: Adjust parts of Obsidian such as the sidebars, tabs, titlebars, and more. - Hide Vault Title on Titlebar - Hide Vault Title on File Explorer - Unwrap File Titles in the File Explorer: Toggling this on will unwrap file titles in the File Explorer, meaning long titles will not go to the next line. - Unwrap Folder Titles in the File Explorer: Toggling this on will unwrap folder titles in the File Explorer, meaning long titles will not go to the next line. - Hide Note Header Bar, Show on Hover (Desktop Only): Note Header Bars are the bars at the top of a note where the note title, and menu options are located. Toggle on to hide note header bar on default. When hovered, note header bar will show. - Hide Metadata Box: Different from the "Show Frontmatter" option in Obsidian. This setting removes the metadata box (one with aliases and tags only, not YAML). - Side Dock Ribbon Style (Desktop Only): Side Dock Ribbons are the narrow columns at the utmost left and right of Obsidian. Choose your preferred style. - Status Bar Style - **⏹️ Tab Headers**: - Tab Header Size: Select your preferred tab header size. - Tab Header Style: Select your preferred tab header style. - Tab Header Alignment for Left Sidebar: Select your preferred tab header alignment for the left sidebar. - Tab Header Alignment for Right Sidebar: Select your preferred tab header alignment for the right sidebar. - Tab Header Color Movement for Left Sidebar: Select your preferred tab header color arrangement for the right sidebar. - Tab Header Color Movement for Right Sidebar: Select your preferred tab header color arrangement for the right sidebar. - Allow Multiple Tab Header Rows: Toggle on to wrap tab headers and allow multiple rows. This a good option for those whose tabs get cut off due to overflow. It also reduces horizontal margins for the tab headers. - Turn Off Tab Header Animation: Toggle on to turn off the fun jumpy tab header animation. **🅰️ Header Styling**: Adjust how your header looks. Includes settings for font weight, style, size, line height, color, background color, and borders. - Preset Header Sizes - Preset Header Colors - **Custom Headers**: Includes settings for Header text alignment, borders, background, and more. - **Heading 1**: - Header 1 Size - Header 1 Font Weight: You can put a number from 100 to 900. Or in lowercase letters, you can put normal, bold, lighter, or bolder. - Header 1 Font Style: In lowercase letters, choose between normal, italic, or oblique. - Header 1 Text Alignment - Header 1 Text Color - Enable Header 1 Background Color - Header 1 Background Color - Enable Header 1 Border - Header 1 Border Width (in pixels) - Header 1 Border Color - Header 1 Border Radius (in pixels): Recommended values are multiples of 2 - **Heading 2**: - Header 2 Size - Header 2 Font Weight: You can put a number from 100 to 900. Or in lowercase letters, you can put normal, bold, lighter, or bolder. - Header 2 Font Style: In lowercase letters, choose between normal, italic, or oblique. - Header 2 Text Alignment - Header 2 Text Color - Enable Header 2 Background Color - Header 2 Background Color - Enable Header 2 Border - Header 2 Border Width (in pixels) - Header 2 Border Color - Header 2 Border Radius (in pixels): Recommended values are multiples of 2 - **Heading 3**: - Header 3 Size - Header 3 Font Weight: You can put a number from 100 to 900. Or in lowercase letters, you can put normal, bold, lighter, or bolder. - Header 3 Font Style: In lowercase letters, choose between normal, italic, or oblique. - Header 3 Text Alignment - Header 3 Text Color - Enable Header 3 Background Color - Header 3 Background Color - Enable Header 3 Border - Header 3 Border Width (in pixels) - Header 3 Border Color - Header 3 Border Radius (in pixels): Recommended values are multiples of 2 - **Heading 4**: - Header 4 Size - Header 4 Font Weight: You can put a number from 100 to 900. Or in lowercase letters, you can put normal, bold, lighter, or bolder. - Header 4 Font Style: In lowercase letters, choose between normal, italic, or oblique. - Header 4 Text Alignment - Header 4 Text Color - Enable Header 4 Background Color - Header 4 Background Color - Enable Header 4 Border - Header 4 Border Width (in pixels) - Header 4 Border Color - Header 4 Border Radius (in pixels): Recommended values are multiples of 2 - **Heading 5**: - Header 5 Size - Header 5 Font Weight: You can put a number from 100 to 900. Or in lowercase letters, you can put normal, bold, lighter, or bolder. - Header 5 Font Style: In lowercase letters, choose between normal, italic, or oblique. - Header 5 Text Alignment - Header 5 Text Color - Enable Header 5 Background Color - Header 5 Background Color - Enable Header 5 Border Color - Header 5 Border Width (in pixels) - Header 5 Border Color - Header 5 Border Radius (in pixels): Recommended values are multiples of 2 - **Heading 6**: - Header 6 Size - Header 6 Font Weight: You can put a number from 100 to 900. Or in lowercase letters, you can put normal, bold, lighter, or bolder. - Header 6 Font Style: In lowercase letters, choose between normal, italic, or oblique. - Header 6 Text Alignment - Header 6 Text Color - Enable Header 6 Background Color - Header 6 Background Color - Enable Header 6 Border - Header 6 Border Width (in pixels) - Header 6 Border Color - Header 6 Border Radius (in pixels): Recommended values are multiples of 2 - Headers Line Height **✏️ Note**: Adjust colors and features in notes. Includes settings for blockquotes, links, highlights, embeds, popovers and more. - Disable Activeline Highlighting: Toggle on to remove activeline highlighting. Keep it off to show it. - Gray Out Markdown Formatting: Makes markdown formatting less noticeable in Editor View. - **🖍️ Emphasis**: - Bold Text Color - Italic Text Color - Bold and Italic Text Color - Strikethrough Text Color - Hidden Comments Text Color - Footnote (at the end of the note, not the links) Text Color - **🔗 Links**: - Remove Link Underline: When toggled on, underlines on internal and external links will be removed. - **❗ Resolved Links**: - Resolved Links - Resolved Links on Hover - Resolved Links on Click - **❔ Unresolved Links**: - Unresolved Links - Unresolved Links on Hover - Unresolved Links on Click - **🌐 External Links**: - External Links - External Links on Hover - External Links on Click - **👉 Blockquotes**: - Blockquotes Text Color - Blockquotes Syntax Text Color - Blockquotes Border Color - Blockquotes Background Color - **⚡ Highlight**: - Disable Multicolor Highlight: Turn off to disable multicolored highlighting. - **Custom Highlight**: - Highlight-only Text Color - Highlight-only Background Color - Bold and Highlight Text Color - Bold and Highlight Background Color - Italic and Highlight Text Color - Italic and Highlight Background Color - Bold, Italic, and Highlight Text Color - Bold, Italic, and Highlight Background Color - **📃 Lists**: - Preset Bullet Color: Select your preferred bullet color (applied to all bullets, ordered and unordered) - **✅ Checkboxes**: - Checkbox Style: Note for Circle Checkboxes - Most of the checkboxes are circular, but some alternative checkboxes are kept square-ish because of the size of the inner icons. - Checked Background Color - **📍 Embeds**: - Center Embeds: When toggled on, all embeds (including images and other attachments) will be centered. - Full Height Markdown Embeds: Toggle on to remove scrolling and embed the whole note. - Markdown Embeds Style: Choose your preferred embedded note style. - Markdown Embed Background Color - **📤 Popovers**: - Usual Popover Size (in view widths): This variable is in view widths (percentage of the width of Obsidian's window). Being default at 40vw means that it has a width of 40% of the window's current width size. This allows the popover to dynamically resize depending on the window size. Changing the values of this variable will show you instant changes. - Minimum Popover Size (in pixels): This variable is in pixels. Being the minimum width at 150px means that the dynamic resizing of the popover in relation to the window's width will not be smaller than this "Maximum Popover Size" value. - Maximum Popover Size (in pixels): This variable is in pixels. Being the maximum width at 600px means that the dynamic resizing of the popover in relation to the window's width will not be bigger than this "Maximum Popover Size" value. **🌐 Graph View**: Adjust colors of your graph view. - Resolved Note Node Color - Unresolved Note Node Color - Unresolved Note Node Opacity - Tag Node Color - Attachment Node Color - Focused Node (Opened Note) Color - Node (on hover) Border Color - Graph View Arrow Color - Graph View Line Color - Graph View Line (on hover) Color - Graph View Text Color **🖱️ Interface Components**: Adjust non-Obsidian native UI components (i.e. scrollbars). - Scrollbar Style **💛 Support Primary's Development**: Consider supporting Primary's Development by donating coffees at ko-fi.com/ceciliamay **🎯 Follow Primary's Roadmap**: Look into Primary's grand development through its roadmap at tinyurl.com/primary-board %% Hub footer: Please don't edit anything below this line %% # This note in GitHub <span class="git-footer">[Edit In GitHub](https://github.dev/obsidian-community/obsidian-hub/blob/main/02%20-%20Community%20Expansions/02.05%20All%20Community%20Expansions/Themes/Primary.md "git-hub-edit-note") | [Copy this note](https://raw.githubusercontent.com/obsidian-community/obsidian-hub/main/02%20-%20Community%20Expansions/02.05%20All%20Community%20Expansions/Themes/Primary.md "git-hub-copy-note") | [Download this vault](https://github.com/obsidian-community/obsidian-hub/archive/refs/heads/main.zip "git-hub-download-vault") </span>