1
0
mirror of https://github.com/mwalbeck/nextcloud-breeze-dark.git synced 2024-11-14 12:06:25 +00:00
nextcloud-breeze-dark/css/apps/official/_mail.scss

92 lines
2.1 KiB
SCSS

/* Mail --------------------------------------------------------------------- */
.app-mail #account-form .tabs-component-tab {
a {
color: var(--color-main-text);
}
&.is-active {
border-bottom-color: var(--color-border-active);
}
}
.app-mail #app-content {
.app-content-list {
.app-content-list-item,
.app-content-list-item-menu a {
color: var(--color-main-text);
}
.app-content-list-item-line-two,
.app-content-list-item.active .app-content-list-item-details {
opacity: 0.7;
}
}
.app-content-details {
#mail-message-header {
background: var(--color-main-background);
}
#mail-content {
background-color: var(--color-background-darker);
color: var(--color-main-text);
padding: 1em;
border: 1px solid var(--color-border);
border-radius: 3px;
}
#mail-content iframe {
background-color: #EEE;
padding: 1em;
border: 1px solid var(--color-border);
border-radius: 3px;
}
.mail-message-attachments .attachments > div span:hover {
background-color: unset;
}
.transparency {
opacity: 1;
}
}
}
/* Manual icon variable definitions for icons to prevent black icons -------- */
.app-mail {
.icon-inbox {
background-image: var(--icon-mail-inbox-f2f2f2) !important;
}
.icon-flagged {
background-image: var(--icon-mail-star-f2f2f2) !important;
}
.icon-drafts {
background-image: var(--icon-mail-drafts-f2f2f2) !important;
}
.icon-sent {
background-image: var(--icon-mail-sent-f2f2f2) !important;
}
.icon-archive {
background-image: var(--icon-mail-archive-f2f2f2) !important;
}
.icon-junk {
background-image: var(--icon-mail-junk-f2f2f2) !important;
}
.icon-trash {
background-image: var(--icon-mail-trash-f2f2f2) !important;
}
}