Elton Labs

Язык
RUENTR

Style Settings in Obsidian

5 min read

Style Settings is a plugin that unlocks the “internal” settings of themes (e.g. Minimal) and connected plugins, if they support customisation.

🎯 Goal:

tune the colours, fonts, spacing, borders, task markers and other UI elements exactly to your taste — without having to dive into CSS.

🛠 How to install Style Settings

  1. Open Obsidian’s settings → the Community plugins tab
  2. Click Browse and type Style Settings into the search
  3. Install and enable the plugin
  4. Go to the new Style Settings tab in the settings — many options will appear there, if you have a theme that supports them (e.g. Minimal)

🔍 Make sure you already have installed:

  • The Minimal theme
  • The Minimal Theme Settings plugin (adds the main options)
  • The Style Settings plugin (adds the advanced settings)

🎨 What can you change with Style Settings?

Style Settings is an interface for finely tuning Obsidian’s theme and UI elements. It’s especially useful paired with the Minimal theme, because it supports hundreds of custom parameters: from button colours to task markers and the look of the graph.

🎨 Interface and colours

Interface colors

  • Base color — the base background colour of the interface.

  • Primary background / Secondary background — the main and secondary backgrounds for sections.

  • Active background — the background of active elements (e.g. the selected note).

  • Border color / Active border color — the colours of borders and selections.

  • Accent color / Accent color (hover) — the accent colour for buttons, links and interactive elements.

  • Text on accent — the text colour on the accent-colour background (important for contrast).

📌 For creating your own interface style and focus colour. For example, if you want Elton Labs’ brand colours in Obsidian — it’s all configurable here.

🗨️ Quotes and Callouts

Blockquotes

  • Blockquote text/background/border color — the text, background and border colours of a quote (>).

  • Border thickness — the thickness of the quote’s line.

  • Font size/style — the size and style of the text in a quote.

Callouts

  • Callout style — the visual style of blocks with icons (📘, ⚠️, etc.)

  • Color blending — a soft or sharp blend of the callout’s background with the rest of the interface.

🧠 Very useful if you often use callouts for structure: e.g. notes with practice, focus, quotes — you can tell them apart visually.

🧱 Code and Dataview

Code blocks

  • Code font size — the code font size.

  • Scroll long lines — scrolling for long lines.

  • Code background/text color — the code and background colours.

  • Syntax highlighting — highlighting: comments, functions, keywords, etc.

Dataview

  • Trim Dataview columns — trim the column width so tables don’t stretch.

  • Force tables lists inline — a list in a row instead of vertically.

  • Maximum column width — the maximum column width.

⚙️ If you automate your Zettelkasten notes with Dataview — very useful for readability.

🔗 Embeds

  • Use strict embed style globally — force the styling of all embeds.

  • Hide embed titles — hide the titles of embedded notes.

  • Underline embedded text / style / color — underlining the text in embed blocks.

  • Maximum height of embeds — the maximum height.

  • Embed background — the background of the embed block.

🔍 Useful when you embed pieces of other notes in one note — you can make it unobtrusive or, conversely, emphasise it.

🧠 Graph View

  • Line color / Node color / Tag node color — the colours of lines and nodes.

  • Active node color / Attachment node color — colours on hover or selection.

📈 If you often look at the graph — make it “readable”, highlight the key notes.

🏷 Headings

  • H1-H6 font / size / weight / color / divider line — settings for headings from H1 to H6.

✍️ Lets you set up the hierarchy in your notes visually — especially useful if you write structured articles.

✅ Tasks and lists

  • Task marker (done/in progress/cancelled/default) — the icons and styles of checkboxes in lists.

  • Checkbox style — the shape of the checkmarks.

  • List marker (nested) — the symbols of lists, including nested ones.

📋 Project notes, content plans, tasks — style them so the state is visually clear.

📄 Markdown

  • Markdown bold/italic/link color — the styles of bold, italic and links.

  • Inline code background/border — the background and border for inline code.

  • Markdown highlight background/border — the styles of highlights like this.

  • Image border / Table border / Callout border — borders for media and tables.

🧾 Very important for readability when working with a lot of text and documentation.

📂 File Explorer / Editor / Status bar

  • Colours and styles for all the basic UI elements:

    • File Explorer background / item hover/active

    • Editor background, line number, active line

    • Status bar background / border

    • Pane / Modal / Popover styles — borders, background, fonts

🎯 The “work zone” is fully configurable to suit you — it feels like you’re in your ideal environment.

Keep going?