mirror of
https://github.com/mwalbeck/nextcloud-breeze-dark.git
synced 2024-11-14 20:16:26 +00:00
155 lines
3.9 KiB
SCSS
155 lines
3.9 KiB
SCSS
/***
|
|
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
|
|
/* Tasks -------------------------------------------------------------------- */
|
|
|
|
.app-tasks .app-navigation .app-navigation-entry-edit input.action {
|
|
background-color: var(--color-background-darker);
|
|
}
|
|
|
|
.app-tasks .app-content {
|
|
.sortorder-dropdown-button {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
|
|
.categories-list span {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
|
|
.task-body {
|
|
background-color: var(--color-background-darker);
|
|
|
|
&:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
|
|
&.active .title {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.duedate.overdue {
|
|
color: var(--color-error);
|
|
}
|
|
|
|
.percentdone {
|
|
background-color: var(--color-primary) !important;
|
|
}
|
|
}
|
|
|
|
.task-list .loadmore span {
|
|
background-color: var(--color-background-darker) !important;
|
|
color: var(--color-text-maxcontrast) !important;
|
|
}
|
|
}
|
|
|
|
.app-tasks #app-sidebar div.content-wrapper {
|
|
.title {
|
|
background-color: var(--color-primary-element);
|
|
|
|
.expandable-container {
|
|
background: var(--color-main-background);
|
|
border-color: var(--color-border);
|
|
}
|
|
}
|
|
|
|
.body .section {
|
|
border-bottom: 1px dashed var(--color-border);
|
|
|
|
.detail-categories-container .multiselect.multiselect-vue .multiselect__tag,
|
|
.detail-calendar-container .multiselect.multiselect-vue .multiselect__tag {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
|
|
input[type="number"] {
|
|
background-color: var(--color-background-darker);
|
|
}
|
|
}
|
|
|
|
input[type="checkbox"].checkbox:checked + label::before {
|
|
background-color: var(--color-primary-element);
|
|
border-color: var(--color-primary-element);
|
|
}
|
|
|
|
.title .detail-checkbox label:hover::before {
|
|
border-color: var(--color-primary);
|
|
}
|
|
|
|
.footer {
|
|
border-top: unset;
|
|
}
|
|
}
|
|
|
|
/* Icons -------------------------------------------------------------------- */
|
|
|
|
.app-tasks {
|
|
.sprt-startdate,
|
|
.sprt-duedate,
|
|
.sprt-current,
|
|
.sprt-task-star,
|
|
.sprt-percent,
|
|
.sprt-tag,
|
|
.sprt-trash,
|
|
.sprt-hide,
|
|
.sprt-pinned,
|
|
.sprt-pinned-off,
|
|
.sprt-all,
|
|
.sprt-checkmark,
|
|
.sprt-add,
|
|
.sprt-calendar,
|
|
.sprt-note,
|
|
.sprt-subtasks-hidden {
|
|
filter: invert(95%);
|
|
}
|
|
|
|
.icon-list {
|
|
background-image: var(--icon-tasks-icon-list-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-start {
|
|
background-image: var(--icon-tasks-icon-start-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-due {
|
|
background-image: var(--icon-tasks-icon-due-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-task-star {
|
|
background-image: var(--icon-tasks-icon-task-star-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-alphabetically {
|
|
background-image: var(--icon-tasks-icon-alphabetically-f2f2f2) !important;
|
|
}
|
|
|
|
input[type="checkbox"].checkbox:checked + label::before {
|
|
background-image: var(--icon-checkmark-f2f2f2) !important;
|
|
}
|
|
|
|
.app-content > div .task-list .grouped-tasks .task-item .task-body .task-body-icons {
|
|
.icon-subtasks-visible {
|
|
background-image: var(--icon-tasks-icon-subtasks-visible-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-subtasks-hidden {
|
|
background-image: var(--icon-tasks-icon-subtasks-hidden-f2f2f2) !important;
|
|
}
|
|
}
|
|
|
|
.app-content .header .sortorder {
|
|
.icon-list__up {
|
|
background-image: var(--icon-tasks-icon-list-up-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-list__down {
|
|
background-image: var(--icon-tasks-icon-list-down-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-manual {
|
|
background-image: var(--icon-tasks-icon-manual-f2f2f2) !important;
|
|
}
|
|
}
|
|
}
|