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

Update to 12.0.5

Browse source
This commit is contained in:
Magnus Walbeck 2017-10-04 12:24:42 +02:00
commit 7295dcf77c
8 changed files with 240 additions and 94 deletions

2
README.md
View file

@ -3,7 +3,7 @@ This is a Breeze Dark Theme for [Nextcloud](https://nextcloud.com) based on the
The icons are from the default Nextcloud theme and the individual apps, with the colors changed to better fit the theme.
Current stable release: 12.0.4
Current stable release: 12.0.5
![screenshot of theme](screenshot.png)

12
core/css/apps/_calendar.scss
View file

@ -54,8 +54,20 @@
&:hover {
background-color: $background-active-hover;
border-radius: 50%;
}
}
&.highlight-today {
background-color: $background-active-alternate;
}
}
.datepicker-heading {
.button {
background-color: $background-normal;
}
}
}
}

187
core/css/apps/_contacts.scss
View file

@ -1,77 +1,150 @@
.app-content-list {
background-color: $background-dark;
border-right: 1px solid $decoration-normal;
}
.app-contacts {
.app-content-list-item {
border-color: $decoration-normal;
&:first-child {
border: none;
.app-content-list {
background-color: $background-dark;
border-right: 1px solid $decoration-normal;
}
&:hover {
background-color: $background-active-hover;
}
.app-content-list-item {
border-color: $decoration-normal;
&:active, &:focus {
background-color: $background-active;
}
&:first-child {
border: none;
}
&.active {
background-color: $background-active;
color: $foreground-active;
font-weight: 600;
border-color: $decoration-active;
}
&:hover {
background-color: $background-active-hover;
}
a {
color: $foreground-normal;
}
}
&:active, &:focus {
background-color: $background-active;
}
.contacts-list-count {
color: $foreground-inactive;
border-color: $decoration-normal;
}
&.active {
background-color: $background-active;
color: $foreground-active;
font-weight: 600;
border-color: $decoration-active;
}
.contact-details-wrapper {
background-color: $background-normal;
}
.contactdetails__header {
color: $foreground-normal;
.contactdetails__name {
color: $foreground-normal;
font-weight: 600;
}
.contactdetails__org, .contactdetails__title {
color: $foreground-normal !important;
font-weight: 600;
&:placeholder-shown {
a {
color: $foreground-normal;
}
}
.contacts-list-count {
color: $foreground-inactive;
border-color: $decoration-normal;
}
.contact-details-wrapper {
background-color: $background-normal;
}
.contactdetails__header {
color: $foreground-normal;
.contactdetails__name {
color: $foreground-normal;
font-weight: 600;
}
.contactdetails__org, .contactdetails__title {
color: $foreground-normal !important;
font-weight: 600;
&:placeholder-shown {
color: $foreground-normal;
opacity: 1;
}
}
#details-actions {
a, button {
opacity: 0.7;
}
}
}
detailsitem {
input, select {
&:hover, &:focus, &:active {
+ .icon-delete {
opacity: 0.4;
}
}
}
.icon-delete, &:hover .icon-delete {
opacity: 0.4;
}
select {
color: $foreground-inactive;
opacity: 1;
}
}
#details-actions {
a, button {
opacity: 0.7;
input.newAddressBookSubmit {
&, &:hover, &:focus, &:active {
border: none;
background-color: inherit !important;
}
}
}
detailsitem .icon-delete {
opacity: 0.4;
}
ul.addressBookList li .action > span {
opacity: 1;
}
input.newAddressBookSubmit {
.addressBookList {
&, &:hover, &:focus, &:active {
border: none;
background-color: inherit !important;
input[type="submit"], input[type="button"] {
&.inline-button {
border: 1px solid $decoration-normal;
border-left: none;
&:hover {
opacity: 0.7;
}
}
}
}
contactimport {
.select2-drop-active {
box-shadow: none;
}
.select2-results .select2-result-label:hover {
background: $background-active-hover;
}
.select2-container .select2-choice {
&:hover {
border-color: $decoration-active;
}
.select2-arrow {
background: $background-dark;
}
}
}
importscreen {
#importscreen-wrapper {
background: $background-normal;
}
#importscreen-progress {
background-color: $background-dark;
}
}
}

14
core/css/apps/_radio.scss
View file

@ -27,4 +27,18 @@
}
}
}
#app-content {
#app-content-files {
#filestable tbody tr {
background-color: $background-normal !important;
&:hover {
background-color: $background-active-hover !important;
}
}
}
}
}

15
core/css/core/_icons.scss
View file

@ -325,7 +325,11 @@ select {
.play-pause,
.play-pause:hover,
.paused .play-pause:hover {
.paused .play-pause:hover,
.current.playing .play-pause,
:hover > .play-pause,
#app-view .current:not(.playing):hover > .play-pause,
#app-navigation .current:not(.playing) :hover .play-pause {
background-image: url('../img/actions/play-big.svg');
}
@ -337,7 +341,10 @@ select {
/* Pause Big ---------------------------------------------------------------- */
.playing .play-pause {
.playing .play-pause,
.current:not(.playing) .play-pause,
#app-view .current.playing:hover > .play-pause,
#app-navigation .current.playing :hover .play-pause {
background-image: url('../img/actions/pause-big.svg');
}
@ -539,8 +546,4 @@ a.impersonate img.svg {
img.play.svg, img.control {
filter: invert(95%);
}
img.play.overlay.svg {
filter: invert(0%);
}
}

8
core/css/core/_server.scss
View file

@ -168,6 +168,13 @@ div.crumb span.icon-shared, div.crumb span.icon-public {
}
}
#app-navigation .utils .action {
&:hover, &:focus {
opacity: 0.7;
}
}
/* Info colours ------------------------------------------------------------- */
#postsetupchecks .errors,
@ -458,6 +465,7 @@ ul.multiselectoptions {
&.select2-search-choice-focus {
background-color: $background-normal;
border-color: $decoration-active;
color: $foreground-normal;
}
}

94
core/css/server.css
View file

@ -1,7 +1,7 @@
/*
=============================================================================
* Nextcloud breeze dark theme
* Version: 12.0.4
* Version: 12.0.5
* Check it out at https://github.com/mwalbeck/nextcloud-breeze-dark
=============================================================================
*/
@ -248,7 +248,11 @@ select {
/* Play Big ----------------------------------------------------------------- */
.play-pause,
.play-pause:hover,
.paused .play-pause:hover {
.paused .play-pause:hover,
.current.playing .play-pause,
:hover > .play-pause,
#app-view .current:not(.playing):hover > .play-pause,
#app-navigation .current:not(.playing) :hover .play-pause {
background-image: url("../img/actions/play-big.svg"); }
/* User Plus ---------------------------------------------------------------- */
@ -256,7 +260,10 @@ select {
background-image: url("../img/actions/user-plus.svg") !important; }
/* Pause Big ---------------------------------------------------------------- */
.playing .play-pause {
.playing .play-pause,
.current:not(.playing) .play-pause,
#app-view .current.playing:hover > .play-pause,
#app-navigation .current.playing :hover .play-pause {
background-image: url("../img/actions/pause-big.svg"); }
/* Play Previous ------------------------------------------------------------ */
@ -389,8 +396,6 @@ a.impersonate img.svg {
.app-music img.play.svg, .app-music img.control {
filter: invert(95%); }
.app-music img.play.overlay.svg {
filter: invert(0%); }
body {
color: #eff0f1;
@ -713,6 +718,9 @@ div.crumb span.icon-shared, div.crumb span.icon-public {
#navigation a span {
color: #eff0f1; }
#app-navigation .utils .action:hover, #app-navigation .utils .action:focus {
opacity: 0.7; }
/* Info colours ------------------------------------------------------------- */
#postsetupchecks .errors,
#postsetupchecks .warnings,
@ -884,7 +892,8 @@ ul.multiselectoptions {
box-shadow: none; }
.select2-container-multi .select2-choices .select2-search-choice:hover, .select2-container-multi .select2-choices .select2-search-choice.select2-search-choice-focus, .select2-container-multi.select2-container-active .select2-choices .select2-search-choice:hover, .select2-container-multi.select2-container-active .select2-choices .select2-search-choice.select2-search-choice-focus {
background-color: #31363b;
border-color: #3daee9; }
border-color: #3daee9;
color: #eff0f1; }
.select2-container-multi .select2-choices .select2-search-field input {
color: #eff0f1; }
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
@ -1248,7 +1257,12 @@ div.ui-datepicker, div.ui-timepicker {
box-shadow: none;
border-color: #706f6e; }
.app-calendar #app-navigation #datepickercontainer #datepicker table td button:hover {
background-color: rgba(61, 174, 233, 0.25); }
background-color: rgba(61, 174, 233, 0.25);
border-radius: 50%; }
.app-calendar #app-navigation #datepickercontainer #datepicker table td.highlight-today {
background-color: #1d99f3; }
.app-calendar #app-navigation #datepickercontainer .datepicker-heading .button {
background-color: #31363b; }
.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover {
border-color: #706f6e; }
@ -1357,53 +1371,71 @@ div.circle {
#members_search_result .members_search.exact {
background-color: rgba(61, 174, 233, 0.25); }
.app-content-list {
.app-contacts .app-content-list {
background-color: #232629;
border-right: 1px solid #706f6e; }
.app-content-list-item {
.app-contacts .app-content-list-item {
border-color: #706f6e; }
.app-content-list-item:first-child {
.app-contacts .app-content-list-item:first-child {
border: none; }
.app-content-list-item:hover {
.app-contacts .app-content-list-item:hover {
background-color: rgba(61, 174, 233, 0.25); }
.app-content-list-item:active, .app-content-list-item:focus {
.app-contacts .app-content-list-item:active, .app-contacts .app-content-list-item:focus {
background-color: #3daee9; }
.app-content-list-item.active {
.app-contacts .app-content-list-item.active {
background-color: #3daee9;
color: #fcfcfc;
font-weight: 600;
border-color: #3daee9; }
.app-content-list-item a {
.app-contacts .app-content-list-item a {
color: #eff0f1; }
.contacts-list-count {
.app-contacts .contacts-list-count {
color: #bdc3c7;
border-color: #706f6e; }
.contact-details-wrapper {
.app-contacts .contact-details-wrapper {
background-color: #31363b; }
.contactdetails__header {
.app-contacts .contactdetails__header {
color: #eff0f1; }
.contactdetails__header .contactdetails__name {
.app-contacts .contactdetails__header .contactdetails__name {
color: #eff0f1;
font-weight: 600; }
.contactdetails__header .contactdetails__org, .contactdetails__header .contactdetails__title {
.app-contacts .contactdetails__header .contactdetails__org, .app-contacts .contactdetails__header .contactdetails__title {
color: #eff0f1 !important;
font-weight: 600; }
.contactdetails__header .contactdetails__org:placeholder-shown, .contactdetails__header .contactdetails__title:placeholder-shown {
.app-contacts .contactdetails__header .contactdetails__org:placeholder-shown, .app-contacts .contactdetails__header .contactdetails__title:placeholder-shown {
color: #eff0f1;
opacity: 1; }
.contactdetails__header #details-actions a, .contactdetails__header #details-actions button {
.app-contacts .contactdetails__header #details-actions a, .app-contacts .contactdetails__header #details-actions button {
opacity: 0.7; }
detailsitem .icon-delete {
.app-contacts detailsitem input:hover + .icon-delete, .app-contacts detailsitem input:focus + .icon-delete, .app-contacts detailsitem input:active + .icon-delete, .app-contacts detailsitem select:hover + .icon-delete, .app-contacts detailsitem select:focus + .icon-delete, .app-contacts detailsitem select:active + .icon-delete {
opacity: 0.4; }
input.newAddressBookSubmit, input.newAddressBookSubmit:hover, input.newAddressBookSubmit:focus, input.newAddressBookSubmit:active {
.app-contacts detailsitem .icon-delete, .app-contacts detailsitem:hover .icon-delete {
opacity: 0.4; }
.app-contacts detailsitem select {
color: #bdc3c7;
opacity: 1; }
.app-contacts input.newAddressBookSubmit, .app-contacts input.newAddressBookSubmit:hover, .app-contacts input.newAddressBookSubmit:focus, .app-contacts input.newAddressBookSubmit:active {
border: none;
background-color: inherit !important; }
.app-contacts ul.addressBookList li .action > span {
opacity: 1; }
.app-contacts .addressBookList input[type="submit"].inline-button, .app-contacts .addressBookList input[type="button"].inline-button {
border: 1px solid #706f6e;
border-left: none; }
.app-contacts .addressBookList input[type="submit"].inline-button:hover, .app-contacts .addressBookList input[type="button"].inline-button:hover {
opacity: 0.7; }
.app-contacts contactimport .select2-drop-active {
box-shadow: none; }
.app-contacts contactimport .select2-results .select2-result-label:hover {
background: rgba(61, 174, 233, 0.25); }
.app-contacts contactimport .select2-container .select2-choice:hover {
border-color: #3daee9; }
.app-contacts contactimport .select2-container .select2-choice .select2-arrow {
background: #232629; }
.app-contacts importscreen #importscreen-wrapper {
background: #31363b; }
.app-contacts importscreen #importscreen-progress {
background-color: #232629; }
/* External Storage --------------------------------------------------------- */
.dropdown {
@ -2226,6 +2258,10 @@ div.percentdone {
.app-radio #app-navigation #app-settings #playbutton:hover:not(:disabled):not(.primary):not(#quota), .app-radio #app-navigation #app-settings #playbutton:active:not(:disabled):not(.primary):not(#quota), .app-radio #app-navigation #app-settings #playbutton:focus:not(:disabled):not(.primary):not(#quota) {
border: none;
background-color: inherit; }
.app-radio #app-content #app-content-files #filestable tbody tr {
background-color: #31363b !important; }
.app-radio #app-content #app-content-files #filestable tbody tr:hover {
background-color: rgba(61, 174, 233, 0.25) !important; }
.app-music #app-navigation .app-navigation-separator {
border-bottom-color: #706f6e; }

2
core/css/server.scss
View file

@ -1,7 +1,7 @@
/*
=============================================================================
* Nextcloud breeze dark theme
* Version: 12.0.4
* Version: 12.0.5
* Check it out at https://github.com/mwalbeck/nextcloud-breeze-dark
=============================================================================
*/