1
0
mirror of https://github.com/mwalbeck/nextcloud-breeze-dark.git synced 2024-09-19 19:17:53 +00:00
nextcloud-breeze-dark/css/apps/official/_files.scss

96 lines
2.0 KiB
SCSS

/* Files -------------------------------------------------------------------- */
table td.filesize {
color: var(--color-text-inactive) !important;
}
td.date > span {
color: var(--color-text-inactive) !important;
}
tr {
&, &:hover, &:active, &:focus {
span.extension {
opacity: 0.7;
}
}
}
#fileList tr td.selection > .selectCheckBox + label::before {
opacity: 0.5;
}
#filestable.view-grid:not(.hidden) tbody tr:not(.hidden) {
background-color: unset;
&:hover .thumbnail-wrapper,
&:hover .nametext,
&:hover .fileactions,
&:focus .thumbnail-wrapper,
&:focus .nametext,
&:focus .fileactions,
&:active .thumbnail-wrapper,
&:active .nametext,
&:active .fileactions,
&.selected .thumbnail-wrapper,
&.selected .nametext,
&.selected .fileactions,
&.highlighted .thumbnail-wrapper,
&.highlighted .nametext,
&.highlighted .fileactions,
&.searchresult .thumbnail-wrapper,
&.searchresult .nametext,
&.searchresult .fileactions,
.name:focus .thumbnail-wrapper,
.name:focus .nametext,
.name:focus .fileactions {
background-color: unset !important;
}
&:hover,
&:focus,
&:active,
&.selected,
&.highlighted,
&.searchresult {
background-color: var(--color-background-hover) !important;
}
}
/* Manual icon variable definitions for icons to prevent black icons -------- */
.nav-icon-files {
background-image: var(--icon-files-folder-f2f2f2) !important;
}
.nav-icon-recent {
background-image: var(--icon-files-recent-f2f2f2) !important;
}
.nav-icon-sharingin,
.nav-icon-sharingout,
.nav-icon-pendingshares,
.nav-icon-shareoverview {
background-image: var(--icon-files-share-f2f2f2) !important;
}
.nav-icon-sharinglinks {
background-image: var(--icon-files-public-f2f2f2) !important;
}
.nav-icon-deletedshares {
background-image: var(--icon-files-unshare-f2f2f2) !important;
}
.nav-icon-extstoragemounts {
background-image: var(--icon-files-external-f2f2f2) !important;
}
.nav-icon-trashbin {
background-image: var(--icon-files-delete-f2f2f2) !important;
}
.nav-icon-favorites {
background-image: var(--icon-star-dark-f2f2f2) !important;
}