mwalbeck/nextcloud-breeze-dark
1
0
Fork 0
mirror of https://github.com/mwalbeck/nextcloud-breeze-dark.git synced 2025-07-03 09:52:57 +00:00
Code Issues Releases Wiki Activity

Improve styling for circles

Browse source
This commit is contained in:
Magnus Walbeck 2019-05-08 12:53:15 +08:00
parent 3bab2ac624
commit d2cc24269d
1 changed files with 86 additions and 68 deletions

154
core/css/apps/thirdparty/_circles.scss vendored
View file

@ -1,86 +1,104 @@
#circles_list {
/* Circles ------------------------------------------------------------------ */
div {
.app-circles #circle-navigation {
border: none;
input,
select,
option {
background-color: $background-dark !important;
}
select#circles_filters {
color: $foreground-normal;
border-color: $decoration-normal;
background-color: $background-normal;
}
&.selected {
background-color: $background-dark !important;
border-right: 1px solid $decoration-normal;
}
&.circles .circle {
border-bottom-color: $decoration-normal;
&:hover {
background: $background-active-hover;
}
}
.selected {
background: $background-active !important;
}
}
#circles_new_type_definition {
div {
color: $foreground-normal;
}
}
#mainui {
#circle_details {
#name {
color: $foreground-active;
background-color: $background-active-hover;
}
#type {
.title,
.type,
.owner {
color: $foreground-normal;
}
.lightenbg {
background: $background-active;
&.selected {
background-color: $background-active;
}
}
#memberslist {
#circles_list {
.entry td {
div {
color: $foreground-normal;
border-color: $decoration-normal;
background-color: $background-normal;
&:hover {
background: $background-active-hover;
}
}
.selected {
background: $background-active !important;
}
}
#circles_new_type_definition div {
color: $foreground-normal;
}
}
.app-circles #app-content {
#mainui {
#circle_details {
#name {
color: $foreground-active;
}
#type {
color: $foreground-normal;
}
.lightenbg {
background: $background-active;
}
}
#memberslist .entry td {
color: $foreground-normal;
background: $background-normal !important;
border-bottom-color: $decoration-normal;
}
#members_search_result {
border-color: $decoration-normal;
color: $foreground-normal;
background: $background-normal;
.members_search.exact {
background-color: $background-active-hover;
}
}
#settings-panel #settings-table {
color: $foreground-normal;
tbody tr {
opacity: 1 !important;
}
}
}
}
#rightpanel .lightenbg {
background: $background-alternate;
}
div.circle {
border-bottom-color: $decoration-normal;
&:hover {
background-color: $background-active-hover;
}
.title, .type, .owner {
color: $foreground-normal;
}
}
#app-navigation.circles {
&.selected {
background-color: $background-dark !important;
border-top: 1px solid $decoration-normal;
}
.circle.selected {
background-color: $background-active;
}
}
#members_search_result {
border-color: $decoration-normal;
color: $foreground-normal;
background: $background-normal;
.members_search.exact {
background-color: $background-active-hover;
}
}