mwalbeck/nextcloud-breeze-dark
1
0
Fork 0
mirror of https://github.com/mwalbeck/nextcloud-breeze-dark.git synced 2025-05-15 05:50:27 +00:00
Code Issues Releases Wiki Activity

Cleanup Deck styling, Fix popover border issue in calendar and add back --color-neutral

Browse source
This commit is contained in:
Magnus Walbeck 2020-10-06 20:40:14 +02:00
parent 93820d8053
commit 35bba77669
Signed by: mwalbeck
GPG key ID: CCB78CFF3F950769
4 changed files with 31 additions and 55 deletions

5
css/apps/official/_calendar.scss
View file

@ -71,6 +71,11 @@
}
}
.popover.event-popover,
.popover.event-popover .popover {
border: unset;
}
/* Icons -------------------------------------------------------------------- */
.app-calendar,

77
css/apps/official/_deck.scss
View file

@ -6,69 +6,40 @@
/* Deck --------------------------------------------------------------------- */
.board-list .board-list-row {
border-bottom-color: var(--color-border) !important;
}
.card {
background-color: var(--color-background-darker) !important;
border: 1px solid var(--color-border);
.board-wrapper .board {
.stack {
.stack--card-add form {
box-shadow: none;
&:hover,
&.current-card {
border-color: var(--color-primary-element);
}
input {
border: 1px solid var(--color-border);
}
}
.due,
.due.overdue {
opacity: 1 !important;
}
.card {
background-color: var(--color-background-darker);
border: 1px solid var(--color-border);
box-shadow: none;
.due.next {
background-color: var(--color-neutral) !important;
opacity: 1 !important;
&:hover,
.current-card {
border-color: var(--color-primary-element);
box-shadow: none;
}
.due {
opacity: 1;
&.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;
}
}
span {
color: var(--color-text-dark);
}
}
.badges .icon {
opacity: 0.7 !important;
.due.now {
opacity: 1 !important;
span {
color: var(--color-text-dark);
}
}
}
#app-sidebar {
#description-preview a {
opacity: 1;
}
.modal-wrapper .modal-container {
box-shadow: unset !important;
}
/* Icons -------------------------------------------------------------------- */

1
css/server/_server.scss
View file

@ -32,6 +32,7 @@
.menu,
.popovermenu,
.bubble,
.popover,
.app-navigation-entry-menu {
border: 1px solid var(--color-border);

3
css/variables/_color-variables.scss
View file

@ -50,6 +50,7 @@
--color-error: var(--color-icon-red) !important;
--color-warning: var(--color-beware-orange) !important;
--color-neutral: var(--color-sunbeam-yellow) !important;
--color-success: var(--color-noble-fir) !important;
--color-text-maxcontrast: var(--color-alternate-gray) !important;
@ -74,8 +75,6 @@
// --color-background-alternate: rgba(77, 77, 77, 1);
// --color-background-blur: rgba(49, 54, 59, 0.7) !important;
// --color-neutral: rgba(201, 206, 59, 1) !important;
// --color-text-active: rgba(252, 252, 252, 1);
// --color-text-inactive: rgba(189, 195, 199, 1);
// --color-text-link: rgba(41, 128, 185, 1);