Style Settings: Callout Styles + Color Customization

[ceciliamay]

Primary Theme Version

v.2.8.0

Debug Info

N/A

Describe the enhancement

offer different styling options for callouts

• Full Flat Color (1 full color)
• Full Flat Color with left border (make sure this is RTL supported)
• primary default (skeumorphism)
• primary flat

customization options:

• rgb var num access (since that's all that can be adjusted)
• border radius
• toggle on coloring callout title
• left border width

primary flat design:

.callout {
    box-shadow: none;
}

.theme-light .callout {
    outline: 1px solid color-mix(in srgb, rgb(var(--callout-color), 0.35) 90%, black);
}

.theme-dark .callout {
    outline: 1px solid color-mix(in srgb, rgb(var(--callout-color), 0.35) 90%, white);
}

.callout-title {
    box-shadow: none;
}

.callout-content {
    box-shadow: none;
}

[ttodosi]

I didn't see it in the docs but on the main page - it shows this but I'm not sure where to put the code for color or icon

[ceciliamay]

Folks also like the doc's version, or something similar to Obsidian's original callout styling. Consider adding them as options. See #254

[ceciliamay]

done with implementation. i will just have to add customization to style settings tomorrow.

[ceciliamay]

done with implementing callout styling options. just have to add color customization, which is after implementing some custom callouts.