Replete's Obsidian CSS snippets for Minimal Theme

Screenshot out of date already..

This is my working folder of CSS snippets for Obsidian using @kepano's Minimal Theme. There are opinionated tweaks and fixes for various plugins and aspects of Obsidian's UI organized into separate CSS files.

Features

• Editor:
  • Custom Tag Styles
  • Editor fixes - gutter component alignments, general editor fixes
  • Typography fixes - alignment fixes for editor, headings, quotes etc
  • Table tweaks (WIP)
• Note styles ('cssclass' frontmatter property note styles):
  • Daily Note styles (WIP)
  • Dashboard styles (WIP) (empty atm)
• Plugin:
  • Calendar Plugin tweaks
  • Checklist plugin tweaks - Compact view (for tag mode users)
  • Database Folder plugin tweaks - compact view
  • Day Planner plugin tweaks - I'm using my own fork of this abandoned plugin for more features but the styles here are not dependent on fork changes
  • Full Calendar plugin tweaks - (WIP) pretty hacky due to limits of styling hooks (I stopped using this plugin)
  • Heatmap Calendar tweaks - colours and text styles for habit type use-case
  • Make.MD Tweaks - Quite a lot here mostly banner cssclass overrides
  • MySnippets plugin - make menu wider and fix button style/order
  • Obsidian Buttons plugin - alignments
  • Task progressbars - alignments and colours
• Obsidian UI tweaks:
  • Collapsible Right Headers
  • Compact File Explorer with chevrons on right
  • Custom Separators - user-configurable CSS for separators, works well with File Explorer Custom Sorting plugin
  • Custom Separators (gradient version)
  • General fixes
  • Frontmatter tweaks (styling, fixes for editor syntax highlighter plugin)
  • Hide Ribbon - guess what this does
  • Hide Vault Title in Left Sidebar
  • Compact Outliner styles with chevron on right
  • Resize Handles - more muted theme colours
  • Status bar tweaks - more visible text on dark theme
  • Tabs Tweaks - (WIP) More classic style tabs to improve visibility of navigation
  • View Header Tweaks - Fixes Commander plugin icons, condensed icons, tweaks

My environment

• MacOS 13.2.1, Mobile
• Obsidian v1.1.15 (official Installer, homebrew unreliable)
• Minimal Theme v6.3.2
• Enabled plugins: ['templater-obsidian', 'dataview', 'calendar', 'settings-search', 'cmdr', 'periodic-notes', 'heatmap-calendar', 'obsidian-hide-sidebars-when-narrow', 'hotkeysplus-obsidian', 'obsidian-minimal-settings', 'obsidian-custom-frames', 'open-vscode', 'quickadd', 'mysnippets-plugin', 'obsidian-day-planner', 'dbfolder', 'no-dupe-leaves', 'cm-editor-syntax-highlight-obsidian', 'obsidian-toggle-list', 'custom-sort', 'obsidian-icon-folder', 'omnisearch', 'obsidian-task-progress-bar', 'table-editor-obsidian', 'obsidian-advanced-uri', 'auto-class', 'obsidian-checklist-plugin', 'make-md', 'nldates-obsidian', 'folder-note-plugin', 'folder-note-core', 'obsidian-attachment-name-formatting', 'obsidian-tabs', 'obsidian-hotkeys-for-specific-files', 'card-board', 'obsidian-tasks-plugin']

[...new Set(app.plugins.enabledPlugins)]

How to use

1. Clone/fork/unzip into <your vault location>/.obsidian/snippets
2. Install the MySnippets community plugin by @chetachiezikeuzor and activate snippets individually
3. Use what you like, dupe + hack what you don't

TODO:

• Fix some colour inconsistencies across light/dark themes
• Test/fix for Mobile Obsidian (likely near future)
• Test/fix for Windows
• Test/fix for Linux

Versions / updates

This repo is updated frequently as I work on my own vault. I aim to keep my environment up to date. When a new Obsidian version breaks things (which hasn't happened yet), I'll tag a release for whatever the last good Obsidian or Minimal Theme version was before it broke, and subsequent commits will be fixes for the current version.