Theme: MagicUser

Please check theme version 14.2.0. I added the image gallery functionality. Now you can quickly make image galleries, using the Gallery Callouts.

All the best

3 Likes

Theme update 14.2.0

Improvements

Gallery Callouts

MagicUser Gallery callouts

Gallery callouts - gif

  • Create image galleries. You can quickly organize and display your images in columns/grid (1 to 5 columns).

  • Gallery callouts in reading mode are interactive. Clicking and holding any image thumbnail within a gallery callout triggers a lightbox effect. This immerses you in the image by gently dimming the background, allowing you to appreciate its details without distractions.

  • Number of columns: The default callout option is 3 columns (if you don’t add |number of columns).

    • You can quickly change image gallery display by changing just this number (1 - 5 columns).
  • Available in 3 colors (white, black and gray).

You can find the syntax below :

Default - 3 columns


> [!g- + color] Your Callout Title
> Place image links here (image 1)
> Place image 2 link (image 2)
> Place image n link (image n)

Specify number of columns


> [!g- + color|number of columns] Your Callout Title
> Place image 1 link (image 1)
> Place image 2 link (image 2)
> Place image n link (image n)

Examples:

White background color - default (3 columns)

> [!g-white] Your Callout Title
> Place image 1 link (image 1)
> Place image 2 link (image 2)
> Place image n link (image n)

White background color - 5 columns


> [!g-white|5] Your Callout Title
> Place image 1 link (image 1)
> Place image 2 link (image 2)
> Place image n link (image n)

Black background color - 2 columns

> [!g-black|2] Your Callout Title
> Place image 1 link (image 1)
> Place image 2 link (image 2)
> Place image n link (image n)

I hope you enjoy!

All the best

3 Likes

Please check theme version 14.2.1. It is compatible with Excalidraw now. Please let me know if it was fixed.

All the best

2 Likes

Theme update 14.2.1

Improvements

  • Theme is compatible with Excalidraw community plugin.
  • Adjustments to increase readability (e.g. Excalidraw Help modal and keyboard shortcuts adjustments)

All the best

Thank you very useful …

1 Like

Works well. Thank you… now i can use excalidraw in dark mode with magicuser theme

1 Like

Thanks. About the gallery callouts, I will try to add other way to change the gallery columns, so you can use with or without the | symbol.

Hopefully in the next update.

Thank you very much for using the theme and the feedback. Much appreciated.

All the best

1 Like

having the awesome image plugin enabled makes it possible to interact with the image link right from editor view.

also i observed that when having the image links inside the callout, if you paste the same images below the callout then the mouse wheel zoom plugin can’t work .
pasting some other pictures that are not inside the callout still works using the mouse wheel plugin.


In a note cants those red areas be made to be used while displaying content in reading mode or something…

Sorry, but it’s impossible for the theme to be compatible with all plugins, there are thousands.

The new gallery callouts are made to be quick and easy to use. You can change your gallery view very quickly and also click on images in reading mode. In live preview mode, if you click on the callout area it is to edit its content (images or title).

These red spaces shown in the image appear because of the readable line length limit option. It is enabled by default. You can turn it off. Check it out below:

Open Obsidian Settings

Editor → Display → turn off Readable line length

All the best

Thank you …

also one more thing…

in dark mode in excalidraw… the contents become unreadable…
any hacks to make it readable ?? or just stick to light mode ?

here is the same content in both dark and light mode…

1 Like

I think this is related to Excalidraw plugin and its functionality to turn the black color ink of light mode to a bright gray color (when you switch to dark mode). Actually, when you change to dark mode, the plugin uses filter effect to invert the colors and adjust the hue.

A quick solution is to use pen/pencil colors that work well both in dark mode and light mode annotations. From what I see in the picture, only the black ink color is not readable (in dark mode). Excalidraw usually change the colors in dark mode (the black color becomes a bright gray).

Have you tried to select the annotations and change the color to the default “white” color in dark mode?

I think selecting the annotations and change their color will solve this.

All the best

I’m somewhat new to Obsidian, and absolutely love this theme! I’m wondering if I can change the font size and color used for the page title? If so, is there an entry in the Style Setting plugin for this? I can’t seem to locate it. If not, is there another way?

1 Like

Thanks for the words @golden234431. Much appreciated!

You can change this title color (inline title color) by using the Style Settings option:

Please open theme options (Style Settings):

UI Settings → Main Theme Colors → Inline title color.

You can select any color for the inline title (independent color for light and dark modes).

About the font size, I can add this option too, but it is not currently available.

Thanks for the suggestion. I will add this option (inline title font size) to the list. Soon it will be implemented.

All the best

3 Likes

Please check theme version 14.2.2

Style Settings:

  • Inline title font size (slider)

UI Settings → Main Theme Colors → Inline title font size (slider).

You can increase or decrease the inline title using the slider.

I hope you enjoy

All the best

2 Likes

@BernardoPires - thank you, thank you! I find it very easy to read (including distinguishing between various elements), and your passion and enthusiasm is evident. Your theme is a delight to use!

2 Likes

Can you please make a callout to put youtube timestamps together … right now its ugly to look at my time stamps consuming lot of space

(Your image callouts is pretty useful … that now i feel like i need callouts for everything :slight_smile: )

1 Like

that image was from an external source so its like an image that i cannot select annotations… so i will just use that in light mode

… thank you

1 Like

@golden234431 Thank you so much for your kind words and insightful suggestion! User feedback like yours is invaluable. More features coming soon!

All the best