Custom callout not wotking

[ironhak]

Things I have tried

Hi everyone, I create this simple snippet:

.callout[data-callout=“hello”] {
–callout-color: 255,215,0;
–callout-icon: lucide-highlighter;
}

It should generate a yellow callout, but the result is this:

I tried restarting the app and changing themes but nothing change. What am I doing wrong?

Also I would like to know if i can create a callout without an icon.

Thank’s for your help.

[mnvwvnm]

Maybe something like:

.callout[data-callout="hello"] {
--callout-color: 255,215,0;
--callout-icon: highlight-glyph;
}

For a callout without icon, for example the callout “none”

.callout[data-callout="none"] {
--callout-color: 255,215,0;
}
.callout[data-callout="none"] .callout-icon {
display: none;
}

[ironhak]

I created a .css file, added to snippet folder and enabled it on obsidian, this is the snippet:

.callout[data-callout=“hello”] {
–callout-color: 255,215,0;
–callout-icon: highlight-glyph;
}

.callout[data-callout=“none”] {
–callout-color: 255,215,0;
}

.callout[data-callout=“none”] .callout-icon {
display: none;
}

Then I went to obsidian and typed this:

[!hello] hhh
kjjh

[!none] ukhkh
khlk

Result is:

Even tried reloading the app, nothing change. What am I doing wrong?

[mnvwvnm]

Attention to the used quotation marks. use straight (") marks, not curly (”).
Also -- not -

[ironhak]

My bad, I was using textedit and then changing the extension of the file without realising that text get corrupted.

Thank’s.