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; 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 {