Style Settings: Callout Styles + Color Customization
Opened this issue · 4 comments
ceciliamay commented
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 commented
ceciliamay commented
Folks also like the doc's version, or something similar to Obsidian's original callout styling. Consider adding them as options. See #254
ceciliamay commented
done with implementation. i will just have to add customization to style settings tomorrow.
ceciliamay commented
done with implementing callout styling options. just have to add color customization, which is after implementing some custom callouts.