mirror of
https://github.com/mwalbeck/nextcloud-breeze-dark.git
synced 2024-11-05 08:17:07 +00:00
2978 lines
104 KiB
CSS
2978 lines
104 KiB
CSS
/**
|
|
* =============================================================================
|
|
* Breeze Dark for Nextcloud
|
|
* Source code: https://github.com/mwalbeck/nextcloud-breeze-dark
|
|
* Made with the help of contributors! See AUTHORS.md
|
|
* =============================================================================
|
|
*
|
|
* @copyright Copyright (C) 2017 Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @author Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU Affero General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU Affero General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU Affero General Public License
|
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
*
|
|
*/
|
|
/***
|
|
* @copyright Copyright (c) 2019, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
[data-themes*=breezedark] {
|
|
--color-paper-white: rgba(252, 252, 252, 1);
|
|
--color-cardboard-gray: rgba(239, 240, 241, 1);
|
|
--color-icon-gray: rgba(77, 77, 77, 1);
|
|
--color-charcoal-gray: rgba(49, 54, 59, 1);
|
|
--color-shade-black: rgba(35, 38, 41, 1);
|
|
--color-plasma-blue: rgba(61, 174, 233, 1);
|
|
--color-icon-red: rgba(218, 68, 83, 1);
|
|
--color-danger-red: rgba(237, 21, 21, 1);
|
|
--color-beware-orange: rgba(246, 116, 0, 1);
|
|
--color-icon-yellow: rgba(253, 188, 75, 1);
|
|
--color-sunbeam-yellow: rgba(201, 206, 59, 1);
|
|
--color-verdant-green: rgba(17, 209, 22, 1);
|
|
--color-icon-blue: rgba(29, 153, 243, 1);
|
|
--color-noble-fir: rgba(39, 174, 96, 1);
|
|
--color-abyss-blue: rgba(41, 128, 185, 1);
|
|
--color-coastal-fog: rgba(127, 140, 141, 1);
|
|
--color-alternate-gray: rgba(189, 195, 199, 1);
|
|
--color-hover-blue: rgba(61, 174, 233, 0.3);
|
|
--color-border-grey: rgba(103, 107, 110, 1);
|
|
--color-dashboard-grey: rgba(49, 54, 59, 0.8);
|
|
--color-selected-blue: rgba(61, 174, 233, 0.4);
|
|
--color-main-text: var(--color-cardboard-gray) !important;
|
|
--color-main-background: var(--color-charcoal-gray) !important;
|
|
--color-main-background-translucent: var(--color-main-background) !important;
|
|
--color-background-hover: var(--color-hover-blue) !important;
|
|
--color-background-dark: var(--color-main-background) !important;
|
|
--color-background-darker: var(--color-shade-black) !important;
|
|
--color-background-translucent: var(--color-dashboard-grey) !important;
|
|
--color-background-plain: var(--color-shade-black) !important;
|
|
--color-primary: var(--color-plasma-blue) !important;
|
|
--color-primary-light: var(--color-primary) !important;
|
|
--color-primary-text: var(--color-paper-white) !important;
|
|
--color-primary-text-dark: var(--color-main-text) !important;
|
|
--color-primary-element: var(--color-primary) !important;
|
|
--color-primary-element-light: var(--color-primary) !important;
|
|
--color-error: var(--color-icon-red) !important;
|
|
--color-warning: var(--color-beware-orange) !important;
|
|
--color-neutral: var(--color-sunbeam-yellow) !important;
|
|
--color-success: var(--color-noble-fir) !important;
|
|
--color-text-maxcontrast: var(--color-alternate-gray) !important;
|
|
--color-text-light: var(--color-main-text) !important;
|
|
--color-text-lighter: var(--color-text-maxcontrast) !important;
|
|
--color-text-dark: rgba(0, 0, 0, 1) !important;
|
|
--color-text-selection: var(--color-hover-blue) !important;
|
|
--color-text-link: rgba(30, 168, 226, 1) !important;
|
|
--color-loading-light: var(--color-alternate-gray) !important;
|
|
--color-loading-dark: var(--color-coastal-fog) !important;
|
|
--color-box-shadow: rgba(0, 0, 0, 0) !important;
|
|
--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;
|
|
--table-color-heading-border: var(--color-border) !important;
|
|
--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) !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>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Buttons ------------------------------------------------------------------- */
|
|
button:not(.color-picker__simple-color-circle):not(.property-color__color-preview).primary,
|
|
.button.primary,
|
|
input[type=button].primary,
|
|
input[type=submit].primary {
|
|
background-color: var(--color-main-background) !important;
|
|
border-color: var(--color-border) !important;
|
|
color: var(--color-main-text) !important;
|
|
}
|
|
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: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,
|
|
.button.primary:active,
|
|
input[type=button]:focus,
|
|
input[type=button]:active,
|
|
input[type=button].primary:focus,
|
|
input[type=button].primary:active,
|
|
input[type=submit]:focus,
|
|
input[type=submit]:active,
|
|
input[type=submit].primary:focus,
|
|
input[type=submit].primary: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) {
|
|
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:not(.property-color__color-preview):hover {
|
|
border-color: var(--color-primary-element) !important;
|
|
}
|
|
.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);
|
|
}
|
|
input:not([type=range]):not([type=button]):not([type=submit]):active {
|
|
background-color: var(--color-background-darker);
|
|
}
|
|
|
|
div[contenteditable=true]:not(:disabled):hover, div[contenteditable=true]:not(:disabled):focus, div[contenteditable=true]:not(:disabled):active,
|
|
textarea:not(:disabled):hover,
|
|
textarea:not(:disabled):focus,
|
|
textarea:not(:disabled):active {
|
|
border-color: var(--color-primary-element) !important;
|
|
}
|
|
|
|
.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 {
|
|
background-color: var(--color-background-darker);
|
|
}
|
|
|
|
/* select -------------------------------------------------------------------- */
|
|
select option {
|
|
background-color: var(--color-main-background);
|
|
color: var(--color-main-text);
|
|
}
|
|
|
|
.select2-choices .select2-search-choice {
|
|
box-shadow: unset;
|
|
}
|
|
|
|
.select2-dropdown-open .select2-choice,
|
|
.select2-dropdown-open .select2-choices {
|
|
background: var(--color-main-background) !important;
|
|
border-color: var(--color-border) !important;
|
|
}
|
|
|
|
.select2-drop .select2-drop-active {
|
|
border-top-color: var(--color-border) !important;
|
|
}
|
|
|
|
.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,
|
|
tbody tr:active {
|
|
background-color: var(--color-background-hover) !important;
|
|
}
|
|
tbody tr:hover thead tr:hover,
|
|
tbody tr:hover thead tr:focus,
|
|
tbody tr:hover thead tr:active,
|
|
tbody tr:focus thead tr:hover,
|
|
tbody tr:focus thead tr:focus,
|
|
tbody tr:focus thead tr:active,
|
|
tbody tr:active thead tr:hover,
|
|
tbody tr:active thead tr:focus,
|
|
tbody tr:active thead tr:active {
|
|
background-color: var(--color-main-background) !important;
|
|
}
|
|
|
|
/* Progress ------------------------------------------------------------------ */
|
|
progress:not(.vue) {
|
|
background-color: var(--color-border);
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Header -------------------------------------------------------------------- */
|
|
#settings #expand:hover #expandDisplayName,
|
|
#settings #expand:focus #expandDisplayName,
|
|
#settings #expand:active #expandDisplayName,
|
|
#settings #expand:hover .avatardiv,
|
|
#settings #expand:focus .avatardiv,
|
|
#settings #expand:active .avatardiv {
|
|
border: unset;
|
|
}
|
|
|
|
#body-login #header {
|
|
background-color: unset !important;
|
|
}
|
|
|
|
/* Menues -------------------------------------------------------------------- */
|
|
.menu,
|
|
.popovermenu,
|
|
.bubble,
|
|
.popover,
|
|
.app-navigation-entry-menu,
|
|
.v-popper__popper .v-popper__inner {
|
|
border: 1px solid var(--color-border);
|
|
}
|
|
|
|
.menu.notification-container {
|
|
border: unset;
|
|
}
|
|
|
|
.bubble::after,
|
|
.app-navigation-entry-menu::after,
|
|
.menu::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 {
|
|
border-color: var(--color-border) !important;
|
|
}
|
|
|
|
.action-item__menu {
|
|
border: 1px solid var(--color-border);
|
|
}
|
|
.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);
|
|
}
|
|
|
|
.header-menu__carret {
|
|
border-bottom-color: var(--color-border) !important;
|
|
}
|
|
|
|
.unified-search__form-reset {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.unified-search__result-icon img[src$="integration_discourse/img/app-dark.svg"] {
|
|
filter: invert(95%);
|
|
}
|
|
|
|
/* File picker --------------------------------------------------------------- */
|
|
.oc-dialog {
|
|
border: 1px solid var(--color-border);
|
|
}
|
|
.oc-dialog .filepicker_element_selected,
|
|
.oc-dialog #oc-dialog-filepicker-content .filepicker_element_selected {
|
|
background-color: var(--color-primary);
|
|
color: var(--color-primary-text);
|
|
}
|
|
.oc-dialog .fileexists label,
|
|
.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;
|
|
border: 1px solid var(--color-border);
|
|
color: var(--color-main-text) !important;
|
|
}
|
|
|
|
.followupsection {
|
|
color: var(--color-main-text) !important;
|
|
}
|
|
|
|
.link-button {
|
|
background-color: var(--color-main-background) !important;
|
|
border: 1px solid var(--color-border) !important;
|
|
color: var(--color-main-text) !important;
|
|
}
|
|
.link-button:hover, .link-button.button:hover {
|
|
border-color: var(--color-primary-element) !important;
|
|
color: var(--color-main-text) !important;
|
|
}
|
|
.link-button:active, .link-button:focus {
|
|
background-color: var(--color-primary) !important;
|
|
border-color: var(--color-primary-element) !important;
|
|
color: var(--color-main-text) !important;
|
|
}
|
|
|
|
.preview-card .preview-card__footer {
|
|
border: 1px solid var(--color-border);
|
|
border-bottom-left-radius: var(--border-radius);
|
|
border-bottom-right-radius: var(--border-radius);
|
|
border-top: unset;
|
|
}
|
|
|
|
.profile .user-actions .profile__primary-action-button img[src$="spreed/img/app-dark.svg"],
|
|
.profile .user-actions .user-actions__other a {
|
|
filter: invert(95%);
|
|
}
|
|
|
|
#addgroup button.icon-confirm,
|
|
#addgroup button.icon-close {
|
|
background-image: none !important;
|
|
}
|
|
|
|
.breezedark-admin p {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
/* Tooltips ----------------------------------------------------------------- */
|
|
.tooltip,
|
|
.vue-tooltip {
|
|
filter: none !important;
|
|
}
|
|
.tooltip .tooltip-inner,
|
|
.vue-tooltip .tooltip-inner {
|
|
border: 1px solid var(--color-border);
|
|
}
|
|
.tooltip[x-placement^=right], .tooltip.right .tooltip-arrow,
|
|
.vue-tooltip[x-placement^=right],
|
|
.vue-tooltip.right .tooltip-arrow {
|
|
border-right-color: var(--color-border) !important;
|
|
}
|
|
.tooltip[x-placement^=left], .tooltip.left .tooltip-arrow,
|
|
.vue-tooltip[x-placement^=left],
|
|
.vue-tooltip.left .tooltip-arrow {
|
|
border-left-color: var(--color-border) !important;
|
|
}
|
|
.tooltip[x-placement^=bottom] .tooltip-arrow, .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow,
|
|
.vue-tooltip[x-placement^=bottom] .tooltip-arrow,
|
|
.vue-tooltip.bottom .tooltip-arrow,
|
|
.vue-tooltip.bottom-left .tooltip-arrow,
|
|
.vue-tooltip.bottom-right .tooltip-arrow {
|
|
border-bottom-color: var(--color-border) !important;
|
|
}
|
|
.tooltip[x-placement^=top] .arrow, .tooltip[x-placement^=top] .tooltip-arrow, .tooltip.top .arrow, .tooltip.top .tooltip-arrow, .tooltip.top-left .arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .arrow, .tooltip.top-right .tooltip-arrow,
|
|
.vue-tooltip[x-placement^=top] .arrow,
|
|
.vue-tooltip[x-placement^=top] .tooltip-arrow,
|
|
.vue-tooltip.top .arrow,
|
|
.vue-tooltip.top .tooltip-arrow,
|
|
.vue-tooltip.top-left .arrow,
|
|
.vue-tooltip.top-left .tooltip-arrow,
|
|
.vue-tooltip.top-right .arrow,
|
|
.vue-tooltip.top-right .tooltip-arrow {
|
|
border-top-color: var(--color-border) !important;
|
|
}
|
|
|
|
/* Toasts ------------------------------------------------------------------- */
|
|
.toastify.dialogs {
|
|
border: 1px solid var(--color-border);
|
|
}
|
|
|
|
/* App Store ---------------------------------------------------------------- */
|
|
.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>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* App navigation ----------------------------------------------------------- */
|
|
#app-navigation:not(.vue) > ul > li > a,
|
|
#app-navigation:not(.vue) > ul > li > ul > li > a {
|
|
opacity: 1;
|
|
}
|
|
#app-navigation:not(.vue) > ul > li > ul > li:hover > a,
|
|
#app-navigation:not(.vue) > ul > li > ul > li:focus > a {
|
|
background-color: unset;
|
|
}
|
|
#app-navigation:not(.vue) .collapsible::before {
|
|
background-color: unset;
|
|
}
|
|
#app-navigation:not(.vue) .collapsible:hover > .svg {
|
|
background-color: var(--color-background-hover);
|
|
background-image: none !important;
|
|
}
|
|
|
|
.app-navigation .app-navigation-caption__title {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
#app-settings-header .settings-button,
|
|
#app-settings__header .settings-button,
|
|
.contacts-settings .contacts-settings-button {
|
|
background-color: transparent !important;
|
|
border: unset !important;
|
|
opacity: 1;
|
|
}
|
|
|
|
.counter-bubble__counter {
|
|
color: var(--color-primary-text) !important;
|
|
}
|
|
|
|
/* App Sidebar -------------------------------------------------------------- */
|
|
.app-sidebar-tabs__tab a:not(.active):hover, .app-sidebar-tabs__tab a:not(.active):focus {
|
|
border-bottom-color: var(--color-background-hover) !important;
|
|
box-shadow: inset 0 -1px 0 var(--color-background-hover) !important;
|
|
}
|
|
.app-sidebar-tabs__tab a.active, .app-sidebar-tabs__tab a.active:focus, .app-sidebar-tabs__tab a.active:active {
|
|
border-bottom-color: var(--color-primary-element) !important;
|
|
box-shadow: inset 0 -1px 0 var(--color-primary-element) !important;
|
|
}
|
|
|
|
.versionsTabView li {
|
|
border-color: var(--color-border);
|
|
}
|
|
.versionsTabView li:hover {
|
|
background: var(--color-background-hover);
|
|
}
|
|
|
|
.app-sidebar-tabs__content section {
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
#tab-comments .comment-form form input[type=submit] {
|
|
opacity: 0.7;
|
|
}
|
|
#tab-comments .comment-form form input[type=submit]:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
#app-sidebar-vue.app-sidebar .app-sidebar-header__desc .app-sidebar-header__star .star--star,
|
|
#app-sidebar.app-sidebar .app-sidebar-header__desc .app-sidebar-header__star .star--star {
|
|
color: var(--color-main-text);
|
|
}
|
|
#app-sidebar-vue.app-sidebar .app-sidebar-header__desc .app-sidebar-header__star .star--star:hover,
|
|
#app-sidebar.app-sidebar .app-sidebar-header__desc .app-sidebar-header__star .star--star:hover {
|
|
color: var(--color-icon-yellow);
|
|
}
|
|
|
|
#app-sidebar-vue.app-sidebar .app-sidebar-header__desc .app-sidebar-header__star .star--starred,
|
|
#app-sidebar.app-sidebar .app-sidebar-header__desc .app-sidebar-header__star .star--starred {
|
|
color: var(--color-icon-yellow);
|
|
}
|
|
#app-sidebar-vue.app-sidebar .app-sidebar-header__desc .app-sidebar-header__star .star--starred:hover,
|
|
#app-sidebar.app-sidebar .app-sidebar-header__desc .app-sidebar-header__star .star--starred:hover {
|
|
color: var(--color-main-text);
|
|
}
|
|
|
|
/* App Store ---------------------------------------------------------------- */
|
|
.app-settings #app-sidebar-vue .app-sidebar-header__figure {
|
|
filter: invert(5%);
|
|
}
|
|
|
|
/* CodeMirror --------------------------------------------------------------- */
|
|
.EasyMDEContainer .CodeMirror {
|
|
background-color: var(--color-main-background);
|
|
border: unset !important;
|
|
color: var(--color-main-text);
|
|
}
|
|
.EasyMDEContainer .CodeMirror .cm-formatting {
|
|
opacity: 0.5;
|
|
}
|
|
.EasyMDEContainer .CodeMirror .cm-link {
|
|
color: var(--color-text-link) !important;
|
|
}
|
|
.EasyMDEContainer .CodeMirror .cm-s-easymde .cm-url,
|
|
.EasyMDEContainer .CodeMirror .cm-s-easymde .cm-string {
|
|
color: var(--color-text-inactive) !important;
|
|
}
|
|
.EasyMDEContainer .CodeMirror .CodeMirror-selected {
|
|
background-color: var(--color-main-background) !important;
|
|
}
|
|
.EasyMDEContainer .CodeMirror .CodeMirror-selectedtext {
|
|
background-color: var(--color-text-selection) !important;
|
|
color: var(--color-main-text);
|
|
}
|
|
.EasyMDEContainer .CodeMirror .CodeMirror-cursor {
|
|
border-left-color: var(--color-main-text);
|
|
}
|
|
|
|
#description-preview a,
|
|
.note-preview a {
|
|
color: var(--color-text-link) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
#description-preview pre,
|
|
.note-preview pre {
|
|
background-color: var(--color-background-darker) !important;
|
|
border: 1px solid var(--color-border);
|
|
border-radius: 3px;
|
|
padding: 16px !important;
|
|
}
|
|
#description-preview code,
|
|
.note-preview code {
|
|
background-color: var(--color-background-darker) !important;
|
|
}
|
|
#description-preview blockquote,
|
|
.note-preview blockquote {
|
|
border-left: 4px solid var(--color-border);
|
|
color: var(--color-main-text);
|
|
font-style: italic;
|
|
padding-left: 2ex;
|
|
}
|
|
|
|
/* mx-datepicker ------------------------------------------------------------ */
|
|
.mx-datepicker .mx-input-wrapper .mx-input:active {
|
|
background-color: var(--color-main-background) !important;
|
|
}
|
|
|
|
/* vue-treeselect ----------------------------------------------------------- */
|
|
.vue-treeselect__menu {
|
|
background-color: var(--color-main-background) !important;
|
|
border-color: var(--color-border) !important;
|
|
}
|
|
|
|
.vue-treeselect__input-container,
|
|
.vue-treeselect__input {
|
|
background-color: var(--color-main-background) !important;
|
|
}
|
|
|
|
.vue-treeselect__single-value {
|
|
color: var(--color-main-text) !important;
|
|
}
|
|
|
|
.vue-treeselect__option--highlight {
|
|
background-color: var(--color-background-hover) !important;
|
|
}
|
|
|
|
.vue-treeselect--single .vue-treeselect__option--selected {
|
|
background-color: var(--color-primary) !important;
|
|
}
|
|
|
|
/* vue-checkboxes ----------------------------------------------------------- */
|
|
.checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__input:hover + .checkbox-radio-switch__label[data-v-5cec6b50],
|
|
.checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__input:focus + .checkbox-radio-switch__label[data-v-5cec6b50] {
|
|
background-color: var(--color-background-hover) !important;
|
|
}
|
|
|
|
/* Template picker ---------------------------------------------------------- */
|
|
.templates-picker__buttons {
|
|
background-image: unset !important;
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Apps that haven't moved to variables for icons ---------------------------- */
|
|
.icon-onlyoffice-open,
|
|
.icon-onlyoffice-convert,
|
|
.icon-onlyoffice-download {
|
|
filter: invert(95%);
|
|
}
|
|
|
|
.collabora.action-edit img[src$="/core/img/actions/rename.svg"] {
|
|
filter: invert(95%);
|
|
}
|
|
|
|
/* CSS tricks to change icon color ------------------------------------------- */
|
|
.icon-collapse {
|
|
color: var(--color-icon) !important;
|
|
}
|
|
|
|
.app-settings #apps-list .section .app-image .app-icon[*|href$="circles.svg"],
|
|
.app-settings #app-sidebar #app-details-view image.app-icon[*|href$="circles.svg"] {
|
|
filter: invert(1);
|
|
}
|
|
.app-settings .infoicon {
|
|
filter: invert(95%);
|
|
}
|
|
|
|
/* Random CSS fixes for icons ----------------------------------------------- */
|
|
.avatardiv--with-menu .icon-more {
|
|
background-image: none !important;
|
|
}
|
|
|
|
/* CSS to handle inverting icons when a Theming app colour that has a bad
|
|
contrast with white is used ------------------------------------------------*/
|
|
body:not([data-dashboard-background]) #appmenu.inverted svg image {
|
|
filter: none;
|
|
}
|
|
|
|
.header-right .notifications-button img[src$="notifications-dark.svg"],
|
|
.header-right .notifications-button img[src$="notifications-new-dark.svg"] {
|
|
filter: invert(1);
|
|
}
|
|
|
|
.dashboard--dark .header-right .notifications-button img[src$="notifications-new-dark.svg"] {
|
|
filter: invert(1) hue-rotate(180deg);
|
|
}
|
|
|
|
body.dashboard--inverted .header-right > div:not(#settings) > :first-child {
|
|
filter: invert(0) hue-rotate(180deg) !important;
|
|
}
|
|
|
|
body.dashboard--inverted.dashboard--dark .header-right > div:not(#settings) > :first-child {
|
|
filter: invert(1) hue-rotate(180deg) !important;
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Activity ----------------------------------------------------------------- */
|
|
#no_more_activities,
|
|
.activity-icon {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.activitysubject strong.systemtag {
|
|
background-color: var(--color-main-background) !important;
|
|
border: 1px solid var(--color-border);
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2020, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Dashboard ---------------------------------------------------------------- */
|
|
#app-dashboard {
|
|
--color-background-translucent: var(--color-dashboard-grey) !important;
|
|
--color-main-background: var(--color-background-darker) !important;
|
|
}
|
|
|
|
.background-selector .background.color {
|
|
background-color: var(--color-background-darker) !important;
|
|
}
|
|
|
|
.modal__content li label {
|
|
background-color: var(--color-main-background) !important;
|
|
border-color: var(--color-border) !important;
|
|
}
|
|
.modal__content li label:hover {
|
|
border-color: var(--color-primary-element) !important;
|
|
}
|
|
|
|
#app-dashboard .footer .button-vue {
|
|
border: unset !important;
|
|
}
|
|
|
|
#app-dashboard .user-status-menu-item__toggle--inline {
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
#status-weather .button-vue {
|
|
background-color: var(--color-main-background-blur) !important;
|
|
border: unset !important;
|
|
}
|
|
#status-weather .button-vue:hover {
|
|
background-color: var(--color-background-hover) !important;
|
|
}
|
|
|
|
/* Deck */
|
|
.app-dashboard .card {
|
|
background-color: inherit !important;
|
|
border: unset;
|
|
}
|
|
.app-dashboard .card:hover {
|
|
background-color: var(--color-background-hover) !important;
|
|
}
|
|
|
|
/* Tasks */
|
|
.center-button .button-vue--vue-secondary {
|
|
background-color: var(--color-background-darker) !important;
|
|
color: var(--color-main-text) !important;
|
|
}
|
|
.center-button .button-vue--vue-secondary:hover {
|
|
background-color: var(--color-background-hover) !important;
|
|
}
|
|
.center-button .button-vue--vue-secondary:active, .center-button .button-vue--vue-secondary:focus {
|
|
background-color: var(--color-primary-element) !important;
|
|
color: var(--color-primary-text) !important;
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Files -------------------------------------------------------------------- */
|
|
.recommendation:hover, .recommendation:focus {
|
|
background: var(--color-background-hover) !important;
|
|
}
|
|
|
|
.filesize {
|
|
color: var(--color-text-maxcontrast) !important;
|
|
}
|
|
|
|
.date > span {
|
|
color: var(--color-text-maxcontrast) !important;
|
|
}
|
|
|
|
table tr[data-has-preview=true] .thumbnail {
|
|
border: unset !important;
|
|
}
|
|
|
|
#filestable .filename .favorite-mark .icon-star {
|
|
background-image: none !important;
|
|
}
|
|
|
|
#filestable.view-grid:not(.hidden) tbody tr:not(.hidden) {
|
|
background-color: unset !important;
|
|
}
|
|
#filestable.view-grid:not(.hidden) tbody tr:not(.hidden):hover .thumbnail-wrapper, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden):hover .nametext, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden):hover .fileactions, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden):focus .thumbnail-wrapper, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden):focus .nametext, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden):focus .fileactions, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden):active .thumbnail-wrapper, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden):active .nametext, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden):active .fileactions, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden).selected .thumbnail-wrapper, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden).selected .nametext, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden).selected .fileactions, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden).highlighted .thumbnail-wrapper, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden).highlighted .nametext, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden).highlighted .fileactions, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden).searchresult .thumbnail-wrapper, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden).searchresult .nametext, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden).searchresult .fileactions,
|
|
#filestable.view-grid:not(.hidden) tbody tr:not(.hidden) .name:focus .thumbnail-wrapper,
|
|
#filestable.view-grid:not(.hidden) tbody tr:not(.hidden) .name:focus .nametext,
|
|
#filestable.view-grid:not(.hidden) tbody tr:not(.hidden) .name:focus .fileactions {
|
|
background-color: unset !important;
|
|
}
|
|
#filestable.view-grid:not(.hidden) tbody tr:not(.hidden):hover, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden):focus, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden):active, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden).selected, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden).highlighted, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden).searchresult {
|
|
background-color: var(--color-background-hover) !important;
|
|
}
|
|
|
|
#filestable .summary {
|
|
opacity: 1;
|
|
}
|
|
|
|
#filestable tbody tr.highlighted,
|
|
#filestable tbody tr.highlighted .name:focus,
|
|
#filestable tbody tr.selected,
|
|
#filestable tbody tr.searchresult {
|
|
background-color: var(--color-selected-blue) !important;
|
|
}
|
|
|
|
#filestable tbody tr:hover,
|
|
#filestable tbody tr:focus,
|
|
#filestable tbody tr:active,
|
|
table tr.mouseOver {
|
|
background-color: var(--color-background-hover) !important;
|
|
}
|
|
|
|
#filestable tbody .name:focus,
|
|
#filestable tbody tr:hover .filename form,
|
|
table tr.mouseOver td {
|
|
background-color: unset !important;
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2021, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* First Run Wizard --------------------------------------------------------- */
|
|
#firstrunwizard button.primary {
|
|
background-color: var(--color-primary-element) !important;
|
|
border-color: var(--color-primary-element) !important;
|
|
color: var(--color-primary-text) !important;
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Notifications ------------------------------------------------------------ */
|
|
.toastify.toast {
|
|
border: 1px solid var(--color-border);
|
|
box-shadow: none;
|
|
}
|
|
|
|
.notification-container.menu li:hover {
|
|
background-color: inherit;
|
|
}
|
|
.notification-container.menu .notification:hover,
|
|
.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>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Text --------------------------------------------------------------------- */
|
|
#editor-wrapper div.ProseMirror[contenteditable=true]:hover, #editor-wrapper div.ProseMirror[contenteditable=true]:focus, #editor-wrapper div.ProseMirror[contenteditable=true]:active {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
#editor-wrapper .ProseMirror pre,
|
|
#editor-wrapper .ProseMirror code,
|
|
#text-wrapper .ProseMirror pre,
|
|
#text-wrapper .ProseMirror code {
|
|
background-color: var(--color-background-darker) !important;
|
|
}
|
|
|
|
#editor-wrapper .ProseMirror a,
|
|
#text-wrapper .ProseMirror a,
|
|
#editor-wrapper:not(.show-color-annotations) .ProseMirror a {
|
|
color: var(--color-text-link) !important;
|
|
}
|
|
#editor-wrapper .ProseMirror a span.author-annotation,
|
|
#text-wrapper .ProseMirror a span.author-annotation,
|
|
#editor-wrapper:not(.show-color-annotations) .ProseMirror a span.author-annotation {
|
|
color: var(--color-text-link) !important;
|
|
}
|
|
|
|
#editor-wrapper .menububble {
|
|
border: 1px solid var(--color-border);
|
|
}
|
|
#editor-wrapper .menububble .menububble__form .menububble__input,
|
|
#editor-wrapper .menububble .menububble__form .menububble__button {
|
|
height: 44px;
|
|
}
|
|
|
|
#editor-wrapper div.ProseMirror table th {
|
|
border-bottom-width: 2px;
|
|
}
|
|
|
|
#editor-wrapper .menubar button {
|
|
opacity: 0.7;
|
|
}
|
|
#editor-wrapper .menubar button.is-active {
|
|
opacity: 1;
|
|
}
|
|
#editor-wrapper .menubar button.icon-undo,
|
|
#editor-wrapper .menubar button.icon-redo {
|
|
opacity: 1;
|
|
}
|
|
#editor-wrapper .menubar button.icon-undo:disabled,
|
|
#editor-wrapper .menubar button.icon-redo:disabled {
|
|
opacity: 0.4;
|
|
}
|
|
|
|
.emoji-list {
|
|
border: 1px solid var(--color-border);
|
|
box-shadow: unset !important;
|
|
}
|
|
.emoji-list .emoji-list__item {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.text-menubar .entry-action.is-active:not(.entry-action-item) .material-design-icon > svg,
|
|
.text-menubar button.entry-action__button.is-active .material-design-icon > svg {
|
|
fill: var(--color-primary-text) !important;
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Announcement Center ------------------------------------------------------ */
|
|
.app-announcementcenter #announcement_submit_msg.success {
|
|
background-color: var(--color-success) !important;
|
|
}
|
|
.app-announcementcenter .section > span {
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Calendar ----------------------------------------------------------------- */
|
|
.app-calendar .app-content .fc-highlight {
|
|
background: var(--color-background-hover);
|
|
opacity: unset;
|
|
}
|
|
.app-calendar .app-content .fc .fc-cell-shaded {
|
|
background-color: var(--color-border);
|
|
}
|
|
.app-calendar .app-content .fc-daygrid-week-number {
|
|
background-color: var(--color-background-darker);
|
|
border-bottom: 1px solid var(--color-border);
|
|
border-right: 1px solid var(--color-border);
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.app-calendar .app-content .fc .fc-daygrid-day.fc-day-today,
|
|
.app-calendar .app-content .fc .fc-timegrid-col.fc-day-today,
|
|
.app-calendar .app-content .fc-day-today.fc-col-header-cell {
|
|
background-color: var(--color-background-hover) !important;
|
|
}
|
|
.app-calendar .app-content .fc-day-today.fc-col-header-cell a,
|
|
.app-calendar .app-content .fc-day-today.fc-col-header-cell span {
|
|
background-color: unset !important;
|
|
}
|
|
.app-calendar .app-content .fc-daygrid-day.fc-day.fc-day-other,
|
|
.app-calendar .app-content .fc .fc-daygrid-day.fc-day-today.fc-day-other {
|
|
background-color: var(--color-background-darker) !important;
|
|
border-color: var(--color-border);
|
|
opacity: 0.5;
|
|
}
|
|
.app-calendar .app-content .fc .fc-timeGridDay-view .fc-daygrid-day.fc-day-today,
|
|
.app-calendar .app-content .fc .fc-timeGridDay-view .fc-timegrid-col.fc-day-today,
|
|
.app-calendar .app-content .fc .fc-timeGridDay-view .fc-day-today.fc-col-header-cell {
|
|
background-color: inherit !important;
|
|
}
|
|
|
|
.app-calendar .app-sidebar .app-sidebar-tabs__nav .app-sidebar-tabs__tab a.active {
|
|
border-bottom-color: var(--color-primary-element);
|
|
box-shadow: inset 0 -1px 0 var(--color-primary-element);
|
|
}
|
|
.app-calendar .app-sidebar .repeat-option-set-section-grid-item:active, .app-calendar .app-sidebar .repeat-option-set-section-grid-item:focus {
|
|
background-color: var(--color-main-background);
|
|
border-color: var(--color-border);
|
|
}
|
|
.app-calendar .app-sidebar .repeat-option-set-section-grid-item:hover {
|
|
background-color: var(--color-background-hover);
|
|
border-color: var(--color-primary-element);
|
|
}
|
|
.app-calendar .app-sidebar .repeat-option-set-section-grid-item.primary {
|
|
background-color: var(--color-primary-element) !important;
|
|
border-color: var(--color-primary-element) !important;
|
|
}
|
|
.app-calendar .app-sidebar .repeat-option-set-section-grid-item.primary:hover {
|
|
background-color: var(--color-background-hover) !important;
|
|
}
|
|
|
|
.modal--scheduler .fc .fc-button-primary {
|
|
background-color: var(--color-main-background);
|
|
border-color: var(--color-border);
|
|
color: var(--color-main-text);
|
|
}
|
|
.modal--scheduler .fc .fc-button-primary:hover {
|
|
background-color: var(--color-main-background);
|
|
border-color: var(--color-primary-element);
|
|
}
|
|
.modal--scheduler .fc .fc-button-primary:focus {
|
|
box-shadow: none;
|
|
}
|
|
|
|
#content-vue .app-navigation-entry__counter-wrapper .action-item.sharing .material-design-icon.share {
|
|
opacity: 1;
|
|
}
|
|
|
|
.popover.open .action-link {
|
|
opacity: 1;
|
|
}
|
|
|
|
/***
|
|
* @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-contacts .checkbox-radio-switch__icon {
|
|
color: var(--color-primary-text) !important;
|
|
}
|
|
.app-contacts .checkbox-radio-switch__icon.checkbox-marked-icon {
|
|
color: var(--color-primary-element) !important;
|
|
}
|
|
.app-contacts .checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__input:hover + .checkbox-radio-switch__label,
|
|
.app-contacts .checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__input:focus + .checkbox-radio-switch__label {
|
|
background-color: var(--color-background-hover) !important;
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Contacts ----------------------------------------------------------------- */
|
|
.app-contacts .app-content-list-item:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.app-contacts .app-content-list-item:active, .app-contacts .app-content-list-item.active, .app-contacts .app-content-list-item:focus {
|
|
background-color: var(--color-primary);
|
|
color: var(--color-primary-text);
|
|
}
|
|
|
|
.app-contacts .contact-header__infos input {
|
|
background-color: var(--color-main-background) !important;
|
|
}
|
|
.app-contacts .contact-header__infos input:active, .app-contacts .contact-header__infos input:focus {
|
|
background-color: var(--color-background-darker) !important;
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2018, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Deck --------------------------------------------------------------------- */
|
|
.app-deck .app-navigation__list > .app-navigation-entry {
|
|
border-right: 1px solid var(--color-border);
|
|
}
|
|
|
|
.card {
|
|
background-color: var(--color-background-darker) !important;
|
|
border: 1px solid var(--color-border);
|
|
}
|
|
.card:hover, .card.current-card {
|
|
border-color: var(--color-primary-element) !important;
|
|
}
|
|
.card .due,
|
|
.card .due.overdue {
|
|
opacity: 1 !important;
|
|
}
|
|
.card .due.next {
|
|
background-color: var(--color-neutral) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
.card .due.next span {
|
|
color: var(--color-text-dark);
|
|
}
|
|
.card .due.now {
|
|
opacity: 1 !important;
|
|
}
|
|
.card .due.now span {
|
|
color: var(--color-text-dark);
|
|
}
|
|
|
|
.modal-wrapper .modal-container {
|
|
box-shadow: unset !important;
|
|
}
|
|
|
|
/* Icons -------------------------------------------------------------------- */
|
|
.resource-type-deck img[src$="deck-dark.svg"] {
|
|
filter: invert(95%);
|
|
opacity: 0.7 !important;
|
|
}
|
|
.resource-type-deck:hover img[src$="deck-dark.svg"] {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2018, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* External sites ----------------------------------------------------------- */
|
|
#external ul.icon-list .img {
|
|
background-color: var(--color-main-background) !important;
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2022, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Text Editor -------------------------------------------------------------- */
|
|
#app-content-texteditor #editor_container {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
|
|
#app-content-texteditor #editor_controls {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
#app-content-texteditor #editor_controls small.filename {
|
|
color: var(--color-main-text);
|
|
}
|
|
#app-content-texteditor #editor_controls small.saving-message {
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
#app-content-texteditor #editor_controls #editor_close {
|
|
opacity: 1;
|
|
}
|
|
#app-content-texteditor #editor_controls #editor_close:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
#app-content-texteditor #editor_controls #editor_close:active, #app-content-texteditor #editor_controls #editor_close:focus {
|
|
background-color: var(--color-primary);
|
|
}
|
|
|
|
#filestexteditor.ace_editor {
|
|
background-color: var(--color-main-background);
|
|
color: var(--color-main-text);
|
|
}
|
|
#filestexteditor.ace_editor .ace_gutter {
|
|
color: var(--color-text-maxcontrast);
|
|
opacity: 1;
|
|
}
|
|
#filestexteditor.ace_editor .ace_gutter-active-line {
|
|
background-color: var(--color-background-darker);
|
|
}
|
|
#filestexteditor.ace_editor .ace_marker-layer .ace_active-line {
|
|
background: var(--color-background-darker) !important;
|
|
}
|
|
#filestexteditor.ace_editor .ace_marker-layer .ace_selection {
|
|
background: var(--color-primary);
|
|
}
|
|
#filestexteditor.ace_editor .ace_cursor {
|
|
color: var(--color-main-text);
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2020, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Forms -------------------------------------------------------------------- */
|
|
.app-forms input:not([type=range]):not([type=button]):not([type=submit]) {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
.app-forms .question-summary__statistic li meter {
|
|
background: var(--color-loading-dark) !important;
|
|
}
|
|
.app-forms .response-actions__radio__item {
|
|
border: 1px solid var(--color-border) !important;
|
|
}
|
|
.app-forms .response-actions__radio__item--active {
|
|
border-color: var(--color-primary-element) !important;
|
|
}
|
|
.app-forms .action-item__menutoggle--primary {
|
|
background-color: var(--color-main-background) !important;
|
|
border: 1px solid var(--color-border) !important;
|
|
}
|
|
.app-forms .action-item__menutoggle--primary:hover, .app-forms .action-item__menutoggle--primary:active, .app-forms .action-item__menutoggle--primary:focus {
|
|
border-color: var(--color-primary-element) !important;
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Group folders ------------------------------------------------------------ */
|
|
#groupfolders-wrapper #groupfolders-root th {
|
|
border-bottom-color: var(--color-border);
|
|
}
|
|
#groupfolders-wrapper #groupfolders-root #groupfolders-react-root td.quota .quotabar {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
#groupfolders-wrapper #groupfolders-root .groups .group-edit div[class$=control],
|
|
#groupfolders-wrapper #groupfolders-root .acl div[class$=control] {
|
|
border-color: var(--color-border) !important;
|
|
}
|
|
#groupfolders-wrapper #groupfolders-root .groups .group-edit span[class$=indicatorSeparator],
|
|
#groupfolders-wrapper #groupfolders-root .acl span[class$=indicatorSeparator] {
|
|
background-color: var(--color-border) !important;
|
|
}
|
|
#groupfolders-wrapper #groupfolders-root .groups .group-edit div[class$=placeholder],
|
|
#groupfolders-wrapper #groupfolders-root .acl div[class$=placeholder] {
|
|
color: var(--color-text-maxcontrast) !important;
|
|
}
|
|
#groupfolders-wrapper #groupfolders-root .groups .group-edit div[class$=menu],
|
|
#groupfolders-wrapper #groupfolders-root .acl div[class$=menu] {
|
|
background-color: var(--color-main-background) !important;
|
|
border: 1px solid var(--color-border);
|
|
}
|
|
#groupfolders-wrapper #groupfolders-root .groups .group-edit div[class$=option],
|
|
#groupfolders-wrapper #groupfolders-root .acl div[class$=option] {
|
|
background-color: var(--color-main-background) !important;
|
|
}
|
|
#groupfolders-wrapper #groupfolders-root .groups .group-edit div[class$=option]:hover,
|
|
#groupfolders-wrapper #groupfolders-root .acl div[class$=option]:hover {
|
|
background-color: var(--color-background-hover) !important;
|
|
}
|
|
#groupfolders-wrapper #groupfolders-root .acl div[class$=control] {
|
|
background-color: var(--color-main-background) !important;
|
|
}
|
|
#groupfolders-wrapper #groupfolders-root .acl div[class$=multiValue] {
|
|
background-color: var(--color-background-darker) !important;
|
|
}
|
|
#groupfolders-wrapper #groupfolders-root .acl div[class$=multiValue],
|
|
#groupfolders-wrapper #groupfolders-root .acl div[class$=multiValue] > div:first-child,
|
|
#groupfolders-wrapper #groupfolders-root .acl div[class$=multiValue] > div:last-child {
|
|
color: var(--color-main-text) !important;
|
|
}
|
|
#groupfolders-wrapper #groupfolders-root .acl div[class$=multiValue] > div:last-child:hover {
|
|
background-color: var(--color-error) !important;
|
|
}
|
|
|
|
/* Icons -------------------------------------------------------------------- */
|
|
#groupfolders-wrapper #groupfolders-root td .action-rename::after {
|
|
filter: invert(95%);
|
|
}
|
|
#groupfolders-wrapper #groupfolders-root .groups .group-edit a > img[src$="/core/img/actions/close.svg"] {
|
|
filter: invert(95%);
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* LDAP --------------------------------------------------------------------- */
|
|
#ldapSettings {
|
|
background-color: var(--color-main-background) !important;
|
|
}
|
|
#ldapSettings > fieldset {
|
|
background-color: var(--color-main-background) !important;
|
|
}
|
|
#ldapSettings ul.ui-tabs-nav .ui-tabs-active,
|
|
#ldapSettings ul.ui-tabs-nav .ui-tabs-active > a {
|
|
background-color: var(--color-background-darker) !important;
|
|
color: var(--color-main-text) !important;
|
|
}
|
|
#ldapSettings div.ui-accordion-content {
|
|
background: var(--color-main-background) !important;
|
|
}
|
|
#ldapSettings .ldap_grey {
|
|
color: var(--color-main-text) !important;
|
|
}
|
|
#ldapSettings .ui-state-default,
|
|
#ldapSettings .ui-widget-content .ui-state-default,
|
|
#ldapSettings .ui-widget-header .ui-state-default {
|
|
background: var(--color-main-background) !important;
|
|
border-color: var(--color-border) !important;
|
|
color: var(--color-main-text) !important;
|
|
}
|
|
#ldapSettings .ui-state-default a,
|
|
#ldapSettings .ui-state-default a:link,
|
|
#ldapSettings .ui-state-default a:visited,
|
|
#ldapSettings .ui-widget-content .ui-state-default a,
|
|
#ldapSettings .ui-widget-content .ui-state-default a:link,
|
|
#ldapSettings .ui-widget-content .ui-state-default a:visited,
|
|
#ldapSettings .ui-widget-header .ui-state-default a,
|
|
#ldapSettings .ui-widget-header .ui-state-default a:link,
|
|
#ldapSettings .ui-widget-header .ui-state-default a:visited {
|
|
color: var(--color-main-text) !important;
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2018, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Mail --------------------------------------------------------------------- */
|
|
.app-mail #account-form .tabs-component-tab.is-active {
|
|
border-bottom-color: var(--color-primary-element);
|
|
}
|
|
|
|
.app-mail .app-content-list .list-item__wrapper.active .line-one__title {
|
|
color: var(--color-primary-text);
|
|
}
|
|
.app-mail .app-content-list .list-item__wrapper.active .line-one__details,
|
|
.app-mail .app-content-list .list-item__wrapper.active .line-two__subtitle,
|
|
.app-mail .app-content-list .list-item__wrapper.active .line-two__counter {
|
|
color: var(--color-main-text);
|
|
}
|
|
|
|
.app-mail .html-message-body #message-container {
|
|
padding: 1rem;
|
|
}
|
|
|
|
.app-mail #mail-message .mail-message-body-html #mail-message-has-blocked-content {
|
|
background-color: var(--color-main-background) !important;
|
|
margin: unset;
|
|
padding: 5px 1rem;
|
|
}
|
|
.app-mail #mail-message .mail-message-body-html #mail-message-has-blocked-content .button-vue {
|
|
border: 1px solid var(--color-border) !important;
|
|
margin-left: 1rem;
|
|
padding: unset;
|
|
}
|
|
.app-mail #mail-message .mail-message-body-html #mail-message-has-blocked-content .button-vue__text {
|
|
padding-left: 1rem !important;
|
|
padding-right: 1rem !important;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.app-mail .attachment-popover button.action-item--single.icon-attachment:hover, .app-mail .attachment-popover button.action-item--single.icon-attachment:focus, .app-mail .attachment-popover button.action-item--single.icon-attachment:active {
|
|
background-color: var(--color-background-hover) !important;
|
|
}
|
|
|
|
.app-mail .attachment-popover.open button.action-item--single.icon-attachment {
|
|
background-color: var(--color-primary) !important;
|
|
opacity: 1;
|
|
}
|
|
|
|
.mail-message-attachments .attachments .attachment .attachment-name:hover {
|
|
background-color: unset;
|
|
}
|
|
.mail-message-attachments .attachments .attachment .attachment-size {
|
|
opacity: 0.7;
|
|
}
|
|
.mail-message-attachments .attachments .attachment .attachment-size:hover {
|
|
background-color: unset;
|
|
}
|
|
.mail-message-attachments .attachments .attachment button:hover,
|
|
.mail-message-attachments .attachments .attachment .mail-attached-image:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.popover.open button.action-button {
|
|
opacity: 1;
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2020, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Maps --------------------------------------------------------------------- */
|
|
.app-maps #app-navigation #navigation-favorites:not(.active) > a,
|
|
.app-maps #app-navigation #navigation-favorites:not(.active) > .app-navigation-entry-utils,
|
|
.app-maps #app-navigation #navigation-routing:not(.active) > a,
|
|
.app-maps #app-navigation #navigation-routing:not(.active) > .app-navigation-entry-utils,
|
|
.app-maps #app-navigation #navigation-photos:not(.active) > a,
|
|
.app-maps #app-navigation #navigation-photos:not(.active) > .app-navigation-entry-utils,
|
|
.app-maps #app-navigation #navigation-contacts:not(.active) > a,
|
|
.app-maps #app-navigation #navigation-contacts:not(.active) > .app-navigation-entry-utils,
|
|
.app-maps #app-navigation #navigation-tracks:not(.active) > a,
|
|
.app-maps #app-navigation #navigation-tracks:not(.active) > .app-navigation-entry-utils,
|
|
.app-maps #app-navigation #navigation-devices:not(.active) > a,
|
|
.app-maps #app-navigation #navigation-devices:not(.active) > .app-navigation-entry-utils {
|
|
opacity: 0.57 !important;
|
|
}
|
|
.app-maps #app-navigation #navigation-favorites:not(.active) > .app-navigation-entry-menu,
|
|
.app-maps #app-navigation #navigation-routing:not(.active) > .app-navigation-entry-menu,
|
|
.app-maps #app-navigation #navigation-photos:not(.active) > .app-navigation-entry-menu,
|
|
.app-maps #app-navigation #navigation-contacts:not(.active) > .app-navigation-entry-menu,
|
|
.app-maps #app-navigation #navigation-tracks:not(.active) > .app-navigation-entry-menu,
|
|
.app-maps #app-navigation #navigation-devices:not(.active) > .app-navigation-entry-menu {
|
|
opacity: 1 !important;
|
|
}
|
|
.app-maps #app-navigation #navigation-favorites:not(.active) > .app-navigation-entry-menu > *,
|
|
.app-maps #app-navigation #navigation-routing:not(.active) > .app-navigation-entry-menu > *,
|
|
.app-maps #app-navigation #navigation-photos:not(.active) > .app-navigation-entry-menu > *,
|
|
.app-maps #app-navigation #navigation-contacts:not(.active) > .app-navigation-entry-menu > *,
|
|
.app-maps #app-navigation #navigation-tracks:not(.active) > .app-navigation-entry-menu > *,
|
|
.app-maps #app-navigation #navigation-devices:not(.active) > .app-navigation-entry-menu > * {
|
|
opacity: 0.57 !important;
|
|
}
|
|
|
|
.app-maps #app-content #search-form #search-submit {
|
|
background-color: transparent !important;
|
|
border: unset !important;
|
|
}
|
|
.app-maps #app-content .leaflet-container {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
.app-maps #app-content .leaflet-control-container .leaflet-routing-container {
|
|
background-color: var(--color-main-background);
|
|
border: 1px solid var(--color-border);
|
|
}
|
|
.app-maps #app-content .leaflet-control-container .leaflet-routing-container .leaflet-routing-geocoders {
|
|
border-bottom: unset;
|
|
}
|
|
.app-maps #app-content .leaflet-control-container .leaflet-routing-container .leaflet-routing-geocoders input {
|
|
border-color: var(--color-border);
|
|
}
|
|
.app-maps #app-content .leaflet-control-container .leaflet-routing-container .leaflet-routing-geocoders button {
|
|
background-color: var(--color-main-background);
|
|
border-color: var(--color-border);
|
|
}
|
|
.app-maps #app-content .leaflet-control-container .leaflet-routing-container .leaflet-routing-geocoders .exportCurrentRoute {
|
|
border-bottom: 1px solid var(--color-border);
|
|
}
|
|
.app-maps #app-content .leaflet-control-container .leaflet-routing-container.leaflet-bar button {
|
|
background-color: var(--color-main-background) !important;
|
|
color: var(--color-main-text) !important;
|
|
}
|
|
.app-maps #app-content .leaflet-control-container .leaflet-routing-container.leaflet-bar button:hover {
|
|
background-color: var(--color-background-hover) !important;
|
|
}
|
|
.app-maps #app-content .leaflet-contextmenu {
|
|
background-color: var(--color-main-background);
|
|
border: 1px solid var(--color-border);
|
|
box-shadow: none;
|
|
}
|
|
.app-maps #app-content .leaflet-contextmenu .leaflet-contextmenu-item.over {
|
|
background-color: var(--color-background-hover);
|
|
border-color: var(--color-background-hover);
|
|
}
|
|
.app-maps #app-content .leaflet-contextmenu .leaflet-contextmenu-separator {
|
|
border-bottom-color: var(--color-border);
|
|
}
|
|
.app-maps #app-content .leaflet-routing-alt tr:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.app-maps #app-content .leaflet-routing-alt tr:nth-child(2n+1) {
|
|
background-color: var(--color-background-darker);
|
|
}
|
|
.app-maps #app-content .leaflet-routing-alt,
|
|
.app-maps #app-content .leaflet-routing-error {
|
|
border-bottom-color: var(--color-border);
|
|
}
|
|
|
|
.leaflet-routing-geocoder-result table {
|
|
background-color: var(--color-main-background) !important;
|
|
border-color: var(--color-border) !important;
|
|
}
|
|
.leaflet-routing-geocoder-result table tr:hover,
|
|
.leaflet-routing-geocoder-result table .leaflet-routing-geocoder-selected {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
|
|
/* Icons -------------------------------------------------------------------- */
|
|
.app-maps #app-content img[src$="star-dark?color=000000"],
|
|
.app-maps #app-content img[src$="picture?color=000000"],
|
|
.app-maps #app-content img[src$="user?color=000000"],
|
|
.app-maps #app-content img[src$="share?color=000000"],
|
|
.app-maps #app-content img[src$="recent.svg"],
|
|
.app-maps #app-content img[src$="triangle-s.svg"],
|
|
.app-maps #app-content img[src$="triangle-e.svg"],
|
|
.app-maps #app-content img[src$="poi_place_town.p.20.png"],
|
|
.app-maps #app-content img[src$="poi_place_village.p.20.png"],
|
|
.app-maps #app-content .leaflet-routing-icon {
|
|
filter: invert(95%);
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* News --------------------------------------------------------------------- */
|
|
.app-news #app-navigation .add-new .heading:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.app-news #app-navigation .add-new .heading button:active,
|
|
.app-news #app-navigation .add-new .heading button:focus {
|
|
background-color: transparent;
|
|
}
|
|
.app-news #app-navigation #app-settings-content a {
|
|
color: var(--color-text-link);
|
|
}
|
|
.app-news #app-navigation .collapsible:hover > .icon-folder {
|
|
background-color: var(--color-background-hover);
|
|
background-image: none !important;
|
|
}
|
|
.app-news #app-navigation > ul > .with-counter:hover > .app-navigation-entry-utils {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
|
|
.app-news #app-content .item.active {
|
|
background-image: none;
|
|
}
|
|
.app-news #app-content .body {
|
|
font-size: 15px;
|
|
}
|
|
.app-news #app-content .body a {
|
|
color: var(--color-text-link);
|
|
}
|
|
.app-news #app-content .body blockquote {
|
|
border-color: var(--color-primary-element);
|
|
}
|
|
.app-news #app-content .body h1,
|
|
.app-news #app-content .body h2,
|
|
.app-news #app-content .body h3 {
|
|
color: var(--color-primary-element);
|
|
}
|
|
|
|
.app-news #explore .grid-item {
|
|
border-color: var(--color-border);
|
|
}
|
|
.app-news #explore .explore-footer a {
|
|
color: var(--color-text-link);
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2020, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Notes -------------------------------------------------------------------- */
|
|
.app-notes .app-navigation button.icon-confirm,
|
|
.app-notes .app-navigation button.icon-close {
|
|
background-image: none !important;
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Retention ---------------------------------------------------------------- */
|
|
#retention #retention-list td {
|
|
border-color: var(--color-border) !important;
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2022, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Nextcloud Office --------------------------------------------------------- */
|
|
#richdocuments-wrapper #cool-loading-overlay .empty-content__title {
|
|
color: var(--color-background-darker);
|
|
}
|
|
#richdocuments-wrapper #cool-loading-overlay .empty-content__title p {
|
|
color: var(--color-background-dark);
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2020, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Spreed ------------------------------------------------------------------- */
|
|
.app-talk .file-preview:hover,
|
|
.app-talk .file-preview:focus,
|
|
.talkChatTab .file-preview:hover,
|
|
.talkChatTab .file-preview:focus {
|
|
background-color: inherit !important;
|
|
}
|
|
|
|
.app-talk .app-settings .app-settings-section:last-child button {
|
|
border: 1px solid var(--color-border);
|
|
}
|
|
.app-talk .app-settings .app-settings-section:last-child button:hover {
|
|
border: 1px solid var(--color-primary-element);
|
|
}
|
|
|
|
.messages .message .message-buttons-bar {
|
|
border: 1px solid var(--color-border);
|
|
box-shadow: unset;
|
|
}
|
|
.messages .message .reaction-button__has-reacted,
|
|
.messages .message .reaction-button:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Tasks -------------------------------------------------------------------- */
|
|
.app-tasks .app-navigation .app-navigation-entry-edit input.action {
|
|
background-color: var(--color-background-darker);
|
|
}
|
|
|
|
.app-tasks .app-content .sortorder-dropdown-button {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
.app-tasks .app-content .categories-list span {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
.app-tasks .app-content .task-body {
|
|
background-color: var(--color-background-darker);
|
|
}
|
|
.app-tasks .app-content .task-body:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.app-tasks .app-content .task-body.active .title {
|
|
font-weight: 600;
|
|
}
|
|
.app-tasks .app-content .task-body .duedate.overdue {
|
|
color: var(--color-error);
|
|
}
|
|
.app-tasks .app-content .task-body .percentdone {
|
|
background-color: var(--color-primary) !important;
|
|
}
|
|
.app-tasks .app-content .task-list .loadmore span,
|
|
.app-tasks .app-content .task-list .loadmore button {
|
|
background-color: var(--color-background-darker) !important;
|
|
color: var(--color-text-maxcontrast) !important;
|
|
}
|
|
|
|
.app-tasks #app-sidebar div.content-wrapper .title {
|
|
background-color: var(--color-primary-element);
|
|
}
|
|
.app-tasks #app-sidebar div.content-wrapper .title .expandable-container {
|
|
background: var(--color-main-background);
|
|
border-color: var(--color-border);
|
|
}
|
|
.app-tasks #app-sidebar div.content-wrapper .body .section {
|
|
border-bottom: 1px dashed var(--color-border);
|
|
}
|
|
.app-tasks #app-sidebar div.content-wrapper .body .section .detail-categories-container .multiselect.multiselect-vue .multiselect__tag,
|
|
.app-tasks #app-sidebar div.content-wrapper .body .section .detail-calendar-container .multiselect.multiselect-vue .multiselect__tag {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
.app-tasks #app-sidebar div.content-wrapper .body .section input[type=number] {
|
|
background-color: var(--color-background-darker);
|
|
}
|
|
.app-tasks #app-sidebar div.content-wrapper input[type=checkbox].checkbox:checked + label::before {
|
|
background-color: var(--color-primary-element);
|
|
border-color: var(--color-primary-element);
|
|
}
|
|
.app-tasks #app-sidebar div.content-wrapper .title .detail-checkbox label:hover::before {
|
|
border-color: var(--color-primary);
|
|
}
|
|
.app-tasks #app-sidebar div.content-wrapper .footer {
|
|
border-top: unset;
|
|
}
|
|
|
|
/* Icons -------------------------------------------------------------------- */
|
|
.app-tasks .sprt-startdate,
|
|
.app-tasks .sprt-duedate,
|
|
.app-tasks .sprt-current,
|
|
.app-tasks .sprt-task-star,
|
|
.app-tasks .sprt-percent,
|
|
.app-tasks .sprt-tag,
|
|
.app-tasks .sprt-trash,
|
|
.app-tasks .sprt-hide,
|
|
.app-tasks .sprt-pinned,
|
|
.app-tasks .sprt-pinned-off,
|
|
.app-tasks .sprt-all,
|
|
.app-tasks .sprt-checkmark,
|
|
.app-tasks .sprt-add,
|
|
.app-tasks .sprt-calendar,
|
|
.app-tasks .sprt-note,
|
|
.app-tasks .sprt-subtasks-hidden {
|
|
filter: invert(95%);
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2020, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Analytics ---------------------------------------------------------------- */
|
|
.app-analytics #app-content .dataTables_wrapper .dataTables_length,
|
|
.app-analytics #app-content .dataTables_wrapper .dataTables_filter,
|
|
.app-analytics #app-content .dataTables_wrapper .dataTables_info,
|
|
.app-analytics #app-content .dataTables_wrapper .dataTables_processing,
|
|
.app-analytics #app-content .dataTables_wrapper .dataTables_paginate {
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-analytics #app-content .dataTables_wrapper .dataTable thead th {
|
|
border-bottom-color: var(--color-border);
|
|
}
|
|
.app-analytics #app-content .dataTables_wrapper .dataTable.no-footer {
|
|
border-bottom-color: var(--color-border);
|
|
}
|
|
.app-analytics #app-content .dataTables_wrapper .dataTables_paginate .paginate_button {
|
|
border-color: var(--color-border);
|
|
color: var(--color-main-text) !important;
|
|
}
|
|
.app-analytics #app-content .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
|
|
background: var(--color-main-background);
|
|
border-color: var(--color-primary-element);
|
|
}
|
|
.app-analytics #app-content .dataTables_wrapper .dataTables_paginate .paginate_button.current {
|
|
background: var(--color-primary-element);
|
|
border-color: var(--color-primary-element);
|
|
color: var(--color-main-text) !important;
|
|
}
|
|
.app-analytics #app-content .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
|
|
background-color: var(--color-background-alternate);
|
|
color: var(--color-text-maxcontrast) !important;
|
|
}
|
|
.app-analytics #app-content .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
|
|
border-color: var(--color-border);
|
|
}
|
|
|
|
.app-analytics .analyticsWidgetItem {
|
|
background-color: var(--color-background-darker) !important;
|
|
}
|
|
.app-analytics .analyticsWidgetItem:hover, .app-analytics .analyticsWidgetItem:focus {
|
|
background-color: var(--color-background-hover) !important;
|
|
}
|
|
.app-analytics #app-sidebar .tabHeaders .tabHeader.selected, .app-analytics #app-sidebar .tabHeaders .tabHeader:hover, .app-analytics #app-sidebar .tabHeaders .tabHeader:focus, .app-analytics #app-sidebar .tabHeaders .tabHeader:active {
|
|
border-bottom-color: var(--color-primary-element);
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Audio Player ------------------------------------------------------------- */
|
|
.app-audioplayer #app-navigation #myCategory li {
|
|
opacity: 1;
|
|
}
|
|
.app-audioplayer #app-navigation #myCategory li:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.app-audioplayer #app-navigation #myCategory li.active span {
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-audioplayer #app-navigation #myCategory li i.ioc {
|
|
color: var(--color-main-text);
|
|
opacity: 0.7;
|
|
}
|
|
.app-audioplayer #app-navigation #myCategory li i.ioc.ioc-sort:hover {
|
|
color: var(--color-success);
|
|
opacity: 1;
|
|
}
|
|
.app-audioplayer #app-navigation #myCategory li i.ioc.ioc-delete:hover {
|
|
color: var(--color-error);
|
|
opacity: 1;
|
|
}
|
|
.app-audioplayer #app-navigation #myCategory li i.icon-rename {
|
|
opacity: 0.7;
|
|
}
|
|
.app-audioplayer #app-navigation #myCategory li i.icon-rename:hover {
|
|
opacity: 1;
|
|
}
|
|
.app-audioplayer #app-navigation #myCategory li.activeHover {
|
|
border-color: var(--color-primary-element);
|
|
}
|
|
.app-audioplayer #app-navigation #myCategory li.dropHover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.app-audioplayer #app-navigation #app-settings #audio-settings li.audio-settings-item {
|
|
opacity: 1;
|
|
}
|
|
|
|
.app-audioplayer #app-content #loading {
|
|
color: var(--color-icon);
|
|
}
|
|
.app-audioplayer #app-content .sm2-bar-ui .sm2-progress .sm2-progress-track {
|
|
background-color: var(--color-background-darker);
|
|
}
|
|
.app-audioplayer #app-content .sm2-bar-ui .sm2-progress .sm2-progress-bar {
|
|
background-color: var(--color-primary-element);
|
|
}
|
|
.app-audioplayer #app-content .sm2-bar-ui .sm2-progress .sm2-progress-ball {
|
|
background-color: var(--color-icon);
|
|
}
|
|
.app-audioplayer #app-content #playlist-container .coverrow .album .albumcover {
|
|
box-shadow: none;
|
|
}
|
|
.app-audioplayer #app-content #playlist-container .songcontainer {
|
|
background-color: var(--color-background-darker);
|
|
border: 1px solid var(--color-border);
|
|
box-shadow: none;
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-audioplayer #app-content #playlist-container .songcontainer .open-arrow::before {
|
|
border-bottom-color: var(--color-border);
|
|
}
|
|
.app-audioplayer #app-content #playlist-container .songcontainer .songcontainer-cover {
|
|
box-shadow: none;
|
|
}
|
|
.app-audioplayer #app-content #playlist-container #individual-playlist-header .header-indi {
|
|
border-bottom-color: var(--color-border);
|
|
}
|
|
|
|
.app-audioplayer #app-sidebar #ID3EditorTabView .icon-info {
|
|
opacity: 1;
|
|
}
|
|
|
|
#audios_import .ui-progressbar .ui-progressbar-value {
|
|
background-color: var(--color-primary);
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2020, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* BigBlueButton ------------------------------------------------------------ */
|
|
#bbb-react-root th {
|
|
border-bottom-color: var(--color-border) !important;
|
|
}
|
|
|
|
#bbb-warning {
|
|
background-color: var(--color-warning) !important;
|
|
}
|
|
|
|
.bbb-selection {
|
|
background-color: var(--color-main-background) !important;
|
|
}
|
|
|
|
/* Icons -------------------------------------------------------------------- */
|
|
.fileActionsMenu img[src$="/bbb/img/app-dark.svg"] {
|
|
filter: invert(95%);
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Bookmarks ---------------------------------------------------------------- */
|
|
.app-bookmarks #app-content .folder--gridview,
|
|
.app-bookmarks #app-content .bookmark--gridview,
|
|
.app-bookmarks #app-content .bookmarkslist--gridview > .create-folder,
|
|
.app-bookmarks #app-content .bookmarkslist--gridview > .create-bookmark {
|
|
background: var(--color-main-background);
|
|
box-shadow: none;
|
|
}
|
|
.app-bookmarks #app-content .bookmark--gridview .bookmark__checkbox {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
.app-bookmarks #app-content .bookmark--gridview .bookmark__checkbox input.checkbox + label::before {
|
|
margin: 0 3px 3px;
|
|
}
|
|
.app-bookmarks #app-content .bookmarkslist > :first-child:not(.bookmarkslist__loading):not(.bookmarkslist__empty).active {
|
|
border-top-color: var(--color-primary-element);
|
|
}
|
|
.app-bookmarks #app-content .breadcrumbs .breadcrumbs__path a {
|
|
color: var(--color-main-text);
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2021, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Collectives -------------------------------------------------------------- */
|
|
.app-collectives #titleform input[type=text] {
|
|
background-color: var(--color-main-background);
|
|
opacity: 1;
|
|
}
|
|
.app-collectives #titleform input[type=text]:focus, .app-collectives #titleform input[type=text]:focus-within {
|
|
background-color: var(--color-background-darker);
|
|
}
|
|
.app-collectives .app-content-list-item .update {
|
|
color: var(--color-text-maxcontrast);
|
|
opacity: 1;
|
|
}
|
|
|
|
.app-collectives .app-sidebar #versions .openVersion,
|
|
.app-collectives .app-sidebar #versions .size {
|
|
color: var(--color-text-maxcontrast);
|
|
opacity: 1;
|
|
}
|
|
.app-collectives .app-sidebar #versions li:hover,
|
|
.app-collectives .app-sidebar #versions li:focus {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.app-collectives .app-sidebar #versions li:hover .openVersion,
|
|
.app-collectives .app-sidebar #versions li:hover .size,
|
|
.app-collectives .app-sidebar #versions li:focus .openVersion,
|
|
.app-collectives .app-sidebar #versions li:focus .size {
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-collectives .app-sidebar #versions li.active,
|
|
.app-collectives .app-sidebar #versions li:active {
|
|
background-color: var(--color-primary);
|
|
}
|
|
.app-collectives .app-sidebar #versions li.active .icon-container .icon,
|
|
.app-collectives .app-sidebar #versions li:active .icon-container .icon {
|
|
filter: brightness(161.5%);
|
|
}
|
|
.app-collectives .app-sidebar #versions li.active .openVersion,
|
|
.app-collectives .app-sidebar #versions li.active .size,
|
|
.app-collectives .app-sidebar #versions li:active .openVersion,
|
|
.app-collectives .app-sidebar #versions li:active .size {
|
|
color: var(--color-primary-text);
|
|
}
|
|
|
|
.popover .action {
|
|
margin-top: 0;
|
|
}
|
|
|
|
/* Icons -------------------------------------------------------------------- */
|
|
.icon-pages-template-dark-grey {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.icon-pages {
|
|
filter: invert(95%);
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2020, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Cookbook ----------------------------------------------------------------- */
|
|
.app-cookbook #app-navigation .download .action-input {
|
|
opacity: 1;
|
|
}
|
|
.app-cookbook #app-navigation #app-settings .action-button {
|
|
opacity: 1;
|
|
}
|
|
|
|
.app-cookbook #app-content ul li a {
|
|
box-shadow: inset 0 0 0 1px var(--color-border);
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-cookbook #app-content ul li a:hover, .app-cookbook #app-content ul li a:focus, .app-cookbook #app-content ul li a:active {
|
|
box-shadow: inset 0 0 0 1px var(--color-primary-element);
|
|
}
|
|
.app-cookbook #app-content .times .time h4 {
|
|
background-color: var(--color-background-darker);
|
|
}
|
|
.app-cookbook #app-content section h3 {
|
|
font-weight: 600;
|
|
}
|
|
.app-cookbook #app-content section main .instructions li::before {
|
|
background-color: var(--color-background-darker);
|
|
}
|
|
.app-cookbook #app-content button > span[class^=icon-] {
|
|
opacity: 1;
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2021, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Electronic Signatures ---------------------------------------------------- */
|
|
.modal-mask .loader {
|
|
background-color: rgba(0, 0, 0, 0.3) !important;
|
|
}
|
|
|
|
/* Icons -------------------------------------------------------------------- */
|
|
.custom-icon-signature {
|
|
color: var(--color-icon) !important;
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2018, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* FullTextSearch ----------------------------------------------------------- */
|
|
#fts-popup .div-table-col-left {
|
|
color: var(--color-main-text);
|
|
}
|
|
#fts-popup .fts_options_input {
|
|
opacity: 1;
|
|
}
|
|
|
|
.provider_header .provider_navigation {
|
|
border-bottom-color: var(--color-border);
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.provider_header .provider_result .result_entry {
|
|
border-bottom-color: var(--color-border);
|
|
}
|
|
.provider_header .provider_result .result_entry .result_title {
|
|
color: var(--color-main-text);
|
|
}
|
|
.provider_header .provider_result .result_entry .result_extract {
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
|
|
.provider_header .files_header {
|
|
border-bottom-color: var(--color-border);
|
|
}
|
|
.provider_header .files_header .files_header_div {
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.provider_header .files_result {
|
|
border-bottom-color: var(--color-border);
|
|
}
|
|
.provider_header .files_result .files_result_item {
|
|
background: var(--color-main-background);
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.provider_header .files_result .files_div_name .files_result_file .files_result_title {
|
|
color: var(--color-main-text);
|
|
}
|
|
.provider_header .files_result .files_div_name .files_result_file .files_result_extract {
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
|
|
.app-settings #app-content #fns .div-table .div-table-row .div-table-col select,
|
|
.app-settings #app-content #fns .div-table .div-table-row .div-table-col input,
|
|
.app-settings #app-content #elastic_search .div-table .div-table-row .div-table-col select,
|
|
.app-settings #app-content #elastic_search .div-table .div-table-row .div-table-col input,
|
|
.app-settings #app-content #files .div-table .div-table-row .div-table-col select,
|
|
.app-settings #app-content #files .div-table .div-table-row .div-table-col input {
|
|
background-color: var(--color-background-darker) !important;
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2021, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* GpxPod ------------------------------------------------------------------- */
|
|
.app-gpxpod #stattable td.statnamecol {
|
|
background-color: unset;
|
|
}
|
|
.app-gpxpod .popuptable tr:nth-child(2n+1) {
|
|
background-color: var(--color-background-darker);
|
|
}
|
|
.app-gpxpod .popuptable tr:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
|
|
/* Icons -------------------------------------------------------------------- */
|
|
.icon-gpxpod-black {
|
|
filter: invert(95%);
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2018, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Markdown editor -----------------------------------------------------------*/
|
|
#app-content-texteditor #editor_container #editor_controls #preview_editor_controls button:hover {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
#app-content-texteditor #editor_container #editor_controls #preview_editor_controls button.active {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
#app-content-texteditor #editor_container #editor_wrap #preview_wrap #preview {
|
|
background-color: var(--color-main-background);
|
|
border-left: 1px solid var(--color-border);
|
|
color: var(--color-main-text);
|
|
}
|
|
#app-content-texteditor #editor_container #editor_wrap #preview_wrap #preview.text-markdown blockquote {
|
|
border-left-color: var(--color-primary-element);
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
#app-content-texteditor #editor_container #editor_wrap #preview_wrap #preview.text-markdown tt {
|
|
background-color: var(--color-main-background);
|
|
border-color: var(--color-border);
|
|
}
|
|
#app-content-texteditor #editor_container #editor_wrap #preview_wrap #preview.text-markdown code,
|
|
#app-content-texteditor #editor_container #editor_wrap #preview_wrap #preview.text-markdown pre {
|
|
background-color: var(--color-background-darker);
|
|
border-color: var(--color-border);
|
|
}
|
|
#app-content-texteditor #editor_container #editor_wrap #preview_wrap #preview.text-markdown table tr {
|
|
background-color: var(--color-main-background);
|
|
border-top-color: var(--color-border);
|
|
}
|
|
#app-content-texteditor #editor_container #editor_wrap #preview_wrap #preview.text-markdown table tr th {
|
|
border-bottom-color: var(--color-border);
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
#app-content-texteditor #editor_container #editor_wrap #preview_wrap #preview.text-markdown a {
|
|
color: var(--color-text-link);
|
|
}
|
|
|
|
/* a11y-dark theme */
|
|
/* Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css */
|
|
/* @author: ericwbailey */
|
|
/* Check the theme out on github https://github.com/highlightjs/highlight.js/blob/master/src/styles/a11y-dark.css */
|
|
/* Comment */
|
|
.hljs-comment,
|
|
.hljs-quote {
|
|
color: #d4d0ab !important;
|
|
}
|
|
|
|
/* Red */
|
|
.hljs-variable,
|
|
.hljs-template-variable,
|
|
.hljs-tag,
|
|
.hljs-name,
|
|
.hljs-selector-id,
|
|
.hljs-selector-class,
|
|
.hljs-regexp,
|
|
.hljs-deletion {
|
|
color: #ffa07a !important;
|
|
}
|
|
|
|
/* Orange */
|
|
.hljs-number,
|
|
.hljs-built_in,
|
|
.hljs-builtin-name,
|
|
.hljs-literal,
|
|
.hljs-type,
|
|
.hljs-params,
|
|
.hljs-meta,
|
|
.hljs-link {
|
|
color: #f5ab35 !important;
|
|
}
|
|
|
|
/* Yellow */
|
|
.hljs-attribute {
|
|
color: #ffd700 !important;
|
|
}
|
|
|
|
/* Green */
|
|
.hljs-string,
|
|
.hljs-symbol,
|
|
.hljs-bullet,
|
|
.hljs-addition {
|
|
color: #abe338 !important;
|
|
}
|
|
|
|
/* Blue */
|
|
.hljs-title,
|
|
.hljs-section {
|
|
color: #00e0e0 !important;
|
|
}
|
|
|
|
/* Purple */
|
|
.hljs-keyword,
|
|
.hljs-selector-tag {
|
|
color: #dcc6e0 !important;
|
|
}
|
|
|
|
.hljs {
|
|
display: block !important;
|
|
overflow-x: auto !important;
|
|
background: #2b2b2b !important;
|
|
color: #f8f8f2 !important;
|
|
padding: 0.5em !important;
|
|
}
|
|
|
|
.hljs-emphasis {
|
|
font-style: italic !important;
|
|
}
|
|
|
|
.hljs-strong {
|
|
font-weight: bold !important;
|
|
}
|
|
|
|
@media screen and (-ms-high-contrast: active) {
|
|
.hljs-addition,
|
|
.hljs-attribute,
|
|
.hljs-built_in,
|
|
.hljs-builtin-name,
|
|
.hljs-bullet,
|
|
.hljs-comment,
|
|
.hljs-link,
|
|
.hljs-literal,
|
|
.hljs-meta,
|
|
.hljs-number,
|
|
.hljs-params,
|
|
.hljs-string,
|
|
.hljs-symbol,
|
|
.hljs-type,
|
|
.hljs-quote {
|
|
color: highlight !important;
|
|
}
|
|
.hljs-keyword,
|
|
.hljs-selector-tag {
|
|
font-weight: bold !important;
|
|
}
|
|
}
|
|
/***
|
|
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Music -------------------------------------------------------------------- */
|
|
.app-music #app-navigation .app-navigation-separator {
|
|
border-bottom-color: var(--color-border);
|
|
}
|
|
.app-music #app-navigation li.drag-hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
|
|
.app-music #app-content #emptycontent,
|
|
.app-music #app-content .emptycontent {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
.app-music #app-content #toScan:hover * {
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-music #app-content .alphabet-navigation a {
|
|
opacity: 0.2;
|
|
}
|
|
.app-music #app-content .alphabet-navigation a.available {
|
|
opacity: 0.7;
|
|
}
|
|
.app-music #app-content .alphabet-navigation a.available:hover {
|
|
opacity: 1;
|
|
}
|
|
.app-music #app-content #controls {
|
|
background-color: var(--color-main-background);
|
|
border-bottom: 1px solid var(--color-border);
|
|
}
|
|
.app-music #app-content #controls .progress,
|
|
.app-music #app-content #controls .seek-bar {
|
|
background-color: var(--color-background-darker);
|
|
}
|
|
.app-music #app-content #controls .buffer-bar {
|
|
background-color: var(--color-background-hover);
|
|
opacity: 1;
|
|
}
|
|
.app-music #app-content #controls .play-bar {
|
|
background-color: var(--color-primary-element);
|
|
}
|
|
.app-music #app-content #app-sidebar .close,
|
|
.app-music #app-content #app-sidebar #follow-playback {
|
|
background-color: unset;
|
|
}
|
|
.app-music #app-content #music-user .warning a {
|
|
color: var(--color-text-link) !important;
|
|
}
|
|
|
|
#music-controls {
|
|
background-color: var(--color-main-background) !important;
|
|
border-top: 1px solid var(--color-border);
|
|
}
|
|
#music-controls #albumart {
|
|
border: unset !important;
|
|
}
|
|
#music-controls .seek-bar {
|
|
background-color: var(--color-background-darker) !important;
|
|
}
|
|
#music-controls .buffer-bar {
|
|
background-color: var(--color-background-hover) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
#music-controls .play-bar {
|
|
background-color: var(--color-primary-element) !important;
|
|
}
|
|
|
|
/* Icons -------------------------------------------------------------------- */
|
|
.app-music #app-sidebar #follow-playback {
|
|
filter: invert(95%);
|
|
}
|
|
.app-music img.play.svg {
|
|
filter: invert(95%);
|
|
}
|
|
.app-music .music-nav-settings img.svg {
|
|
filter: invert(95%);
|
|
}
|
|
.app-music #app-content .play-pause {
|
|
filter: invert(95%);
|
|
}
|
|
.app-music #app-navigation .play-pause {
|
|
filter: unset;
|
|
}
|
|
.app-music .icon-album,
|
|
.app-music .icon-folder-nav,
|
|
.app-music .icon-audiotrack,
|
|
.app-music .icon-library-music,
|
|
.app-music .icon-radio,
|
|
.app-music .icon-podcast,
|
|
.app-music .icon-play-big,
|
|
.app-music .icon-pause-big {
|
|
filter: invert(95%);
|
|
}
|
|
|
|
#music-controls img.control,
|
|
.app-music img.control {
|
|
filter: invert(95%);
|
|
}
|
|
|
|
.current.playing .play-pause,
|
|
.current:not(.playing) .play-pause,
|
|
#app-view :hover > .play-pause,
|
|
#app-view .current.playing div:hover .play-pause {
|
|
filter: invert(95%);
|
|
}
|
|
|
|
.fileActionsMenu .action-music-play img.icon {
|
|
filter: invert(95%);
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Passman ------------------------------------------------------------------ */
|
|
.app-passman .vault_wrapper {
|
|
background: var(--color-background-darker);
|
|
border: 1px solid var(--color-border);
|
|
box-shadow: none;
|
|
}
|
|
.app-passman .vault_wrapper .vaultlist li {
|
|
border-bottom-color: var(--color-border);
|
|
}
|
|
.app-passman .vault_wrapper .vaultlist li:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.app-passman .vault_wrapper .vaultlist li.ng-scope:last-child {
|
|
border-bottom: unset;
|
|
}
|
|
.app-passman .vault_wrapper .login_form .button-geen {
|
|
background-color: var(--color-success);
|
|
border-color: var(--color-success);
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-passman .vault_wrapper .login_form .button-geen:hover {
|
|
border-color: var(--color-success) !important;
|
|
}
|
|
.app-passman .vault_wrapper .login_form .button-geen:active, .app-passman .vault_wrapper .login_form .button-geen:focus {
|
|
border-color: var(--color-primary-element) !important;
|
|
}
|
|
.app-passman .vault_wrapper .login_form .button-red {
|
|
background-color: var(--color-error);
|
|
border-color: var(--color-error);
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-passman .vault_wrapper .login_form .button-red:hover {
|
|
border-color: var(--color-warning) !important;
|
|
}
|
|
.app-passman .vault_wrapper .login_form .button-red:active, .app-passman .vault_wrapper .login_form .button-red:focus {
|
|
background-color: var(--color-warning) !important;
|
|
border-color: var(--color-warning) !important;
|
|
}
|
|
|
|
.app-passman #app-navigation li .bullet-color-red {
|
|
background-color: var(--color-error);
|
|
}
|
|
.app-passman #app-navigation li .bullet-color-yellow {
|
|
background-color: var(--color-warning);
|
|
}
|
|
.app-passman #app-navigation li .bullet-color-green {
|
|
background-color: var(--color-success);
|
|
}
|
|
.app-passman #app-navigation .nav-trashbin a {
|
|
background-color: var(--color-main-background) !important;
|
|
}
|
|
.app-passman #app-navigation .nav-trashbin a:hover {
|
|
background-color: var(--color-background-hover) !important;
|
|
}
|
|
.app-passman #app-navigation .nav-trashbin a.active {
|
|
background-color: var(--color-primary-element) !important;
|
|
}
|
|
|
|
.app-passman #app-content #app-content-wrapper .credential-table tr:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.app-passman #app-content #app-content-wrapper .credential-table tr.selected {
|
|
background-color: var(--color-primary-element);
|
|
}
|
|
.app-passman #app-content #app-content-wrapper .credential-table tr td {
|
|
border-bottom-color: var(--color-border);
|
|
}
|
|
.app-passman #app-content #app-content-wrapper .viewModes .view-mode {
|
|
background-color: var(--color-main-background);
|
|
border-color: var(--color-border) !important;
|
|
}
|
|
.app-passman #app-content #app-content-wrapper .viewModes .view-mode.active {
|
|
background-color: var(--color-primary-element);
|
|
}
|
|
.app-passman #app-content #app-content-wrapper .grid-view .credential {
|
|
border-color: var(--color-border) !important;
|
|
}
|
|
.app-passman #app-content #app-content-wrapper .grid-view .credential .credential_content .tags .tag {
|
|
color: var(--color-main-text) !important;
|
|
}
|
|
.app-passman #app-content #app-content-wrapper .tags .tag,
|
|
.app-passman #app-content #app-content-wrapper .app_sidebar .credential-data .tags .tag {
|
|
background-color: var(--color-background-darker);
|
|
border: 1px solid var(--color-border);
|
|
}
|
|
.app-passman #app-content #app-content-wrapper #passman-controls {
|
|
background-color: inherit;
|
|
border-bottom: 1px solid var(--color-border);
|
|
}
|
|
.app-passman #app-content #app-content-wrapper .edit_credential .compromised-button {
|
|
background-color: var(--color-error);
|
|
border-color: var(--color-error);
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-passman #app-content #app-content-wrapper .edit_credential .compromised-button:hover, .app-passman #app-content #app-content-wrapper .edit_credential .compromised-button:active, .app-passman #app-content #app-content-wrapper .edit_credential .compromised-button:focus {
|
|
border-color: var(--color-warning);
|
|
}
|
|
.app-passman #app-content .tab_header li.active {
|
|
box-shadow: inset 0 -4px var(--color-primary);
|
|
}
|
|
.app-passman #app-content .tab_header li.active .indicator {
|
|
display: none;
|
|
}
|
|
.app-passman #app-content .tab_header li.tab {
|
|
background-color: var(--color-main-background) !important;
|
|
border-right-color: var(--color-border);
|
|
color: var(--color-main-text) !important;
|
|
}
|
|
.app-passman #app-content .tab_header li.tab:hover {
|
|
background-color: var(--color-background-hover) !important;
|
|
}
|
|
.app-passman #app-content .tab_container {
|
|
border: unset;
|
|
}
|
|
.app-passman #app-content .pass-meter .details,
|
|
.app-passman #app-content .pass-meter .pass-meter-message {
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.app-passman #app-content .pass-meter-col .indicator {
|
|
background-color: var(--color-background-darker);
|
|
}
|
|
.app-passman #app-content .pass-meter-col.poor .indicator {
|
|
background-color: var(--color-error);
|
|
}
|
|
.app-passman #app-content .pass-meter-col.weak .indicator {
|
|
background-color: var(--color-warning);
|
|
}
|
|
.app-passman #app-content .pass-meter-col.good .indicator,
|
|
.app-passman #app-content .pass-meter-col.strong .indicator {
|
|
background-color: var(--color-success);
|
|
}
|
|
.app-passman #app-content .icon-label input,
|
|
.app-passman #app-content .pw-gen input {
|
|
background-color: var(--color-main-background);
|
|
border-color: var(--color-border);
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-passman #app-content .pw-gen .generate_pw .cell {
|
|
background-color: var(--color-main-background);
|
|
border-color: var(--color-border);
|
|
}
|
|
.app-passman #app-content .inputfile + label {
|
|
background-color: var(--color-background-darker);
|
|
border: 1px solid var(--color-border);
|
|
}
|
|
.app-passman #app-content .inputfile + label:hover {
|
|
border-color: var(--color-primary-element);
|
|
}
|
|
.app-passman #app-content .icon-label .icon-picker .cell {
|
|
background-color: var(--color-main-background);
|
|
border-color: var(--color-border);
|
|
}
|
|
.app-passman #app-content .icon-label .icon-picker .cell:hover {
|
|
border-color: var(--color-primary-element);
|
|
}
|
|
.app-passman #app-content .btn-danger {
|
|
background-color: var(--color-error);
|
|
background-image: none;
|
|
border-color: var(--color-error);
|
|
box-shadow: none;
|
|
color: var(--color-main-text);
|
|
text-shadow: none;
|
|
}
|
|
.app-passman #app-content .btn-danger:hover {
|
|
background-color: var(--color-error);
|
|
border-color: var(--color-warning) !important;
|
|
}
|
|
.app-passman #app-content .btn-danger:focus, .app-passman #app-content .btn-danger:active {
|
|
background-color: var(--color-warning) !important;
|
|
border-color: var(--color-warning) !important;
|
|
}
|
|
|
|
tags-input .tags {
|
|
background-color: var(--color-main-background) !important;
|
|
border: 1px solid var(--color-border) !important;
|
|
box-shadow: none !important;
|
|
}
|
|
tags-input .tags.focused {
|
|
border-color: var(--color-primary-element) !important;
|
|
box-shadow: none !important;
|
|
}
|
|
tags-input .tags .tag-item {
|
|
border-color: var(--color-border) !important;
|
|
color: var(--color-main-text) !important;
|
|
}
|
|
tags-input.ng-invalid .tags {
|
|
border-color: var(--color-error) !important;
|
|
box-shadow: none !important;
|
|
}
|
|
tags-input .autocomplete {
|
|
background-color: var(--color-background-darker) !important;
|
|
border: 1px solid var(--color-border) !important;
|
|
box-shadow: none !important;
|
|
}
|
|
tags-input .autocomplete .suggestion-item.selected {
|
|
background-color: var(--color-background-hover) !important;
|
|
color: var(--color-main-text) !important;
|
|
}
|
|
|
|
.angularjs-datetime-picker {
|
|
background: var(--color-main-background) !important;
|
|
border-color: var(--color-border) !important;
|
|
color: var(--color-main-text) !important;
|
|
}
|
|
.angularjs-datetime-picker .adp-month {
|
|
background: var(--color-main-background) !important;
|
|
border-bottom-color: var(--color-border) !important;
|
|
}
|
|
.angularjs-datetime-picker .adp-month > button {
|
|
color: var(--color-main-text) !important;
|
|
}
|
|
.angularjs-datetime-picker .adp-month > button:hover {
|
|
color: var(--color-primary-element) !important;
|
|
}
|
|
.angularjs-datetime-picker .adp-month > button:active, .angularjs-datetime-picker .adp-month > button:focus {
|
|
background-color: transparent !important;
|
|
color: var(--color-primary-element) !important;
|
|
}
|
|
.angularjs-datetime-picker .adp-days > .adp-day.selected {
|
|
background: var(--color-background-hover) !important;
|
|
border-color: var(--color-primary-element) !important;
|
|
}
|
|
.angularjs-datetime-picker .adp-days > .adp-day.selectable:hover {
|
|
background: var(--color-background-hover) !important;
|
|
}
|
|
|
|
.sequence code {
|
|
border: unset !important;
|
|
}
|
|
|
|
.iconpicker-dialog,
|
|
.iconpicker-dialog .ui-dialog,
|
|
.shareincoming-dialog,
|
|
.shareincoming-dialog .ui-dialog,
|
|
.custom-search-dialog,
|
|
.custom-search-dialog .ui-dialog {
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.iconpicker-dialog .ui-button.ui-button-icon-only {
|
|
background-color: var(--color-main-background) !important;
|
|
}
|
|
|
|
#passman-settings #mover table tr:hover {
|
|
background-color: unset;
|
|
}
|
|
|
|
/* Icons -------------------------------------------------------------------- */
|
|
.app-passman .icon-expired {
|
|
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PHBhdGggZD0nTTEzIDNjLTQuOTcgMC05IDQuMDMtOSA5SDFsMy44OSAzLjg5LjA3LjE0TDkgMTJINmMwLTMuODcgMy4xMy03IDctN3M3IDMuMTMgNyA3LTMuMTMgNy03IDdjLTEuOTMgMC0zLjY4LS43OS00Ljk0LTIuMDZsLTEuNDIgMS40MkM4LjI3IDE5Ljk5IDEwLjUxIDIxIDEzIDIxYzQuOTcgMCA5LTQuMDMgOS05cy00LjAzLTktOS05em0tMSA1djVsNC4yOCAyLjU0LjcyLTEuMjEtMy41LTIuMDhWOEgxMnonIGZpbGw9JyNmMmYyZjInLz48L3N2Zz4=") !important;
|
|
}
|
|
.app-passman .icon-label .icon-image {
|
|
background-image: unset !important;
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2018, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Passwords ---------------------------------------------------------------- */
|
|
.app-passwords #app-navigation .nav-icon-recent,
|
|
.app-passwords #app-navigation .nav-icon-favorites {
|
|
background-image: none;
|
|
}
|
|
.app-passwords #app-navigation ul li {
|
|
opacity: 1;
|
|
}
|
|
.app-passwords #app-navigation ul li:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
|
|
.app-passwords #app-content #controls .passwords-more-menu .menu {
|
|
transition: border 0.25s ease-in-out, max-height 0.25s ease-in-out;
|
|
}
|
|
.app-passwords #app-content .item-list .row.header, .app-passwords #app-content .item-list .row.header .date {
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-passwords #app-content .item-list .row .date {
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.app-passwords #app-content .item-list .row .genericIcon {
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-passwords #app-content .item-list .row .more .popovermenu.bubble.menu li {
|
|
color: var(--color-main-text);
|
|
opacity: 0.7;
|
|
}
|
|
.app-passwords #app-content .item-list .row .more .popovermenu.bubble.menu li:hover {
|
|
opacity: 1;
|
|
}
|
|
.app-passwords #app-content .backup-dialog h1 {
|
|
background-color: var(--color-background-darker);
|
|
}
|
|
.app-passwords #app-content .backup-dialog h1::before {
|
|
border-color: var(--color-border);
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-passwords #app-content .help .handbook-page code,
|
|
.app-passwords #app-content .help .handbook-page pre {
|
|
background-color: var(--color-background-darker);
|
|
}
|
|
.app-passwords #app-content .help .handbook-page a {
|
|
color: var(--color-text-link) !important;
|
|
}
|
|
.app-passwords #app-content .app-content-right .item-details .infos {
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.app-passwords #app-content .app-content-right .item-details .infos .tags-container .tags .tag {
|
|
background-color: var(--color-background-darker) !important;
|
|
border: 1px solid var(--color-border);
|
|
}
|
|
.app-passwords #app-content .app-content-right .item-details .tab-container .tab-titles .tab-title {
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-passwords #app-content .app-content-left.settings section.danger input[type=button]:hover {
|
|
border-color: var(--color-error);
|
|
}
|
|
|
|
.app-passwords #app-popup #passwords-create-new .window form.content .section-title,
|
|
.app-passwords #app-popup #passwords-create-new .window form.content .open .foldout-title {
|
|
border-color: var(--color-border);
|
|
}
|
|
.app-passwords #app-popup #passwords-create-new .window form.content .notes-container .editor-toolbar a:hover {
|
|
border-color: var(--color-primary-element);
|
|
}
|
|
.app-passwords #app-popup #passwords-create-new .window form.content .notes-container .editor-toolbar a.active {
|
|
background-color: var(--color-primary-element);
|
|
border-color: var(--color-primary-element);
|
|
}
|
|
.app-passwords #app-popup #passwords-create-new .window form.content .notes-container .editor-toolbar.disabled-for-preview a:not(.no-disable) {
|
|
background-color: var(--color-background-alternate);
|
|
border: unset;
|
|
}
|
|
.app-passwords #app-popup #passwords-create-new .window form.content .notes-container .CodeMirror .editor-preview {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
.app-passwords #app-popup #passwords-create-new .window form.content .notes-container .CodeMirror span.CodeMirror-selectedtext {
|
|
background-color: var(--color-primary-element);
|
|
padding: 1.225px 0;
|
|
}
|
|
|
|
.oc-dialog #pw-field-color {
|
|
background-color: var(--color-main-background);
|
|
border: unset;
|
|
}
|
|
|
|
.oc-dialog-buttonrow.twobuttons button.primary {
|
|
border-color: var(--color-border);
|
|
}
|
|
.oc-dialog-buttonrow.twobuttons button.primary:hover, .oc-dialog-buttonrow.twobuttons button.primary:active, .oc-dialog-buttonrow.twobuttons button.primary:focus {
|
|
border-color: var(--color-primary-element);
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Phone Sync --------------------------------------------------------------- */
|
|
.app-ocsms #app-navigation {
|
|
border-left: unset;
|
|
}
|
|
.app-ocsms #app-navigation .ocsms-plname {
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-ocsms #app-navigation #app-mailbox-peers li {
|
|
border-top: 1px solid var(--color-border);
|
|
}
|
|
.app-ocsms #app-navigation #app-mailbox-peers li:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.app-ocsms #app-navigation #app-mailbox-peers li:hover a {
|
|
background: unset;
|
|
}
|
|
|
|
.app-ocsms #app-content #app-content-header {
|
|
box-shadow: unset;
|
|
}
|
|
.app-ocsms #app-content .msg-recv {
|
|
background-color: var(--color-background-darker);
|
|
border-color: var(--color-border);
|
|
box-shadow: none;
|
|
}
|
|
.app-ocsms #app-content .msg-sent {
|
|
background-color: var(--color-background-darker);
|
|
border-color: var(--color-success);
|
|
box-shadow: none;
|
|
}
|
|
.app-ocsms #app-content .msg-date {
|
|
color: var(--color-text-maxcontrast);
|
|
opacity: 1;
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2021, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Phonetrack --------------------------------------------------------------- */
|
|
.app-phonetrack hr {
|
|
background-color: var(--color-border);
|
|
}
|
|
.app-phonetrack .dropdown-content {
|
|
border: 1px solid var(--color-border);
|
|
filter: unset;
|
|
}
|
|
.app-phonetrack .session {
|
|
border-color: var(--color-border);
|
|
}
|
|
.app-phonetrack button,
|
|
.app-phonetrack .leaflet-control-measure {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
.app-phonetrack .leaflet-control-measure h3,
|
|
.app-phonetrack .leaflet-measure-resultpopup h3 {
|
|
border-bottom-color: var(--color-border);
|
|
}
|
|
.app-phonetrack .toplink:link,
|
|
.app-phonetrack .toplink:visited {
|
|
color: var(--color-text-link);
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2018, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Polls -------------------------------------------------------------------- */
|
|
.app-polls #app-content .table-row.table-header {
|
|
opacity: 1;
|
|
}
|
|
.app-polls #app-content .table .pollListItem a {
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-polls #app-content .toggle-cell.yes, .app-polls #app-content .toggle-cell.maybe, .app-polls #app-content .toggle-cell.no {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
.app-polls #app-content .poll-cell.yes {
|
|
color: var(--color-success);
|
|
}
|
|
.app-polls #app-content .poll-cell.maybe {
|
|
color: var(--color-warning);
|
|
}
|
|
.app-polls #app-content .poll-cell.no {
|
|
color: var(--color-error);
|
|
}
|
|
.app-polls #app-content input.success,
|
|
.app-polls #app-content input.icon-confirn.success {
|
|
background-color: var(--color-main-background) !important;
|
|
border-color: var(--color-success) !important;
|
|
}
|
|
.app-polls #app-content input.error {
|
|
background-color: var(--color-main-background) !important;
|
|
border-color: var(--color-error) !important;
|
|
}
|
|
.app-polls #app-content .vote-row .counter .yes {
|
|
background-color: var(--color-success);
|
|
}
|
|
.app-polls #app-content .vote-row .counter .no {
|
|
background-color: var(--color-error);
|
|
}
|
|
|
|
.app-polls #app-sidebar.detailsView .pollInformation .cloud .open {
|
|
background-color: var(--color-success);
|
|
}
|
|
.app-polls #app-sidebar.detailsView .pollInformation .cloud .information {
|
|
background-color: var(--color-warning);
|
|
}
|
|
.app-polls #app-sidebar .pollActions li a {
|
|
opacity: 0.7;
|
|
}
|
|
.app-polls #app-sidebar .pollActions li a:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.app-polls .tabHeaders .tabHeader.selected, .app-polls .tabHeaders .tabHeader:hover, .app-polls .tabHeaders .tabHeader:focus {
|
|
border-bottom-color: var(--color-border);
|
|
}
|
|
|
|
/* Datepicker */
|
|
.app-polls .mx-datepicker .mx-datepicker-popup {
|
|
background-color: var(--color-main-background) !important;
|
|
border-color: var(--color-border) !important;
|
|
}
|
|
|
|
.app-polls .modal-dialog {
|
|
border: 1px solid var(--color-border) !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.app-settings .app-settings__content .checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__input:hover + .checkbox-radio-switch__label,
|
|
.app-settings .app-settings__content .checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__input:focus + .checkbox-radio-switch__label {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2018, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Quick Notes -------------------------------------------------------------- */
|
|
.app-quicknotes #app-navigation #new-note-fixed {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
.app-quicknotes #app-navigation #colors-folder .circle-toolbar.any-color {
|
|
background-color: var(--color-background-alternate);
|
|
}
|
|
|
|
.app-quicknotes .quicknote {
|
|
box-shadow: none;
|
|
color: #000;
|
|
}
|
|
.app-quicknotes .quicknote:hover {
|
|
box-shadow: none;
|
|
}
|
|
|
|
/***
|
|
* @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)
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Terms of service --------------------------------------------------------- */
|
|
#terms_of_service_confirm .v--modal-overlay .v--modal-background-click {
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
#terms_of_service_confirm .v--modal-overlay .v--modal-background-click .v--modal.v--modal-box {
|
|
background-color: var(--color-main-background);
|
|
border: 1px solid var(--color-border);
|
|
box-shadow: none;
|
|
padding: 1em;
|
|
}
|
|
#terms_of_service_confirm .v--modal-overlay .v--modal-background-click .v--modal.v--modal-box #tos-overlay button.primary {
|
|
margin: 1em auto;
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2021, Magnus Walbeck (mw@mwalbeck.org)
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* TimeManager -------------------------------------------------------------- */
|
|
.app-timemanager {
|
|
--border: 1px solid var(--color-border);
|
|
--borderHoverColor: var(--color-primary-element);
|
|
--borderFocusColor: var(--color-primary-element);
|
|
--itemHoverBG: var(--color-background-hover);
|
|
--itemIsActiveBG: var(--color-primary);
|
|
--inputColor: var(--color-main-text);
|
|
--listEmptyColor: var(--color-text-maxcontrast);
|
|
--multiItemBG: var(--color-background-darker);
|
|
--multiItemActiveBG: var(--color-background-hover);
|
|
--itemFirstBorderRadius: 0;
|
|
}
|
|
.app-timemanager .tm_summary {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
.app-timemanager .listContainer {
|
|
border: 1px solid var(--color-border);
|
|
}
|
|
.app-timemanager .selectContainer input:not([type=range]):not([type=button]):not([type=submit]):active {
|
|
background-color: transparent;
|
|
}
|
|
.app-timemanager .tm_item-date {
|
|
font-weight: inherit;
|
|
}
|
|
.app-timemanager .tm_item-row:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.app-timemanager .tm_item-row a:hover {
|
|
background-color: transparent;
|
|
}
|
|
.app-timemanager .tm_item-row a:active,
|
|
.app-timemanager .tm_item-row a:focus {
|
|
background-color: var(--color-primary);
|
|
}
|
|
|
|
/* Icons -------------------------------------------------------------------- */
|
|
.app-timemanager #app-navigation ul li img {
|
|
filter: invert(95%);
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* User account deletion ---------------------------------------------------- */
|
|
#delete-account-settings .warnings {
|
|
color: var(--color-error);
|
|
}
|
|
|
|
button#deleteaccount {
|
|
border-color: var(--color-error);
|
|
}
|
|
button#deleteaccount:hover:not(:disabled):not(.primary):not(#quota) {
|
|
background-color: var(--color-error);
|
|
border-color: var(--color-error);
|
|
}
|
|
button#deleteaccount:disabled {
|
|
background-color: var(--color-background-alternate);
|
|
border-color: var(--color-border);
|
|
}
|
|
|
|
/***
|
|
* @copyright Copyright (c) 2018, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Weather ------------------------------------------------------------------ */
|
|
.app-weather #city-list-left {
|
|
background-color: var(--color-main-background);
|
|
border-left: unset;
|
|
border-right-color: var(--color-border);
|
|
}
|
|
.app-weather #city-list-left .city-list li a {
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-weather #city-list-left .city-list li:hover, .app-weather #city-list-left .city-list li:hover > a {
|
|
background-color: var(--color-background-hover);
|
|
box-shadow: inset 4px 0 var(--color-primary);
|
|
}
|
|
.app-weather #city-list-left .city-list li.selected, .app-weather #city-list-left .city-list li.selected a {
|
|
background-color: var(--color-primary-element);
|
|
box-shadow: inset 4px 0 var(--color-primary);
|
|
color: var(--color-main-text);
|
|
font-weight: 600;
|
|
}
|
|
.app-weather #city-list-left .city-list #create-city {
|
|
background-color: var(--color-main-background);
|
|
border-bottom-color: var(--color-primary-element);
|
|
border-left: unset;
|
|
border-right: unset;
|
|
border-top-color: var(--color-primary-element);
|
|
}
|
|
.app-weather #city-list-left .city-list #create-city h1 {
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-weather #city-list-left .city-list #create-city hr {
|
|
background: var(--color-border);
|
|
}
|
|
|
|
.app-weather #city-right table tr {
|
|
background-color: unset;
|
|
}
|
|
|
|
/*# sourceMappingURL=server.css.map */
|