Oh what?! Gradient headers? Wow. This theme is so cool

2 Likes

Thanks! I will keep adding magic to it. :blush:

@TriDiamond: have you seen @death.au’s recommendation for your gradient lines?

1 Like

@Klaas Yes I did, will be updating it with that recommendation in the next version.

1 Like

@TriDiamond: @death.au is unequalled in terms of CSS.

1 Like

@Klaas: I approve that. Totally agree. :clap:

1 Like

Two small feedbacks:

  • Bold wiki links like **[[test]]** in editor don’t display well.
  • Symbol combinations are no longer automatically converted to image symbols. For example, => won’t be converted to something like . I guess it’s because the font “Rubik” ?

:beers::beers::beers:

Thanks for the feedback!

The first one is an issue with the css I use for the links. I need to rework on that. Will get it fixed!

On the second part, are you referring to the font ligatures? Yeah Rubik does not support the font ligatures, you can customize the CSS to use a different font if you want to use ligatures. Fonts like Fira Code, Operator Mono will support this.

Simply change this line, and replace the Rubik font with a font that supports font ligatures:

:root {
  --default-font: 'Rubik', 'Glow Sans SC', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', sans-serif;
}

Hope these helps! :beers::beers::beers:

Thanks for the reply!

I found the font ‘Rubik’ so nice that I could give up ligrature for it :joy::joy::joy:

And I tried this tool a better ligaturizer (shared by @greenmanspirit from discord) to ligaturize the font, but failed. However, it’s not a big deal XD

1 Like

Hi! Love the theme! Thanks so much for posting this.

I do have a quick question. I added Andy Mode and it works like a charm in conjunction with your theme, with only one catch.

If I have several panes open with Andy Mode and I’m typing not in the most left-ward pane, the dropdown menu for tag and page autocompletion gets shifted far to the right side. It’s still functional, but a bit of a hassle. Any way you can think of to fix this?

1 Like

First of all, I am glad that you love this theme, and enjoy using it! Thanks!

Anyway, could you post an screenshot for me to take a clearer look at the problem? That would help me identify or debug the problem thanks.

1 Like

Thanks! Here you go –

1 Like

it’s fixed in the new update of sliding panes plugin.

1 Like

Another small thing: Bold LaTeX disappears in the preview :dizzy_face:

1 Like

Alrighty, I will look into that one too in the next version. Thanks for reporting!

1 Like

I love this font so much, but I am a bit confused on exactly how to customize the fonts/options. Sorry super new to CSS

Hi! New to Obsidian and discovered your Theme today. I noticed the rotated § when using a line. It would be rreally cool to use a Fleuron ❦ instead of the simple §. Is this possible?

@WhiteHotaru: in the css of the theme find the code block that starts with:

.markdown-preview-view hr::after,
div:not(.CodeMirror-activeline)>.HyperMD-hr-bg::after {
  content: '§';

Copy the whole code block (which is more than those few lines) into a new plaintext editor, and replace § with the fleuron.

Save that file as a css file in your snippets folder, and enable the snippet.

Incidentally, there are many css tweaks for newbies here.

1 Like

Hey, I love this theme! I would like to change one thing though - I would like for the Editor to view to use a monospace font “B612 Mono Regular” instead of the Rubik font. I tried editing “–font-family-editor: ‘B612 Mono Regular’;” but the editor is still proportional.

Is there somewhere else in the .css file I need to edit?

Thank you.

Let me double check this font variable and get back to you.