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

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

@ -141,19 +141,31 @@ onMounted(() => {
}
}
&.ghost {
&:not(:active):not(.is-active):not(:hover):not(.is-hovered) {
background-color: transparent !important;
border-color: transparent !important;
color: var(--fw-gray-100);
@include dark-theme {
&.ghost {
&:not(:active):not(.is-active):not(:hover):not(.is-hovered) {
background-color: transparent !important;
border-color: transparent !important;
}
&.is-hovered,
&:hover,
&.is-active,
&:active {
background-color: var(--fw-gray-800) !important;
border-color: var(--fw-gray-800) !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-gray-100) !important;
color: var(--fw-bg-color) !important;
}
}