#html tag

I made a small plugin for Obsidian that helps convert underscore-style Markdown formatting to HTML tags.

The plugin scans notes for patterns like _text_, *text*, or **text** and converts them into <i> and <b> HTML tags.

It can:

scan the current note or the entire vault

show a badge next to files that contain problematic formatting

generate a report with all affected notes

convert formatting directly from the file menu or report panel

[plain text: "hello world!" with a gradient from red to blue /end pt.]

OKAY so apparently, each word in here is a different color. To make a gradient all I will need is to hm. Know the two end colors + ALL the intermediary colors. So let's try:

<span style='color: #cb4dae;'>H</span><span style='color: #bd61c9;'>e</span><span style='color: #a974de;'>l</span><span style='color: #9185ee;'>l</span><span style='color: #7495f8;'>o</span> <span style='color: #54a3fc;'>w</span><span style='color: #2eaffa;'>o</span><span style='color: #00b9f4;'>r</span><span style='color: #00c3ea;'>r</span><span style='color: #0ecbdf;'>l</span><span style='color: #3dd2d2;'>d</span>

thus:

Hello worrld

[pt: "hello worrld", with a gradient from pink to teal, but the last 'd' is white. /end pt.]

...okay, that's ALMOST right XD.

mistakes: inserted to Rs instead of one; somehow fucked up the last hex code real bad

let's try and fix it

<span style='color: #cb4dae;'>H</span><span style='color: #bd61c9;'>e</span><span style='color: #a974de;'>l</span><span style='color: #9185ee;'>l</span><span style='color: #7495f8;'>o</span> <span style='color: #54a3fc;'>w</span><span style='color: #2eaffa;'>o</span><span style='color: #00b9f4;'>r</span><span style='color: #00c3ea;'>l</span><span style='color: #0ecbdf;'>d</span>

ok so i just removed the second R and replaced it with the next letter, and then fixed the rest to make the word in the right order + deleted the last span code block. Oh wait i forgot the exclamation point

<span style='color: #cb4dae;'>H</span><span style='color: #bd61c9;'>e</span><span style='color: #a974de;'>l</span><span style='color: #9185ee;'>l</span><span style='color: #7495f8;'>o</span> <span style='color: #54a3fc;'>w</span><span style='color: #2eaffa;'>o</span><span style='color: #00b9f4;'>r</span><span style='color: #00c3ea;'>l</span><span style='color: #0ecbdf;'>d</span><span style='color: #3dd2d2;'>!</span>

thus...?

Hello world!

[pt: "hello world!" with a gradient from pink to teal. /end pt.]

THEME NUMBER ONE: POSEIDON.

{ Static preview & code ! }

specs:

2 sidebar pics. 95px by 95px.

Ask page, tags page & verses/ships/favourites page (all customisable and deletable) included as tabs

Customisable colours

400px posts

A basic knowledge of html is required to edit the tabs, but there are instructions within the code.

tips:

one worded blog titles work the best

description will automatically scroll no matter the length

verse pics are 95px by 95px

this is my first published theme so don’t be too critical lmao

[plain text: "Hello world!" with a gradient from rosey brown to dark yellow. /end pt]

[pt: "hello world", with hello in blue and world in yellow /end pt.]

apparently when you want to change the color halfway through, you just start a whole new ass <span style> chain.

oh and the funky tumblr font is [edit: IT CUT IT OUT when i changed to html to check a thing shit]

ALSO i just found out you dont need to >text<</span> you can just '<' instead of '<<'