From 4e94210eca45b1d92e3bffe48636ba98e7e142b3 Mon Sep 17 00:00:00 2001 From: Arsalan Ul Haq Sohni Date: Mon, 16 Feb 2026 15:11:30 +0100 Subject: [PATCH 1/2] IONOS(dashboard): style(buttons): remove unnecessary !important from button hover background color for cleaner CSS Signed-off-by: Arsalan Ul Haq Sohni --- apps/dashboard/src/DashboardApp.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/dashboard/src/DashboardApp.vue b/apps/dashboard/src/DashboardApp.vue index f9a21d44db992..2b2c391da1ff9 100644 --- a/apps/dashboard/src/DashboardApp.vue +++ b/apps/dashboard/src/DashboardApp.vue @@ -630,7 +630,7 @@ export default { &:hover, &:focus, &:active { - background-color: var(--color-background-hover)!important; + background-color: var(--color-background-hover); } &:focus-visible { box-shadow: 0 0 0 4px var(--color-main-background) !important; From dd7988cd00abf243baf101604c9a4f1f9cedd0e0 Mon Sep 17 00:00:00 2001 From: Arsalan Ul Haq Sohni Date: Mon, 16 Feb 2026 11:56:04 +0100 Subject: [PATCH 2/2] IONOS(theming): style(buttons): refine button hover styles for improved consistency Signed-off-by: Arsalan Ul Haq Sohni --- apps/theming/css/ionos/buttons.css | 15 +++------------ 1 file changed, 3 insertions(+), 12 deletions(-) diff --git a/apps/theming/css/ionos/buttons.css b/apps/theming/css/ionos/buttons.css index ed9ae2554362e..e2d8f37ddbeb9 100644 --- a/apps/theming/css/ionos/buttons.css +++ b/apps/theming/css/ionos/buttons.css @@ -35,11 +35,6 @@ } &:hover:not(:disabled):not(.button-vue--disabled) { - background-color: var(--ion-button-secondary-background-hover); - border-color: var(--ion-button-secondary-background-hover); - } - - #app-dashboard &:hover:not(:disabled):not(.button-vue--disabled) { background-color: var(--ion-button-secondary-background-hover) !important; border-color: var(--ion-button-secondary-background-hover); color: var(--ion-button-secondary-text-hover); @@ -69,18 +64,14 @@ } } - &.button-vue--vue-primary:not(.unified-search-modal__header *), &.button-vue--vue-error:not(.unified-search-modal__header *), - /* ensure primary type styling of "new" button */ - &.action-item__menutoggle:not(.unified-search-modal__header *), &.files-list__header-upload-button--disabled { - background-color: var(--ion-button-primary-background-default); - } - #app-dashboard &.action-item__menutoggle:not(.unified-search-modal__header *), #app-dashboard &.files-list__header-upload-button--disabled { - background-color: var(--ion-button-primary-background-default) !important; + background-color: light-dark(var(--ion-color-blue-b7), var(--ion-button-secondary-background-default)); + border: var(--ion-button-secondary-border-default); } &.button-vue--vue-primary:not(.unified-search-modal__header *), &.button-vue--vue-error:not(.unified-search-modal__header *), &.action-item__menutoggle:not(.unified-search-modal__header *), &.files-list__header-upload-button--disabled { + background-color: var(--ion-button-primary-background-default); border: none; .button-vue__text, .button-vue__icon svg {