mirror of
https://github.com/mwalbeck/nextcloud-breeze-dark.git
synced 2025-01-10 11:07:42 +00:00
132 lines
3.1 KiB
SCSS
132 lines
3.1 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.
|
|
*/
|
|
|
|
/* Circles ------------------------------------------------------------------ */
|
|
|
|
.app-circles #circle-navigation {
|
|
border: unset;
|
|
|
|
input,
|
|
select,
|
|
option {
|
|
background-color: var(--color-background-darker) !important;
|
|
}
|
|
|
|
select#circles_filters {
|
|
color: var(--color-main-text);
|
|
}
|
|
|
|
&.selected {
|
|
background-color: var(--color-background-darker) !important;
|
|
border-right: 1px solid var(--color-border);
|
|
}
|
|
|
|
&.circles .circle {
|
|
border-bottom-color: var(--color-border);
|
|
|
|
&:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
|
|
.title,
|
|
.type,
|
|
.owner {
|
|
color: var(--color-main-text);
|
|
}
|
|
|
|
&.selected {
|
|
background-color: var(--color-primary-element);
|
|
}
|
|
}
|
|
|
|
#circles_list {
|
|
div {
|
|
background-color: var(--color-main-background);
|
|
border-color: var(--color-border);
|
|
color: var(--color-main-text);
|
|
|
|
&:hover {
|
|
background: var(--color-background-hover);
|
|
}
|
|
}
|
|
|
|
.selected {
|
|
background: var(--color-primary-element) !important;
|
|
}
|
|
}
|
|
|
|
#circles_new_type_definition div {
|
|
color: var(--color-main-text);
|
|
}
|
|
}
|
|
|
|
.app-circles #app-content {
|
|
#mainui {
|
|
#circle_details {
|
|
#name {
|
|
color: var(--color-main-text);
|
|
}
|
|
|
|
#type {
|
|
color: var(--color-main-text);
|
|
}
|
|
|
|
.lightenbg {
|
|
background: var(--color-primary-element);
|
|
}
|
|
}
|
|
|
|
#memberslist .entry td {
|
|
background: var(--color-main-background) !important;
|
|
border-bottom-color: var(--color-border);
|
|
color: var(--color-main-text);
|
|
}
|
|
|
|
#members_search_result {
|
|
background: var(--color-main-background);
|
|
border-color: var(--color-border);
|
|
color: var(--color-main-text);
|
|
|
|
.members_search.exact {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
}
|
|
|
|
#settings-panel #settings-table {
|
|
color: var(--color-main-text);
|
|
|
|
tbody tr {
|
|
opacity: 1 !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
#circle_desc {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
}
|
|
|
|
#app-content-circlesfilter .select2-container .select2-choices {
|
|
background-color: var(--color-main-background);
|
|
border-color: var(--color-border);
|
|
}
|
|
|
|
/* Icons -------------------------------------------------------------------- */
|
|
|
|
// Circle in files app navbar
|
|
.nav-icon-circlesfilter {
|
|
background-image: var(--icon-circles-circles-f2f2f2) !important;
|
|
}
|
|
|
|
.app-circles {
|
|
select.status-select {
|
|
background: var(--icon-triangle-s-f2f2f2) no-repeat right 4px center;
|
|
}
|
|
|
|
.icon-add-user {
|
|
filter: invert(95%);
|
|
}
|
|
}
|