diff --git a/css/files.css b/css/files.css index ab444cd..b49c4c3 100644 --- a/css/files.css +++ b/css/files.css @@ -135,13 +135,20 @@ div[data-cy-files-list].files-list { .files-list__row { - &:hover ,&.active ,&.files-list__row--active { + &:hover { background-color: var(--ion-files-list-background-hover); .favorite-marker-icon svg path { stroke: var(--color-main-background); } } + &:active, &.files-list__row--active, &:has(.checkbox-radio-switch--checked) { + background-color: var(--ion-files-list-background-active); + + .favorite-marker-icon svg path { + stroke: var(--color-main-background); + } + } .files-list__row-icon { color: var(--ion-files-list-icon); } @@ -235,6 +242,10 @@ background-color: var(--ion-context-menu-item-background-disabled); cursor: not-allowed; } + + .folder-upload-icon { + color: var(--ion-context-menu-item-text) !important; + } } } } @@ -350,18 +361,24 @@ } } - @media (prefers-color-scheme: dark) { - .file-picker__side li { - .button-vue--icon-and-text { - background-color: transparent !important; + .file-picker__side li { + .button-vue--vue-primary.button-vue--icon-and-text { + background-color: var(--ion-button-sidebar-background-active) !important; - &:hover { - background-color: var(--ion-button-sidebar-background-hover) !important; - } + .button-vue__text, .button-vue__icon svg { + color: var(--ion-button-tertiary-text); + } + } - &:active { - background-color: var(--ion-button-sidebar-background-active) !important; - } + .button-vue--vue-tertiary.button-vue--icon-and-text { + background-color: transparent !important; + + &:hover { + background-color: var(--ion-button-sidebar-background-hover) !important; + } + + &:active { + background-color: var(--ion-button-sidebar-background-active) !important; } } @@ -425,4 +442,15 @@ ::selection { background-color: var(--ion-color-blue-b4); } + + .toastify.dialogs { + min-width: 0; + padding-right: 14px; + + .toast-close { + margin-right: 0; + padding-right: 0; + min-width: 0; + } + } } diff --git a/css/variables.css b/css/variables.css index a04f6ac..068a7c3 100644 --- a/css/variables.css +++ b/css/variables.css @@ -14,6 +14,7 @@ --ion-breadcrumb-text-disabled: var(--ion-color-cool-grey-c4); --ion-files-list-background-hover: light-dark(var(--ion-color-blue-b1), var(--ion-color-cool-grey-c8)); + --ion-files-list-background-active: light-dark(var(--ion-color-blue-b2), var(--ion-color-cool-grey-c6)); --ion-files-list-icon: var(--ion-color-blue-b4); --ion-context-menu-background: var(--color-main-background);