Theme: MagicUser

Share & showcase
,
359

The built in tag customization looks great, excited to update and use it!

Thank you for this theme :slight_smile:

1 Like
360

Thank you so much for the feedback, Cameron. Much appreciated.

I hope you enjoy!

All the best

361

Theme update 20.4.0

Improvements

  • Overall theme adjustments (update: Obsidian 1.6.2):
    • Desktop
    • Mobile
  • Improved sidebar open folder area.

If you find any theme inconsistency using Obsidian >= v1.6.2, please let me know.

Some Style Settings theme features are still available for users using version <1.6.

All the best

362

Hi again - I’m still loving this theme, and how consistent you are with the features you choose to implement.

However, the outline for code blocks adds some line-wrapping behaviour that I’m finding is not ideal… I’ve shown an example below. (Please disregard the odd padding in the code block - that’s due to some poorly implemented CSS snippets on my behalf.)

I’ve also found I personally prefer inline code to not be outlined, but to leave code blocks outlined. I get around this by modifying the theme directly, but may I offer two suggestions/requests?

  1. Can you please consider allowing outlines to be enabled or disabled separately for code blocks and inlines, rather than both on or both off?
  2. Please consider if white-space: nowrap; is the best option for this?
/* Blockquote and code outline border */
/* inline code */
body.mu-outline-code code,
body.mu-outline-code .markdown-reading-view code,
body.mu-outline-code span.cm-inline-code {
  border: 1px solid var(--mu-inline-code-border);
  white-space: nowrap;
}

I hope this doesn’t come across as entitled - I love this theme and hope it continues to receive the recognition it deserves.

1 Like
363

First of all, thank you so much for using this theme and the words.

I’ll try to work on it over the weekend or as soon as possible. Thanks for the suggestion. I think your suggestion is valid and I will do my best to implement it as soon as possible. Stay tuned

364

@fronglemog I took a look at your suggestions and went ahead and implemented them tonight since I won’t have time over the weekend.

Please check theme version 20.6.0, you’ll find:

  • Toggle outline inline code
  • Toggle outline code block

outline_code_inline_block_01

These features are also easy to toggle using the command palette.

Thanks again for your suggestions.

All the best

1 Like
365

Theme update 20.6.0 → 20.8.1

Improvements

  • Modal close button position adjusted according to scrollbar width.

  • Colored indent guides → lists (v20.8.0).

  • Sidebar numbers color.

    • Style Settings: UI Settings → Main Theme Colors. You can select color for light and dark modes.

All the best

3 Likes
366

Theme update 20.8.1 → 20.10.0

  • Global font mode (toggle). You can select global font for text and UI elements.

    • Style Settings: Text → Global font mode.
    • You can toggle it using the command palette.
    • Text and UI elements will have the same font (you can also select the global font using the same Text menu).

  • Disable alternative checkboxes toggle (checklist menu option). Thanks to @Damikiller37 for the initiative to have this toggle option (all themes with alternative checkboxes) and suggestion (added on version 20.9.0). So you can add your favorite checkboxes via CSS snippet.

    • Style Settings → Checklist → Disable theme alternative checkboxes toggle

  • Menu and settings separators color

    • UI Settings → Main Theme Colors → Menu and settings separators color

  • Adjustments of Style Settings Preset themes menu.

  • cssclasses tw100 and tcw100 adjustments for dataview tables (reading mode with 100% width).

All the best

5 Likes
367

Theme update 21.0.0

Improvements

MagicUser - rainbow colors folder names and icons 01

Automatic rainbow folder names icons - gif

Automatic rainbow colored folders

  • New: Automatic Rainbow Colored Folders/Subfolders. You can activate/deactivate this feature using the Command Palette.

  • New: Automatic Rainbow-Colored Folder Names and Icons. Folder and subfolder names and icons will be colored (no background color change). When you open a folder, it will display the “open folder” area feature. You can also toggle this feature (activate/deactivate) using the Command Palette.

  • New: Initial Color for Automatic Rainbow Folders (slider). This feature allows you to set the starting color for the automatic rainbow color scheme applied to your folders and subfolders. This means you can determine the color assigned to the first folder in a hierarchy, and subsequent folders will follow the rainbow spectrum from that point.

  • Redesigned numbered rainbow folders and subfolders (Folders starting with 01 or 001 to 08 or 008).

  • New Folder Icon Styles: You can select from 3 different folder styles for open and closed states (in Style Settings).

Folder icons 1

Folder icons 2

  • New Folder and File Colors:

    • You can select colors more intuitively using color pickers.
    • You can select specific colors for closed folders, open folders, and files (for both light and dark modes).

  • UI Settings menu was renamed to User Interface menu.

  • Icons and Folders submenu was renamed to Icons, Folders, and Sidebars.

  • New Vault title and inline title submenu (under the User Interface menu).

  • New Lists submenu (under the User Interface menu).

  • New Blockquote submenu (under the User Interface menu).

  • New Horizontal Rule and Dividers submenu (under the User Interface menu).

  • New Frontmatter Properties submenu (under User Interface → Frontmatter Properties):

    • Frontmatter container background color (for live preview and reading mode). You can change this color in Style Settings: User Interface → Frontmatter Properties submenu.
    • New Frontmatter properties title color. You can select the desired color for light and dark modes in Style Settings.
    • New Frontmatter property color. You can select the desired color in Style Settings.

  • Improved files and folders dragging with adjustments to highlight icons (based on the chosen accent color).

  • New: Disable sidebar files and folders styles. Activate this option to use plugins for coloring files and folders.

  • Numerous small adjustments for overall theme consistency (nav collapse icon color, subthemes, etc.).

Removed: File icon saturation and Folder icon saturation (sliders).

This major update provides more options for customizing your sidebar. You can now personalize folder colors (opened and closed folder colors), folder icons, and 2 types of automatic rainbow folders to better suit your style and preferences.

I’ve also refactored the underlying code, which should result in a more efficient experience.

I hope you enjoy these improvements and find them useful.

All the best

1 Like
368

thank you for your work!!

1 Like
369

Thanks, Cameron! I hope you enjoy the new features.

All the best

370

Theme update 21.1.0

Improvements

  • New Style Settings option: Global font stylistic set (when supported by the selected font). Advanced typographic features in OpenType fonts.

    • For example, if you are using JetBrains Mono as the global font you can type 'ss01', 'cv10', 'zero' to enable these stylistic sets (including slashed zero). You must enable global font mode to use this feature (Style Settings → Text menu`).

  • New Style Settings option: Sidebar search panel background color.

  • New Style Settings option: Sidebar top buttons container background color.

  • New Style Settings option: Sidebar vault profile background color.

  • New Style Settings option: Divider color.

  • New Style Settings option: Divider width (slider 0 to 8px).

  • New Style Settings option: Divider hover width (slider 0 to 8px).

  • New Modals submenu (in User Interface).

    • Select modals border color.

    • Select modals border width.

  • Fixed: Automatic rainbow folders - breadcrumb foreground color (and hover).

All the best

2 Likes
371

Many thanks for this great theme. I use it since a few days and like ist very much !

I like especially the Cards UI Mode. I noticed that this mode also changes the colors, it makes them lighter. Is this by design ?

Obsidian_5TaRIWt85f
Obsidian_5TaRIWt85f2151×1680 182 KB

With Cards UI
IEu8qpCH0a
IEu8qpCH0a2151×1680 191 KB

1 Like
372

Thanks for great feedback and kind words.

That’s an interesting observation about the Cards UI. The answer is yes, the subtle color change is by design. While it appears lighter, it’s actually the secondary background color filling the UI areas outside the Editor or Sidebars (which use the primary background color).

If you have any further suggestions or run into any issues about this theme, you can find me on the theme’s GitHub repository.

All the best

373

Theme update 21.17.x

Improvements

  • New Flashcard Callouts and Style Settings options (Flashcard callouts menu)

MagicUser flashcards

  • Use flashcards to practice active recall and track your study progress. You can create individual flashcards or organize them into groups for specific subjects.
  • The theme provides color guides to visually distinguish groups and individual flashcard callout headers, making it easier to categorize, edit, and create flashcards accurately.

Questions: Add text or images to create visual cues.

Answers: Use Markdown to structure your learning. This includes:

  • Highlights for key concepts.
  • Links to related notes or external sources.
  • Add images, video or audio references.

Syntax: Group of Flashcards

Use the [!fc-group] prefix to containerize multiple [!fc] cards.

MagicUser flashcards - grouped

> [!fc-group] Flashcard group title
> > [!fc] Question 1
> > Answer 1.
>
> > [!fc] Question 2
> > Answer 2.

Syntax: Individual Flashcard (Ungrouped)

Use only the [!fc] prefix.

MagicUser flashcards - ungrouped

> [!fc] Question 1
> Answer 1.

Example of grouped flashcards (3 cards):

> [!fc-group] MagicUser Flashcards - General Knowledge Deck 1
> > [!fc] What is the largest planet in our solar system?
> > **Jupiter** is the largest, with a mass more than two and a half times that of all the other planets in the Solar System combined.
>
> > [!fc] Which element has the chemical symbol 'O'?
> > **Oxygen**. It is a highly reactive nonmetal and an oxidizing agent that readily forms oxides with most elements.
>
> > [!fc] How many continents are there on Earth?
> > There are **seven**:
> > 1. North America
> > 2. South America
> > 3. Africa
> > 4. Europe
> > 5. Asia
> > 6. Oceania
> > 7. Antarctica

Disabling Animations

If you prefer a static view, add |no-animation to the flashcard group callout header:

> [!fc-group|no-animation] Static Flashcard Group
> > [!fc] This card will not flip.
> > The answer is visible or appears without transition.

Customization (via Style Settings)

Fine-tune your study experience via the Style Settings plugin. Settings can be configured independently for Light and Dark modes:

  • Dimensions: Adjust flashcard width and height using sliders.
  • Colors: Customize the front background and front text colors.
  • Borders: Select the answer border color to match your personal theme preferences.

I hope you find it useful in your workflow.

Versions 21.1.0 through 21.17.1 have many adjustments, including Style Settings overall adjustments and theme improvements for compatibility with Obsidian v1.11.x. You can find the complete changelog on the GitHub repository.

All the best

374

The MagicUser theme is no longer in the Manager list because the GitHub project was Archived and thus flagged as Deprecated.