MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(ui):theme color switch for ghost button

This commit is contained in:
ArneBo 2024-12-16 16:29:16 +01:00 committed by upsiflu
parent d2a99599f0
commit 0cd25f7ce4
1 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
front/src/components/ui/Button.vue
View File

@ -141,11 +141,11 @@ onMounted(() => {
} }
} }
@include dark-theme {
&.ghost { &.ghost {
&:not(:active):not(.is-active):not(:hover):not(.is-hovered) { &:not(:active):not(.is-active):not(:hover):not(.is-hovered) {
background-color: transparent !important; background-color: transparent !important;
border-color: transparent !important; border-color: transparent !important;
color: var(--fw-gray-100);
} }
&.is-hovered, &.is-hovered,
&:hover, &:hover,
@ -153,7 +153,19 @@ onMounted(() => {
&:active { &:active {
background-color: var(--fw-gray-800) !important; background-color: var(--fw-gray-800) !important;
border-color: var(--fw-gray-800) !important; border-color: var(--fw-gray-800) !important;
color: var(--fw-gray-100) !important; color: var(--fw-text-color) !important;
}
}
}
@include light-theme {
&.is-hovered,
&:hover,
&.is-active,
&:active {
background-color: var(--fw-gray-800) !important;
border-color: var(--fw-gray-800) !important;
color: var(--fw-bg-color) !important;
} }
} }