1
0
mirror of https://github.com/mwalbeck/nextcloud-breeze-dark.git synced 2024-11-12 19:26:42 +00:00
nextcloud-breeze-dark/css/apps/official/_deck.scss

138 lines
3.0 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.
*/
/* Deck --------------------------------------------------------------------- */
.board-list .board-list-row {
border-bottom-color: var(--color-border) !important;
}
.board-wrapper .controls {
.board-title h2 a {
color: var(--color-text-active);
}
}
.board-wrapper .board {
.stack {
.stack--card-add form {
box-shadow: none;
input {
border: 1px solid var(--color-border);
}
}
.card {
box-shadow: none;
border: 1px solid var(--color-border);
background-color: var(--color-background-darker);
&:hover,
.current-card {
box-shadow: none;
border-color: var(--color-border-active);
}
.due {
opacity: 1;
span {
color: var(--color-text-active);
}
&.next {
background-color: var(--color-neutral);
opacity: 1;
span {
color: var(--color-text-dark);
}
}
&.now {
background-color: var(--color-warning);
opacity: 1;
span {
color: var(--color-text-dark);
}
}
&.overdue {
background-color: var(--color-error);
opacity: 1;
}
}
}
}
.badges .icon {
opacity: 0.7 !important;
}
}
#app-sidebar {
#description-preview a {
opacity: 1;
}
}
/* Icons -------------------------------------------------------------------- */
.icon-deck {
background-image: var(--icon-deck-deck-f2f2f2) !important;
}
.icon-archive {
background-image: var(--icon-deck-archive-f2f2f2) !important;
}
.icon-toggle-compact-expanded {
background-image: var(--icon-deck-toggle-view-collapse-f2f2f2) !important;
}
.icon-toggle-compact-collapsed {
background-image: var(--icon-deck-toggle-view-expand-f2f2f2) !important;
}
.icon-clone {
background-image: var(--icon-deck-clone-f2f2f2) !important;
}
.icon-filter {
background-image: var(--icon-deck-filter-f2f2f2) !important;
}
.icon-attach {
background-image: var(--icon-deck-attach-f2f2f2) !important;
}
.icon-calendar-dark.now,
.icon-calendar-dark.next {
background-image: var(--icon-calendar-000) !important;
}
.icon-filter_set {
background-image: var(--icon-deck-filter_set-f2f2f2) !important;
}
.resource-type-deck {
img[src$="deck-dark.svg"] {
filter: invert(95%);
opacity: .7 !important;
}
&:hover img[src$="deck-dark.svg"] {
opacity: 1 !important;
}
}