mirror of
https://github.com/mwalbeck/nextcloud-breeze-dark.git
synced 2024-09-21 20:17:56 +00:00
130 lines
3.3 KiB
SCSS
130 lines
3.3 KiB
SCSS
/***
|
|
* @copyright Copyright (c) 2018, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
|
|
/* Mail --------------------------------------------------------------------- */
|
|
|
|
.app-mail #account-form .tabs-component-tab.is-active {
|
|
border-bottom-color: var(--color-primary-element);
|
|
}
|
|
|
|
.app-mail .app-content-list .list-item__wrapper.active {
|
|
.line-one__title {
|
|
color: var(--color-primary-text);
|
|
}
|
|
|
|
.line-one__details,
|
|
.line-two__subtitle,
|
|
.line-two__counter {
|
|
color: var(--color-main-text);
|
|
}
|
|
}
|
|
|
|
.app-mail #mail-content {
|
|
border-radius: 3px;
|
|
|
|
#mail-message-has-blocked-content .action-item button.action-item__menutoggle--with-title {
|
|
background-color: var(--color-main-background) !important;
|
|
}
|
|
|
|
#mail-message-has-blocked-content
|
|
.action-item--open
|
|
button.action-item__menutoggle--with-title {
|
|
background-color: var(--color-primary) !important;
|
|
border-color: var(--color-primary-element) !important;
|
|
}
|
|
}
|
|
|
|
.app-mail .attachment-popover button.action-item--single.icon-attachment {
|
|
&:hover,
|
|
&:focus,
|
|
&:active {
|
|
background-color: var(--color-background-hover) !important;
|
|
}
|
|
}
|
|
|
|
.app-mail .attachment-popover.open button.action-item--single.icon-attachment {
|
|
background-color: var(--color-primary) !important;
|
|
opacity: 1;
|
|
}
|
|
|
|
.mail-message-attachments .attachments .attachment {
|
|
.attachment-name:hover {
|
|
background-color: unset;
|
|
}
|
|
|
|
.attachment-size {
|
|
opacity: 0.7;
|
|
|
|
&:hover {
|
|
background-color: unset;
|
|
}
|
|
}
|
|
|
|
button:hover,
|
|
.mail-attached-image:hover {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.popover.open button.action-button {
|
|
opacity: 1;
|
|
}
|
|
|
|
/* 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-trash {
|
|
background-image: var(--icon-mail-trash-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-starred[data-starred="false"]:not(:hover) {
|
|
background-image: var(--icon-star-dark-f2f2f2) !important;
|
|
}
|
|
}
|
|
|
|
// Icons used by Mail inside and outside the .app-mail class
|
|
|
|
.icon-forward {
|
|
background-image: var(--icon-mail-forward-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-junk {
|
|
background-image: var(--icon-mail-junk-f2f2f2) !important;
|
|
}
|
|
|
|
// Specify which places to exactly to use the white mail-important icon.
|
|
// This is to prevent the important icon, on the avatar of emails
|
|
// marked as important, having a white background.
|
|
.popover .icon-important,
|
|
#mailbox-priority .icon-important {
|
|
background-image: var(--icon-mail-important-f2f2f2) !important;
|
|
}
|
|
|
|
#mail-message-has-blocked-content .action-item button.action-item__menutoggle--with-title,
|
|
.popover.open .action-button .action-button__icon.icon-toggle {
|
|
background-image: var(--icon-toggle-f2f2f2) !important;
|
|
}
|