mirror of
https://github.com/kokonect-link/cherrypick
synced 2025-01-19 00:03:19 +09:00
enhance: apply theme to more components
* make text color of mfm:quote appliable with theme * Use --buttonBg to togglable reaction button
This commit is contained in:
parent
995be6534f
commit
73ac7ead6b
@ -173,9 +173,9 @@ const props = withDefaults(defineProps<{
|
||||
display: block;
|
||||
margin: 8px;
|
||||
padding: 6px 0 6px 12px;
|
||||
color: var(--fg);
|
||||
border-left: solid 3px var(--fg);
|
||||
opacity: 0.7;
|
||||
color: var(--quote, var(--fg));
|
||||
border-left: solid 3px var(--quote, var(--fg));
|
||||
opacity: var(--quote, 0.7);
|
||||
}
|
||||
|
||||
::v-deep(pre) {
|
||||
|
@ -123,10 +123,10 @@ export default defineComponent({
|
||||
border-radius: 4px;
|
||||
|
||||
&.canToggle {
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
background: var(--buttonBg, rgba(0, 0, 0, 0.05));
|
||||
|
||||
&:hover {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
background: var(--buttonHoverBg, rgba(0, 0, 0, 0.1));
|
||||
}
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user