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/_deck.scss

143 lines
3.1 KiB
SCSS

/* Deck --------------------------------------------------------------------- */
.app-deck #app-navigation {
.editing .app-navigation-entry-edit {
background-color: var(--color-main-background);
}
#app-settings-content .ui-select-match-item {
border-color: var(--color-border) !important;
}
}
.app-deck #app-content {
#controls {
#stack-add {
background-color: var(--color-background-darker);
border: 1px solid var(--color-border);
&:hover {
border-color: var(--color-border-active);
}
}
.board-header-controls > button i.icon-archive {
opacity: 1 !important;
}
}
#boardlist {
thead td {
opacity: 1;
}
td {
border-bottom-color: var(--color-border);
}
.board-create td{
border-bottom: none;
}
}
#board {
.stack {
border-color: var(--color-border);
}
.card {
border: 1px solid var(--color-border);
box-shadow: none;
&:hover, &.current {
border-color: var(--color-border-active);
}
&.create {
border-color: var(--color-border) !important;
&:hover {
background-color: var(--color-background-hover);
border-color: var(--color-border-active) !important;
}
}
.card-controls {
background-color: var(--color-background-darker);
.due {
opacity: 0.7;
span {
color: var(--color-text-active);
}
&.overdue {
background-color: var(--color-error);
opacity: 1;
}
&.now {
background-color: var(--color-warning);
opacity: 1;
}
&.next {
background-color: unset;
opacity: 1;
}
}
.card-files {
opacity: 0.7;
}
}
}
}
}
.app-deck #app-sidebar {
#board-detail-labels {
input {
border: none;
}
li[ng-if$="status.createLabel"] input {
color: var(--color-main-text) !important;
}
}
#sidebar-header .input-inline {
background-color: var(--color-main-background);
border: none;
}
#card-dates {
opacity: 0.7;
}
#card-meta {
.save-indicator.unsaved {
background-color: var(--color-background-alternate);
color: var(--color-main-text);
}
.attachment-list {
li.attachment .filesize,
li.attachment .filedate {
color: var(--color-text-inactive);
}
}
}
}