Obsidian plugins with #ui-customization#

The Style Settings plugin gives CSS snippets, themes and plugin styles a common way to expose user facing options in one settings pane. It reads @settings YAML blocks from loaded CSS files and turns them into controls for class toggles, dropdowns, text values, numbers, sliders and color variables. This makes theme and snippet customization easier to manage because authors can define adjustable values directly in CSS instead of building separate interfaces. It also supports grouped headings, info text, themed colors and optional commands for class toggles, so larger style packs can stay organised.

The Hide Sidebars on Window Resize plugin provides a convenient solution for dynamically managing Obsidian's sidebars. It automatically hides the left and right sidebars when the window becomes narrower than a specified width and reveals them again when the window is resized to a wider format. Users can customize the minimum width thresholds for both sidebars, allowing for flexible adjustments based on their workflow. This plugin enhances the workspace by optimizing screen real estate, making it especially useful for smaller screens or multitasking environments.

The Side-Notes plugin moves footnotes or HTML span notes into the page margins so commentary stays beside the line it belongs to. It supports numbered sidenotes and unnumbered margin notes, lets you edit notes directly in the margin while writing, and can pin individual notes to the opposite side when one layout does not fit. You can change numbering styles, badge like markers and heading based resets, then tune widths, gaps, offsets, font settings and collision handling for tighter pages. It also fits web published notes through custom CSS and includes experimental PDF export that keeps notes in the margin instead of flattening everything into endnotes.

The Disable Tabs plugin enforces a single tab interface by preventing multiple tabs from opening simultaneously. Opening or closing tabs always replaces the current one, even if it's pinned. This creates a focused, distraction free environment where you work with one note at a time. The plugin pairs well with the Hider plugin for hiding the tab bar entirely and includes an option to hide the tabs button on mobile devices.

The Hugo codeblock highlight plugin allows users to highlight specific lines within code blocks in Obsidian using the Hugo syntax. By adding the `hl_lines` option to code blocks, users can highlight single lines or ranges of lines. Additionally, users can select lines directly within the code block and highlight them using a right-click menu. This functionality enhances the readability and visual appeal of code snippets, making it easier to focus on specific parts of the code. The plugin is optimized for Obsidian's Live Preview and Source modes.

The Auto Hide plugin enhances the usability of Obsidian by allowing users to seamlessly collapse and expand sidebars. With a simple click on the note content, users can hide the sidebar to maximize their workspace. The plugin offers additional options for expanding the sidebar, such as clicking on the blank areas of the left or right ribbon or clicking on the note title.

The Explorer Hider plugin allows Obsidian users to hide specific files and folders from the file explorer and bookmarks panel for a more streamlined workspace. Users can right-click on files or folders to hide them, with support for attribute-based rules to manage multiple items efficiently. The plugin features toggles to display or hide all hidden items and offers flexible configuration for managing hidden rules and their application. Advanced settings enable users to create custom CSS-based rules for precise control, while an experimental feature adds file-menu options in the bookmarks panel. This plugin is ideal for users seeking a cleaner, more focused workspace in Obsidian.

The Image Preview on Icon Hover plugin enhances the Obsidian user experience by allowing users to assign custom image previews to various interface icons. Users can configure images for icons such as the vault switcher, settings, help, sidebar toggles, ribbon bar, and status bar. The plugin provides interactive management options, enabling users to add, remove, and customize icons with ease. Image paths can be set using relative links from the vault, ensuring seamless integration. This tool offers a visually enriched UI experience by adding dynamic image previews to key interface elements.

The UnLime plugin brings a straightforward way to declutter your workspace by letting you toggle the visibility of 'Unlinked mentions' in the Backlinks and Outgoing Links panels. Especially useful for those with large or messy vaults, it cuts down on irrelevant noise and false positives, so you can focus only on the links that matter. You decide, panel by panel, whether these unlinked mentions are shown, giving you more control over how you navigate and explore your notes.

The Pinned Tabs plugin turns native pinned tabs into a compact icon first strip on the left side of each desktop tab bar. It keeps view specific icons, adds daily note and custom file icon rules, and lets you choose fallback icons, sizes, colors, widths and hover expansion. Pins can stay visually grouped, show an optional divider, highlight the active tab and follow reduced motion preferences. The plugin also adds explicit close controls with delay options and blocks several accidental close actions such as bulk close commands, keyboard close shortcuts and middle click.

The Vault Name plugin allows users to customize and display their vault's name prominently in the side navigation file explorer, emulating the appearance of Obsidian versions prior to 1.6.0. Users can adjust the styling, including adding a sticky position for the vault name, ensuring better visibility and personalization. This plugin enhances the organizational experience by making the vault name easily accessible in the interface.

The Color Folders and Files plugin allows users to customize the appearance of files and folders in Obsidian. It provides an intuitive right-click context menu, enabling users to change background and text colors, font weight, font style, and opacity. Customization can be applied to individual files or folders, with an option to apply styles to subfolders and contained files. Users can save and apply style presets, making it easy to maintain a consistent look throughout the vault. The plugin works with both light and dark themes and integrates with other plugins like Iconize and Style Settings for enhanced customization. This tool is ideal for users who want to visually organize their notes, making it easier to differentiate files and folders at a glance.

The Quick Peek Sidebar plugin provides an intuitive way to access sidebars by automatically expanding them when you hover near the edges of the window. It supports both left and right sidebars, with options to enable them individually or sync their behaviour. Users can fine-tune the trigger area, animation speed, and delays for expanding or collapsing. The plugin also offers an overlay mode to make sidebars slide over the main content instead of pushing it, along with settings to control their maximum width. These features are especially useful for users who prefer a cleaner workspace but still need quick access to sidebar tools.

The Metadata Hider plugin provides a clean and customizable way to manage metadata visibility in Obsidian. It allows users to hide specific metadata fields if they are empty and ensures certain fields remain visible or hidden regardless of their state. Users can control the visibility of metadata in the properties table, file properties sidebar, or all properties views. This plugin is especially helpful for maintaining a streamlined workspace by reducing clutter while preserving access to key information as needed.

The Icon Swapper plugin allows users to customize Obsidian's user interface by replacing its default icons with their own choices. This is done by importing SVG-format icons, and configurations can be exported or imported for easy sharing or reuse. It enhances personalization and flexibility in the app's appearance, giving users more control over their workspace. The plugin also provides an example using Boxicons, enabling users to quickly test and implement different icon sets. Whether for aesthetic or functional purposes, this plugin offers a simple way to adjust Obsidian's visual elements to better fit individual preferences.

The Electron Window Tweaker plugin allows users to adjust various visual and functional aspects of the Obsidian app's Electron window. It offers features like modifying window opacity, enabling window vibrancy on macOS, and setting the window to always stay on top. These customizations enhance the user interface and provide a tailored experience, especially for users who prefer aesthetic or functional tweaks to their workspace. Compatibility may vary across operating systems.

The Obsidian Card View Mode plugin turns open notes into cards so their visual shape and size can reflect how developed each note is. Instead of treating every pane the same, it lets note content stretch or compress the card, which makes rough notes and more mature notes easier to distinguish at a glance. It also adds an Attention Pane mode that highlights the active card and grays out the rest, so focus stays on the current note when many panes are open. Visual settings cover card colors, background color, corner radius, shadows and other design details, and the whole mode can be toggled with a command. The plugin is designed to work alongside Sliding Panes and also accounts for Embedded Note Title and Banners compatibility.