mirror of
https://github.com/mwalbeck/nextcloud-breeze-dark.git
synced 2025-03-15 04:54:56 +00:00
Add support for Nextcloud 26
This commit is contained in:
parent
a320e35494
commit
20814b52fe
GPG key ID:
CCB78CFF3F950769
10 changed files with 289 additions and 137 deletions
|
|
@ -38,7 +38,7 @@ Settings > Personal > Appearance and accessibility > Breeze Dark
|
|||
|
||||
Under the Theming section in the admin settings you can add your own custom styling to the theme. Only standard CSS can be used. This custom styling will be applied whenever the theme is enabled and only affects the Breeze Dark theme.
|
||||
]]></description>
|
||||
<version>25.0.2</version>
|
||||
<version>26.0.0</version>
|
||||
<licence>agpl</licence>
|
||||
<author mail="mw@mwalbeck.org" homepage="https://github.com/mwalbeck/nextcloud-breeze-dark">Magnus Walbeck</author>
|
||||
<namespace>BreezeDark</namespace>
|
||||
|
|
@ -47,7 +47,7 @@ Under the Theming section in the admin settings you can add your own custom styl
|
|||
<bugs>https://github.com/mwalbeck/nextcloud-breeze-dark/issues</bugs>
|
||||
<screenshot>https://raw.githubusercontent.com/mwalbeck/nextcloud-breeze-dark/master/screenshot.png</screenshot>
|
||||
<dependencies>
|
||||
<nextcloud min-version="25" max-version="25"/>
|
||||
<nextcloud min-version="26" max-version="26"/>
|
||||
</dependencies>
|
||||
<repair-steps>
|
||||
<post-migration>
|
||||
|
|
|
|||
21
css/apps/core/_photos.scss
Normal file
21
css/apps/core/_photos.scss
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
/***
|
||||
* @copyright Copyright (c) 2023, Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
||||
*/
|
||||
|
||||
/* Notifications ------------------------------------------------------------ */
|
||||
|
||||
.app-photos#content-vue {
|
||||
.files-list-viewer__placeholder {
|
||||
background: var(--color-background-hover) !important;
|
||||
}
|
||||
|
||||
.file-container {
|
||||
background: var(--color-background-hover) !important;
|
||||
}
|
||||
|
||||
.file-container .selection-checkbox .checkbox-radio-switch__label::after {
|
||||
background: var(--color-background-darker);
|
||||
}
|
||||
}
|
||||
|
|
@ -77,22 +77,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.color-picker .vc-chrome {
|
||||
background-color: var(--color-main-background);
|
||||
|
||||
.vc-chrome-saturation-wrap {
|
||||
border: 1px solid var(--color-border);
|
||||
}
|
||||
|
||||
.vc-chrome-body {
|
||||
background-color: var(--color-main-background);
|
||||
|
||||
.vc-chrome-controls .vc-chrome-color-wrap .vc-chrome-active-color {
|
||||
border: 1px solid var(--color-border);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.modal--scheduler .fc .fc-button-primary {
|
||||
background-color: var(--color-main-background);
|
||||
border-color: var(--color-border);
|
||||
|
|
|
|||
12
css/apps/thirdparty/_snappymail.scss
vendored
Normal file
12
css/apps/thirdparty/_snappymail.scss
vendored
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
/***
|
||||
* @copyright Copyright (c) 2023, Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
||||
*/
|
||||
|
||||
/* Radio -------------------------------------------------------------------- */
|
||||
|
||||
#rl-app input {
|
||||
background-color: var(--input-bg-clr,#fff);
|
||||
color: var(--input-clr,#555);
|
||||
}
|
||||
|
|
@ -6,7 +6,7 @@
|
|||
|
||||
/* Buttons ------------------------------------------------------------------- */
|
||||
|
||||
button,
|
||||
button:not(.color-picker__simple-color-circle):not(.property-color__color-preview),
|
||||
.button,
|
||||
input[type="button"],
|
||||
input[type="submit"] {
|
||||
|
|
@ -29,7 +29,7 @@ input[type="submit"] {
|
|||
}
|
||||
}
|
||||
|
||||
.button-vue.button-vue--vue-secondary {
|
||||
.button-vue.button-vue--vue-secondary:not(.property-color__color-preview) {
|
||||
background-color: var(--color-main-background) !important;
|
||||
border: 1px solid var(--color-border) !important;
|
||||
color: var(--color-main-text) !important;
|
||||
|
|
@ -43,6 +43,16 @@ input[type="submit"] {
|
|||
background-color: var(--color-primary) !important;
|
||||
border-color: var(--color-primary-element) !important;
|
||||
}
|
||||
|
||||
&.close-button {
|
||||
border: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
input[type="text"] + .icon-confirm,
|
||||
input[type="password"] + .icon-confirm,
|
||||
input[type="email"] + .icon-confirm {
|
||||
background-color: var(--color-background-darker) !important;
|
||||
}
|
||||
|
||||
/* Input Fields -------------------------------------------------------------- */
|
||||
|
|
@ -74,12 +84,17 @@ textarea:not(:disabled) {
|
|||
}
|
||||
}
|
||||
|
||||
.checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__input:hover + .checkbox-radio-switch__label,
|
||||
.checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__input:focus + .checkbox-radio-switch__label,
|
||||
.checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__label:hover,
|
||||
.checkbox-radio-switch:not(.checkbox-radio-switch--disabled)
|
||||
.checkbox-radio-switch__label:focus-within {
|
||||
.checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__label:focus-within {
|
||||
background-color: var(--color-background-hover) !important;
|
||||
}
|
||||
|
||||
.checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__input:focus + .checkbox-radio-switch__label {
|
||||
box-shadow: unset !important;
|
||||
}
|
||||
|
||||
/* Action items -------------------------------------------------------------- */
|
||||
|
||||
.action-input .action-input__label,
|
||||
|
|
@ -113,6 +128,12 @@ select option {
|
|||
background-color: var(--color-background-hover) !important;
|
||||
}
|
||||
|
||||
/* vs__search ---------------------------------------------------------------- */
|
||||
|
||||
.vs__search {
|
||||
background-color: unset !important;
|
||||
}
|
||||
|
||||
/* Table --------------------------------------------------------------------- */
|
||||
|
||||
tbody tr:hover,
|
||||
|
|
|
|||
|
|
@ -114,6 +114,7 @@
|
|||
--color-box-shadow-rgb: rgba(0, 0, 0, 0) !important;
|
||||
--color-border: var(--color-border-grey) !important;
|
||||
--color-border-dark: var(--color-border) !important;
|
||||
--color-border-maxcontrast: var(--color-border) !important;
|
||||
--color-icon: rgba(242, 242, 242, 1);
|
||||
--table-color-border: var(--color-border) !important;
|
||||
--table-color-heading: var(--color-primary-text) !important;
|
||||
|
|
@ -121,31 +122,31 @@
|
|||
--table-color-background: var(--color-main-background) !important;
|
||||
--table-color-background-hover: var(--color-background-hover) !important;
|
||||
--table-border-radius: var(--border-radius) !important;
|
||||
--color-main-background-rgb: rgb(23, 23, 23);
|
||||
--color-main-background-blur: rgba(var(--color-main-background-rgb), 0.8);
|
||||
--background-invert-if-dark: invert(100%);
|
||||
--background-invert-if-bright: no;
|
||||
--color-success-rgb: 70, 186, 97;
|
||||
--color-success-hover: #6ac780;
|
||||
--color-warning-rgb: 236, 167, 0;
|
||||
--color-warning-hover: #efb832;
|
||||
--color-error-rgb: 233, 50, 45;
|
||||
--color-error-hover: #ed5a56;
|
||||
--color-scrollbar: #3d3d3d;
|
||||
--color-text-maxcontrast-background-blur: #919191;
|
||||
--color-text-maxcontrast-default: #8c8c8c;
|
||||
--color-placeholder-light: #313131;
|
||||
--color-placeholder-dark: #4a4a4a;
|
||||
--color-primary-default: #0082c9;
|
||||
--color-primary-hover: #04537f;
|
||||
--color-primary-light-text: #99c0d6;
|
||||
--color-primary-light-hover: #1d272d;
|
||||
--color-primary-element-default-hover: #046ca5;
|
||||
--color-primary-element-text: #fff;
|
||||
--color-primary-element-hover: #04537f;
|
||||
--color-primary-element-light-text: #99c0d6;
|
||||
--color-primary-element-light-hover: #1d272d;
|
||||
--color-primary-element-text-dark: #ededed;
|
||||
--color-main-background-rgb: rgb(23, 23, 23) !important;
|
||||
--color-main-background-blur: rgba(23, 23, 23, 0.8) !important;
|
||||
--background-invert-if-dark: invert(100%) !important;
|
||||
--background-invert-if-bright: no !important;
|
||||
--color-success-rgb: 70, 186, 97 !important;
|
||||
--color-success-hover: #6ac780 !important;
|
||||
--color-warning-rgb: 236, 167, 0 !important;
|
||||
--color-warning-hover: #efb832 !important;
|
||||
--color-error-rgb: 233, 50, 45 !important;
|
||||
--color-error-hover: #ed5a56 !important;
|
||||
--color-scrollbar: #3d3d3d !important;
|
||||
--color-text-maxcontrast-background-blur: #919191 !important;
|
||||
--color-text-maxcontrast-default: #8c8c8c !important;
|
||||
--color-placeholder-light: #313131 !important;
|
||||
--color-placeholder-dark: #4a4a4a !important;
|
||||
--color-primary-default: #0082c9 !important;
|
||||
--color-primary-hover: #04537f !important;
|
||||
--color-primary-light-text: #99c0d6 !important;
|
||||
--color-primary-light-hover: #1d272d !important;
|
||||
--color-primary-element-default-hover: #046ca5 !important;
|
||||
--color-primary-element-text: #fff !important;
|
||||
--color-primary-element-hover: #04537f !important;
|
||||
--color-primary-element-light-text: #99c0d6 !important;
|
||||
--color-primary-element-light-hover: #1d272d !important;
|
||||
--color-primary-element-text-dark: #ededed !important;
|
||||
}
|
||||
/***
|
||||
* @copyright Copyright (c) 2020, Magnus Walbeck <mw@mwalbeck.org>
|
||||
|
|
@ -153,7 +154,7 @@
|
|||
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
||||
*/
|
||||
/* Buttons ------------------------------------------------------------------- */
|
||||
button.primary,
|
||||
button:not(.color-picker__simple-color-circle):not(.property-color__color-preview).primary,
|
||||
.button.primary,
|
||||
input[type=button].primary,
|
||||
input[type=submit].primary {
|
||||
|
|
@ -161,13 +162,13 @@
|
|||
border-color: var(--color-border) !important;
|
||||
color: var(--color-main-text) !important;
|
||||
}
|
||||
button.primary:hover,
|
||||
button:not(.color-picker__simple-color-circle):not(.property-color__color-preview).primary:hover,
|
||||
.button.primary:hover,
|
||||
input[type=button].primary:hover,
|
||||
input[type=submit].primary:hover {
|
||||
border-color: var(--color-primary-element) !important;
|
||||
}
|
||||
button:focus, button:active, button.primary:focus, button.primary:active,
|
||||
button:not(.color-picker__simple-color-circle):not(.property-color__color-preview):focus, button:not(.color-picker__simple-color-circle):not(.property-color__color-preview):active, button:not(.color-picker__simple-color-circle):not(.property-color__color-preview).primary:focus, button:not(.color-picker__simple-color-circle):not(.property-color__color-preview).primary:active,
|
||||
.button:focus,
|
||||
.button:active,
|
||||
.button.primary:focus,
|
||||
|
|
@ -183,18 +184,26 @@
|
|||
background-color: var(--color-primary) !important;
|
||||
border-color: var(--color-primary-element) !important;
|
||||
}
|
||||
.button-vue.button-vue--vue-secondary {
|
||||
.button-vue.button-vue--vue-secondary:not(.property-color__color-preview) {
|
||||
background-color: var(--color-main-background) !important;
|
||||
border: 1px solid var(--color-border) !important;
|
||||
color: var(--color-main-text) !important;
|
||||
}
|
||||
.button-vue.button-vue--vue-secondary:hover {
|
||||
.button-vue.button-vue--vue-secondary:not(.property-color__color-preview):hover {
|
||||
border-color: var(--color-primary-element) !important;
|
||||
}
|
||||
.button-vue.button-vue--vue-secondary:focus, .button-vue.button-vue--vue-secondary:active {
|
||||
.button-vue.button-vue--vue-secondary:not(.property-color__color-preview):focus, .button-vue.button-vue--vue-secondary:not(.property-color__color-preview):active {
|
||||
background-color: var(--color-primary) !important;
|
||||
border-color: var(--color-primary-element) !important;
|
||||
}
|
||||
.button-vue.button-vue--vue-secondary:not(.property-color__color-preview).close-button {
|
||||
border: none !important;
|
||||
}
|
||||
input[type=text] + .icon-confirm,
|
||||
input[type=password] + .icon-confirm,
|
||||
input[type=email] + .icon-confirm {
|
||||
background-color: var(--color-background-darker) !important;
|
||||
}
|
||||
/* Input Fields -------------------------------------------------------------- */
|
||||
input:not([type=range]):not([type=button]):not([type=submit]) {
|
||||
background-color: var(--color-background-darker);
|
||||
|
|
@ -211,10 +220,15 @@
|
|||
.multiselect .multiselect__input {
|
||||
background-color: inherit !important;
|
||||
}
|
||||
.checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__input:hover + .checkbox-radio-switch__label,
|
||||
.checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__input:focus + .checkbox-radio-switch__label,
|
||||
.checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__label:hover,
|
||||
.checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__label:focus-within {
|
||||
background-color: var(--color-background-hover) !important;
|
||||
}
|
||||
.checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__input:focus + .checkbox-radio-switch__label {
|
||||
box-shadow: unset !important;
|
||||
}
|
||||
/* Action items -------------------------------------------------------------- */
|
||||
.action-input .action-input__label,
|
||||
.action-text-editable .action-text-editable__label {
|
||||
|
|
@ -239,6 +253,10 @@
|
|||
.multiselect .multiselect__content-wrapper .multiselect__option--highlight {
|
||||
background-color: var(--color-background-hover) !important;
|
||||
}
|
||||
/* vs__search ---------------------------------------------------------------- */
|
||||
.vs__search {
|
||||
background-color: unset !important;
|
||||
}
|
||||
/* Table --------------------------------------------------------------------- */
|
||||
tbody tr:hover,
|
||||
tbody tr:focus,
|
||||
|
|
@ -292,7 +310,8 @@
|
|||
.bubble::after,
|
||||
.app-navigation-entry-menu::after,
|
||||
.menu::after,
|
||||
.popovermenu::after {
|
||||
.popovermenu::after,
|
||||
.v-popper--theme-dropdown.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container {
|
||||
border-bottom-color: var(--color-border) !important;
|
||||
}
|
||||
.popover__arrow {
|
||||
|
|
@ -304,6 +323,9 @@
|
|||
.action-item__menu .action-item__menu_arrow {
|
||||
border-bottom-color: var(--color-border) !important;
|
||||
}
|
||||
.v-popper__popper button.action-button {
|
||||
border-radius: 6px !important;
|
||||
}
|
||||
/* Search ------------------------------------------------------------------- */
|
||||
.header-menu__wrapper {
|
||||
border: 1px solid var(--color-border);
|
||||
|
|
@ -330,6 +352,9 @@
|
|||
.oc-dialog .fileexists .conflict .filename {
|
||||
color: var(--color-main-text) !important;
|
||||
}
|
||||
.reference-picker .oc-dialog {
|
||||
border: none;
|
||||
}
|
||||
/* Settings ------------------------------------------------------------------ */
|
||||
#cropper .inner-container {
|
||||
background-color: var(--color-main-background) !important;
|
||||
|
|
@ -415,6 +440,11 @@
|
|||
.app-level .official {
|
||||
border-color: var(--color-success);
|
||||
}
|
||||
/* Smart picker ------------------------------------------------------------- */
|
||||
.tribute-container-link {
|
||||
border: 1px solid var(--color-border);
|
||||
border-radius: 6px !important;
|
||||
}
|
||||
/***
|
||||
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
|
|
@ -768,6 +798,21 @@
|
|||
.notification-container.menu .dismiss-all:hover {
|
||||
background-color: var(--color-background-hover);
|
||||
}
|
||||
/***
|
||||
* @copyright Copyright (c) 2023, Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
||||
*/
|
||||
/* Notifications ------------------------------------------------------------ */
|
||||
.app-photos#content-vue .files-list-viewer__placeholder {
|
||||
background: var(--color-background-hover) !important;
|
||||
}
|
||||
.app-photos#content-vue .file-container {
|
||||
background: var(--color-background-hover) !important;
|
||||
}
|
||||
.app-photos#content-vue .file-container .selection-checkbox .checkbox-radio-switch__label::after {
|
||||
background: var(--color-background-darker);
|
||||
}
|
||||
/***
|
||||
* @copyright Copyright (c) 2019, Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
|
|
@ -894,18 +939,6 @@
|
|||
.app-calendar .app-sidebar .repeat-option-set-section-grid-item.primary:hover {
|
||||
background-color: var(--color-background-hover) !important;
|
||||
}
|
||||
.color-picker .vc-chrome {
|
||||
background-color: var(--color-main-background);
|
||||
}
|
||||
.color-picker .vc-chrome .vc-chrome-saturation-wrap {
|
||||
border: 1px solid var(--color-border);
|
||||
}
|
||||
.color-picker .vc-chrome .vc-chrome-body {
|
||||
background-color: var(--color-main-background);
|
||||
}
|
||||
.color-picker .vc-chrome .vc-chrome-body .vc-chrome-controls .vc-chrome-color-wrap .vc-chrome-active-color {
|
||||
border: 1px solid var(--color-border);
|
||||
}
|
||||
.modal--scheduler .fc .fc-button-primary {
|
||||
background-color: var(--color-main-background);
|
||||
border-color: var(--color-border);
|
||||
|
|
@ -2218,6 +2251,12 @@
|
|||
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
||||
*/
|
||||
/* Radio -------------------------------------------------------------------- */
|
||||
/***
|
||||
* @copyright Copyright (c) 2023, Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
||||
*/
|
||||
/* Radio -------------------------------------------------------------------- */
|
||||
/***
|
||||
* @copyright Copyright (c) 2020, Magnus Walbeck (mw@mwalbeck.org)
|
||||
*
|
||||
|
|
@ -3212,6 +3251,12 @@
|
|||
background-color: var(--color-background-hover) !important;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
#rl-app input {
|
||||
background-color: var(--input-bg-clr, #fff);
|
||||
color: var(--input-clr, #555);
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
#terms_of_service_confirm .v--modal-overlay .v--modal-background-click {
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
|
|
|
|||
140
css/server.css
140
css/server.css
|
|
@ -82,6 +82,7 @@
|
|||
--color-box-shadow-rgb: rgba(0, 0, 0, 0) !important;
|
||||
--color-border: var(--color-border-grey) !important;
|
||||
--color-border-dark: var(--color-border) !important;
|
||||
--color-border-maxcontrast: var(--color-border) !important;
|
||||
--color-icon: rgba(242, 242, 242, 1);
|
||||
--table-color-border: var(--color-border) !important;
|
||||
--table-color-heading: var(--color-primary-text) !important;
|
||||
|
|
@ -89,31 +90,31 @@
|
|||
--table-color-background: var(--color-main-background) !important;
|
||||
--table-color-background-hover: var(--color-background-hover) !important;
|
||||
--table-border-radius: var(--border-radius) !important;
|
||||
--color-main-background-rgb: rgb(23, 23, 23);
|
||||
--color-main-background-blur: rgba(var(--color-main-background-rgb), 0.8);
|
||||
--background-invert-if-dark: invert(100%);
|
||||
--background-invert-if-bright: no;
|
||||
--color-success-rgb: 70, 186, 97;
|
||||
--color-success-hover: #6ac780;
|
||||
--color-warning-rgb: 236, 167, 0;
|
||||
--color-warning-hover: #efb832;
|
||||
--color-error-rgb: 233, 50, 45;
|
||||
--color-error-hover: #ed5a56;
|
||||
--color-scrollbar: #3d3d3d;
|
||||
--color-text-maxcontrast-background-blur: #919191;
|
||||
--color-text-maxcontrast-default: #8c8c8c;
|
||||
--color-placeholder-light: #313131;
|
||||
--color-placeholder-dark: #4a4a4a;
|
||||
--color-primary-default: #0082c9;
|
||||
--color-primary-hover: #04537f;
|
||||
--color-primary-light-text: #99c0d6;
|
||||
--color-primary-light-hover: #1d272d;
|
||||
--color-primary-element-default-hover: #046ca5;
|
||||
--color-primary-element-text: #fff;
|
||||
--color-primary-element-hover: #04537f;
|
||||
--color-primary-element-light-text: #99c0d6;
|
||||
--color-primary-element-light-hover: #1d272d;
|
||||
--color-primary-element-text-dark: #ededed;
|
||||
--color-main-background-rgb: rgb(23, 23, 23) !important;
|
||||
--color-main-background-blur: rgba(23, 23, 23, 0.8) !important;
|
||||
--background-invert-if-dark: invert(100%) !important;
|
||||
--background-invert-if-bright: no !important;
|
||||
--color-success-rgb: 70, 186, 97 !important;
|
||||
--color-success-hover: #6ac780 !important;
|
||||
--color-warning-rgb: 236, 167, 0 !important;
|
||||
--color-warning-hover: #efb832 !important;
|
||||
--color-error-rgb: 233, 50, 45 !important;
|
||||
--color-error-hover: #ed5a56 !important;
|
||||
--color-scrollbar: #3d3d3d !important;
|
||||
--color-text-maxcontrast-background-blur: #919191 !important;
|
||||
--color-text-maxcontrast-default: #8c8c8c !important;
|
||||
--color-placeholder-light: #313131 !important;
|
||||
--color-placeholder-dark: #4a4a4a !important;
|
||||
--color-primary-default: #0082c9 !important;
|
||||
--color-primary-hover: #04537f !important;
|
||||
--color-primary-light-text: #99c0d6 !important;
|
||||
--color-primary-light-hover: #1d272d !important;
|
||||
--color-primary-element-default-hover: #046ca5 !important;
|
||||
--color-primary-element-text: #fff !important;
|
||||
--color-primary-element-hover: #04537f !important;
|
||||
--color-primary-element-light-text: #99c0d6 !important;
|
||||
--color-primary-element-light-hover: #1d272d !important;
|
||||
--color-primary-element-text-dark: #ededed !important;
|
||||
}
|
||||
|
||||
/***
|
||||
|
|
@ -122,7 +123,7 @@
|
|||
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
||||
*/
|
||||
/* Buttons ------------------------------------------------------------------- */
|
||||
button.primary,
|
||||
button:not(.color-picker__simple-color-circle):not(.property-color__color-preview).primary,
|
||||
.button.primary,
|
||||
input[type=button].primary,
|
||||
input[type=submit].primary {
|
||||
|
|
@ -130,13 +131,13 @@ input[type=submit].primary {
|
|||
border-color: var(--color-border) !important;
|
||||
color: var(--color-main-text) !important;
|
||||
}
|
||||
button.primary:hover,
|
||||
button:not(.color-picker__simple-color-circle):not(.property-color__color-preview).primary:hover,
|
||||
.button.primary:hover,
|
||||
input[type=button].primary:hover,
|
||||
input[type=submit].primary:hover {
|
||||
border-color: var(--color-primary-element) !important;
|
||||
}
|
||||
button:focus, button:active, button.primary:focus, button.primary:active,
|
||||
button:not(.color-picker__simple-color-circle):not(.property-color__color-preview):focus, button:not(.color-picker__simple-color-circle):not(.property-color__color-preview):active, button:not(.color-picker__simple-color-circle):not(.property-color__color-preview).primary:focus, button:not(.color-picker__simple-color-circle):not(.property-color__color-preview).primary:active,
|
||||
.button:focus,
|
||||
.button:active,
|
||||
.button.primary:focus,
|
||||
|
|
@ -153,18 +154,27 @@ input[type=submit].primary:active {
|
|||
border-color: var(--color-primary-element) !important;
|
||||
}
|
||||
|
||||
.button-vue.button-vue--vue-secondary {
|
||||
.button-vue.button-vue--vue-secondary:not(.property-color__color-preview) {
|
||||
background-color: var(--color-main-background) !important;
|
||||
border: 1px solid var(--color-border) !important;
|
||||
color: var(--color-main-text) !important;
|
||||
}
|
||||
.button-vue.button-vue--vue-secondary:hover {
|
||||
.button-vue.button-vue--vue-secondary:not(.property-color__color-preview):hover {
|
||||
border-color: var(--color-primary-element) !important;
|
||||
}
|
||||
.button-vue.button-vue--vue-secondary:focus, .button-vue.button-vue--vue-secondary:active {
|
||||
.button-vue.button-vue--vue-secondary:not(.property-color__color-preview):focus, .button-vue.button-vue--vue-secondary:not(.property-color__color-preview):active {
|
||||
background-color: var(--color-primary) !important;
|
||||
border-color: var(--color-primary-element) !important;
|
||||
}
|
||||
.button-vue.button-vue--vue-secondary:not(.property-color__color-preview).close-button {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
input[type=text] + .icon-confirm,
|
||||
input[type=password] + .icon-confirm,
|
||||
input[type=email] + .icon-confirm {
|
||||
background-color: var(--color-background-darker) !important;
|
||||
}
|
||||
|
||||
/* Input Fields -------------------------------------------------------------- */
|
||||
input:not([type=range]):not([type=button]):not([type=submit]) {
|
||||
|
|
@ -185,11 +195,17 @@ textarea:not(:disabled):active {
|
|||
background-color: inherit !important;
|
||||
}
|
||||
|
||||
.checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__input:hover + .checkbox-radio-switch__label,
|
||||
.checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__input:focus + .checkbox-radio-switch__label,
|
||||
.checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__label:hover,
|
||||
.checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__label:focus-within {
|
||||
background-color: var(--color-background-hover) !important;
|
||||
}
|
||||
|
||||
.checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__input:focus + .checkbox-radio-switch__label {
|
||||
box-shadow: unset !important;
|
||||
}
|
||||
|
||||
/* Action items -------------------------------------------------------------- */
|
||||
.action-input .action-input__label,
|
||||
.action-text-editable .action-text-editable__label {
|
||||
|
|
@ -220,6 +236,11 @@ select option {
|
|||
background-color: var(--color-background-hover) !important;
|
||||
}
|
||||
|
||||
/* vs__search ---------------------------------------------------------------- */
|
||||
.vs__search {
|
||||
background-color: unset !important;
|
||||
}
|
||||
|
||||
/* Table --------------------------------------------------------------------- */
|
||||
tbody tr:hover,
|
||||
tbody tr:focus,
|
||||
|
|
@ -279,7 +300,8 @@ progress:not(.vue) {
|
|||
.bubble::after,
|
||||
.app-navigation-entry-menu::after,
|
||||
.menu::after,
|
||||
.popovermenu::after {
|
||||
.popovermenu::after,
|
||||
.v-popper--theme-dropdown.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container {
|
||||
border-bottom-color: var(--color-border) !important;
|
||||
}
|
||||
|
||||
|
|
@ -294,6 +316,10 @@ progress:not(.vue) {
|
|||
border-bottom-color: var(--color-border) !important;
|
||||
}
|
||||
|
||||
.v-popper__popper button.action-button {
|
||||
border-radius: 6px !important;
|
||||
}
|
||||
|
||||
/* Search ------------------------------------------------------------------- */
|
||||
.header-menu__wrapper {
|
||||
border: 1px solid var(--color-border);
|
||||
|
|
@ -325,6 +351,10 @@ progress:not(.vue) {
|
|||
color: var(--color-main-text) !important;
|
||||
}
|
||||
|
||||
.reference-picker .oc-dialog {
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* Settings ------------------------------------------------------------------ */
|
||||
#cropper .inner-container {
|
||||
background-color: var(--color-main-background) !important;
|
||||
|
|
@ -420,6 +450,12 @@ progress:not(.vue) {
|
|||
border-color: var(--color-success);
|
||||
}
|
||||
|
||||
/* Smart picker ------------------------------------------------------------- */
|
||||
.tribute-container-link {
|
||||
border: 1px solid var(--color-border);
|
||||
border-radius: 6px !important;
|
||||
}
|
||||
|
||||
/***
|
||||
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
|
|
@ -827,6 +863,22 @@ table tr.mouseOver td {
|
|||
background-color: var(--color-background-hover);
|
||||
}
|
||||
|
||||
/***
|
||||
* @copyright Copyright (c) 2023, Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
||||
*/
|
||||
/* Notifications ------------------------------------------------------------ */
|
||||
.app-photos#content-vue .files-list-viewer__placeholder {
|
||||
background: var(--color-background-hover) !important;
|
||||
}
|
||||
.app-photos#content-vue .file-container {
|
||||
background: var(--color-background-hover) !important;
|
||||
}
|
||||
.app-photos#content-vue .file-container .selection-checkbox .checkbox-radio-switch__label::after {
|
||||
background: var(--color-background-darker);
|
||||
}
|
||||
|
||||
/***
|
||||
* @copyright Copyright (c) 2019, Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
|
|
@ -963,19 +1015,6 @@ table tr.mouseOver td {
|
|||
background-color: var(--color-background-hover) !important;
|
||||
}
|
||||
|
||||
.color-picker .vc-chrome {
|
||||
background-color: var(--color-main-background);
|
||||
}
|
||||
.color-picker .vc-chrome .vc-chrome-saturation-wrap {
|
||||
border: 1px solid var(--color-border);
|
||||
}
|
||||
.color-picker .vc-chrome .vc-chrome-body {
|
||||
background-color: var(--color-main-background);
|
||||
}
|
||||
.color-picker .vc-chrome .vc-chrome-body .vc-chrome-controls .vc-chrome-color-wrap .vc-chrome-active-color {
|
||||
border: 1px solid var(--color-border);
|
||||
}
|
||||
|
||||
.modal--scheduler .fc .fc-button-primary {
|
||||
background-color: var(--color-main-background);
|
||||
border-color: var(--color-border);
|
||||
|
|
@ -3295,6 +3334,17 @@ tags-input .autocomplete .suggestion-item.selected {
|
|||
background-color: var(--color-background-hover) !important;
|
||||
}
|
||||
|
||||
/***
|
||||
* @copyright Copyright (c) 2023, Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
||||
*/
|
||||
/* Radio -------------------------------------------------------------------- */
|
||||
#rl-app input {
|
||||
background-color: var(--input-bg-clr, #fff);
|
||||
color: var(--input-clr, #555);
|
||||
}
|
||||
|
||||
/***
|
||||
* @copyright Copyright (c) 2020, Magnus Walbeck (mw@mwalbeck.org)
|
||||
*
|
||||
|
|
|
|||
|
|
@ -38,6 +38,7 @@
|
|||
@import "apps/core/files";
|
||||
@import "apps/core/firstrunwizard";
|
||||
@import "apps/core/notifications";
|
||||
@import "apps/core/photos";
|
||||
@import "apps/core/text";
|
||||
// Official Apps
|
||||
@import "apps/official/announcement-center";
|
||||
|
|
@ -84,6 +85,7 @@
|
|||
@import "apps/thirdparty/polls";
|
||||
@import "apps/thirdparty/quicknotes";
|
||||
@import "apps/thirdparty/radio";
|
||||
@import "apps/thirdparty/snappymail";
|
||||
@import "apps/thirdparty/terms-of-service";
|
||||
@import "apps/thirdparty/timemanager";
|
||||
@import "apps/thirdparty/user-account-deletion";
|
||||
|
|
|
|||
|
|
@ -37,7 +37,8 @@
|
|||
.bubble::after,
|
||||
.app-navigation-entry-menu::after,
|
||||
.menu::after,
|
||||
.popovermenu::after {
|
||||
.popovermenu::after,
|
||||
.v-popper--theme-dropdown.v-popper__popper[data-popper-placement^="bottom"] .v-popper__arrow-container {
|
||||
border-bottom-color: var(--color-border) !important;
|
||||
}
|
||||
|
||||
|
|
@ -54,6 +55,10 @@
|
|||
}
|
||||
}
|
||||
|
||||
.v-popper__popper button.action-button {
|
||||
border-radius: 6px !important;
|
||||
}
|
||||
|
||||
/* Search ------------------------------------------------------------------- */
|
||||
|
||||
.header-menu__wrapper {
|
||||
|
|
@ -89,6 +94,10 @@
|
|||
}
|
||||
}
|
||||
|
||||
.reference-picker .oc-dialog {
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* Settings ------------------------------------------------------------------ */
|
||||
|
||||
// Image cropper
|
||||
|
|
@ -203,3 +212,10 @@
|
|||
.app-level .official {
|
||||
border-color: var(--color-success);
|
||||
}
|
||||
|
||||
/* Smart picker ------------------------------------------------------------- */
|
||||
|
||||
.tribute-container-link {
|
||||
border: 1px solid var(--color-border);
|
||||
border-radius: 6px !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -74,6 +74,7 @@
|
|||
|
||||
--color-border: var(--color-border-grey) !important;
|
||||
--color-border-dark: var(--color-border) !important;
|
||||
--color-border-maxcontrast: var(--color-border) !important;
|
||||
|
||||
--color-icon: rgba(242, 242, 242, 1);
|
||||
|
||||
|
|
@ -87,29 +88,29 @@
|
|||
|
||||
// Variables from the official dark theme that needs to be set incase Nextcloud thinks the light theme is preferred.
|
||||
// The variables should be adapted to better suit the Breeze Dark theme, but for the moment this will ensure a usable experience.
|
||||
--color-main-background-rgb: rgb(23, 23, 23);
|
||||
--color-main-background-blur: rgba(var(--color-main-background-rgb), 0.8);
|
||||
--background-invert-if-dark: invert(100%);
|
||||
--background-invert-if-bright: no;
|
||||
--color-success-rgb: 70, 186, 97;
|
||||
--color-success-hover: #6ac780;
|
||||
--color-warning-rgb: 236, 167, 0;
|
||||
--color-warning-hover: #efb832;
|
||||
--color-error-rgb: 233, 50, 45;
|
||||
--color-error-hover: #ed5a56;
|
||||
--color-scrollbar: #3d3d3d;
|
||||
--color-text-maxcontrast-background-blur: #919191;
|
||||
--color-text-maxcontrast-default: #8c8c8c;
|
||||
--color-placeholder-light: #313131;
|
||||
--color-placeholder-dark: #4a4a4a;
|
||||
--color-primary-default: #0082c9;
|
||||
--color-primary-hover: #04537f;
|
||||
--color-primary-light-text: #99c0d6;
|
||||
--color-primary-light-hover: #1d272d;
|
||||
--color-primary-element-default-hover: #046ca5;
|
||||
--color-primary-element-text: #fff;
|
||||
--color-primary-element-hover: #04537f;
|
||||
--color-primary-element-light-text: #99c0d6;
|
||||
--color-primary-element-light-hover: #1d272d;
|
||||
--color-primary-element-text-dark: #ededed;
|
||||
--color-main-background-rgb: rgb(23, 23, 23) !important;
|
||||
--color-main-background-blur: rgba(23, 23, 23, 0.8) !important;
|
||||
--background-invert-if-dark: invert(100%) !important;
|
||||
--background-invert-if-bright: no !important;
|
||||
--color-success-rgb: 70, 186, 97 !important;
|
||||
--color-success-hover: #6ac780 !important;
|
||||
--color-warning-rgb: 236, 167, 0 !important;
|
||||
--color-warning-hover: #efb832 !important;
|
||||
--color-error-rgb: 233, 50, 45 !important;
|
||||
--color-error-hover: #ed5a56 !important;
|
||||
--color-scrollbar: #3d3d3d !important;
|
||||
--color-text-maxcontrast-background-blur: #919191 !important;
|
||||
--color-text-maxcontrast-default: #8c8c8c !important;
|
||||
--color-placeholder-light: #313131 !important;
|
||||
--color-placeholder-dark: #4a4a4a !important;
|
||||
--color-primary-default: #0082c9 !important;
|
||||
--color-primary-hover: #04537f !important;
|
||||
--color-primary-light-text: #99c0d6 !important;
|
||||
--color-primary-light-hover: #1d272d !important;
|
||||
--color-primary-element-default-hover: #046ca5 !important;
|
||||
--color-primary-element-text: #fff !important;
|
||||
--color-primary-element-hover: #04537f !important;
|
||||
--color-primary-element-light-text: #99c0d6 !important;
|
||||
--color-primary-element-light-hover: #1d272d !important;
|
||||
--color-primary-element-text-dark: #ededed !important;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue