mwalbeck/nextcloud-breeze-dark
1
0
Fork 0
mirror of https://github.com/mwalbeck/nextcloud-breeze-dark.git synced 2025-06-23 22:10:51 +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 -------------------------------------------------------------------- */ /* Icons -------------------------------------------------------------------- */
.app-calendar, .app-calendar,

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

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

1
css/server/_server.scss
View file

@ -32,6 +32,7 @@
.menu, .menu,
.popovermenu, .popovermenu,
.bubble, .bubble,
.popover,
.app-navigation-entry-menu { .app-navigation-entry-menu {
border: 1px solid var(--color-border); 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-error: var(--color-icon-red) !important;
--color-warning: var(--color-beware-orange) !important; --color-warning: var(--color-beware-orange) !important;
--color-neutral: var(--color-sunbeam-yellow) !important;
--color-success: var(--color-noble-fir) !important; --color-success: var(--color-noble-fir) !important;
--color-text-maxcontrast: var(--color-alternate-gray) !important; --color-text-maxcontrast: var(--color-alternate-gray) !important;
@ -74,8 +75,6 @@
// --color-background-alternate: rgba(77, 77, 77, 1); // --color-background-alternate: rgba(77, 77, 77, 1);
// --color-background-blur: rgba(49, 54, 59, 0.7) !important; // --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-active: rgba(252, 252, 252, 1);
// --color-text-inactive: rgba(189, 195, 199, 1); // --color-text-inactive: rgba(189, 195, 199, 1);
// --color-text-link: rgba(41, 128, 185, 1); // --color-text-link: rgba(41, 128, 185, 1);