1
1
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:
ltlapy 2022-06-07 19:36:42 +09:00
parent 995be6534f
commit 73ac7ead6b
2 changed files with 5 additions and 5 deletions

View File

@ -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) {

View File

@ -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));
}
}