mirror of
https://github.com/mwalbeck/nextcloud-breeze-dark.git
synced 2025-05-15 22:10:26 +00:00
Magnus Walbeck
813bc42c43
* Implement new system for individual user settings * Fix some styling for NC core * General styling fixes for apps * Implement new enforce theme system to replace the enabled by default system The old system doesn't really work with the new theming system in Nextcloud, so this new system is needed to achieve similar, although different, functionality. * Don't allow user to enable / disable the theme if the theme is enforced (it would have no effect) * Remove all references to icon variables as they no longer exist * Implement repair step to migrate user settings
3295 lines
125 KiB
CSS
3295 lines
125 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/>.
|
|
*
|
|
*/
|
|
:root {
|
|
--breezedark-automatic-activation-enabled: 1;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
/**
|
|
* =============================================================================
|
|
* 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-border: var(--color-border-grey) !important;
|
|
--color-border-dark: 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;
|
|
}
|
|
/***
|
|
* @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.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.primary:hover,
|
|
.button.primary:hover,
|
|
input[type=button].primary:hover,
|
|
input[type=submit].primary:hover {
|
|
border-color: var(--color-primary-element) !important;
|
|
}
|
|
button:focus, button:active, button.primary:focus, button.primary:active,
|
|
.button: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 {
|
|
background-color: var(--color-main-background) !important;
|
|
border: 1px solid var(--color-border) !important;
|
|
color: var(--color-main-text) !important;
|
|
}
|
|
.button-vue.button-vue--vue-secondary:hover {
|
|
border-color: var(--color-primary-element) !important;
|
|
}
|
|
.button-vue.button-vue--vue-secondary:focus, .button-vue.button-vue--vue-secondary:active {
|
|
background-color: var(--color-primary) !important;
|
|
border-color: var(--color-primary-element) !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__label:hover,
|
|
.checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__label:focus-within {
|
|
background-color: var(--color-background-hover) !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;
|
|
}
|
|
/* 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);
|
|
}
|
|
.bubble::after,
|
|
.app-navigation-entry-menu::after,
|
|
.menu::after,
|
|
.popovermenu::after {
|
|
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;
|
|
}
|
|
/* 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;
|
|
}
|
|
/* 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);
|
|
}
|
|
/***
|
|
* @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;
|
|
}
|
|
/* 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) 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;
|
|
}
|
|
/***
|
|
* @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;
|
|
}
|
|
.color-picker .vc-chrome {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
.color-picker .vc-chrome .vc-chrome-saturation-wrap {
|
|
border: 1px solid var(--color-border);
|
|
}
|
|
.color-picker .vc-chrome .vc-chrome-body {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
.color-picker .vc-chrome .vc-chrome-body .vc-chrome-controls .vc-chrome-color-wrap .vc-chrome-active-color {
|
|
border: 1px solid var(--color-border);
|
|
}
|
|
.modal--scheduler .fc .fc-button-primary {
|
|
background-color: var(--color-main-background);
|
|
border-color: var(--color-border);
|
|
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) 2020, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* AppOrder ----------------------------------------------------------------- */
|
|
.app-settings #app-content #appsorter img.app-icon {
|
|
filter: invert(5%);
|
|
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.
|
|
*/
|
|
/* 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) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Flow Upload -------------------------------------------------------------- */
|
|
.app-flowupload {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
.app-flowupload hr {
|
|
border-bottom-color: var(--color-border);
|
|
border-top-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.
|
|
*/
|
|
/* 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) 2022, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* GpxEdit ------------------------------------------------------------------ */
|
|
.app-gpxedit .sidebar.leaflet-touch {
|
|
border-color: var(--color-border);
|
|
}
|
|
.app-gpxedit .sidebar-tabs,
|
|
.app-gpxedit .sidebar-content {
|
|
background-color: var(--color-main-background);
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-gpxedit .sidebar-tabs > li.active {
|
|
background-color: var(--color-background-darker);
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-gpxedit .sidebar-tabs > li:hover {
|
|
background-color: var(--color-background-hover);
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-gpxedit #metadatalabel {
|
|
background-color: var(--color-main-background);
|
|
border-color: var(--color-border);
|
|
}
|
|
.app-gpxedit #gpxeditsettings {
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-gpxedit .toplink,
|
|
.app-gpxedit .toplink:link,
|
|
.app-gpxedit .toplink:visited,
|
|
.app-gpxedit .toplink:hover {
|
|
color: var(--color-text-link);
|
|
}
|
|
.app-gpxedit .leaflet-container .leaflet-bar {
|
|
background-color: var(--color-main-background);
|
|
border-color: var(--color-border) !important;
|
|
box-shadow: none !important;
|
|
}
|
|
.app-gpxedit .leaflet-container .leaflet-bar a {
|
|
background-color: var(--color-main-background);
|
|
border-bottom-color: var(--color-border);
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-gpxedit .leaflet-container .leaflet-bar a .fa {
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-gpxedit .leaflet-container .leaflet-control-geocoder {
|
|
background-color: var(--color-main-background);
|
|
border-color: var(--color-border);
|
|
box-shadow: none;
|
|
}
|
|
.app-gpxedit .leaflet-container .leaflet-control-geocoder .leaflet-control-geocoder-icon {
|
|
filter: invert(95%);
|
|
}
|
|
.app-gpxedit .leaflet-container .leaflet-control-geocoder .leaflet-control-geocoder-form input {
|
|
background: var(--color-main-background);
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-gpxedit .leaflet-container .leaflet-control-geocoder .leaflet-control-geocoder-alternatives li {
|
|
border-bottom-color: var(--color-border);
|
|
}
|
|
.app-gpxedit .leaflet-container .leaflet-control-geocoder .leaflet-control-geocoder-alternatives a {
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-gpxedit .leaflet-container .leaflet-control-geocoder .leaflet-control-geocoder-alternatives a:hover,
|
|
.app-gpxedit .leaflet-container .leaflet-control-geocoder .leaflet-control-geocoder-selected {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.app-gpxedit .leaflet-container .leaflet-control-geocoder-address-context {
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.app-gpxedit .leaflet-container .leaflet-control-layers {
|
|
background: var(--color-main-background);
|
|
border-color: var(--color-border);
|
|
box-shadow: none;
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-gpxedit .leaflet-container .leaflet-popup-content-wrapper,
|
|
.app-gpxedit .leaflet-container .leaflet-popup-tip {
|
|
background: var(--color-main-background);
|
|
border: 1px solid var(--color-border);
|
|
box-shadow: none;
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-gpxedit .leaflet-container .leaflet-control-minimap {
|
|
background: var(--color-main-background);
|
|
border: solid var(--color-main-background) 4px;
|
|
box-shadow: none;
|
|
}
|
|
.app-gpxedit .leaflet-container .leaflet-control-minimap a {
|
|
background-color: rgba(255, 255, 255, 0.73);
|
|
}
|
|
.app-gpxedit .leaflet-container .leaflet-control-mouseposition {
|
|
background-color: var(--color-main-background);
|
|
border: 1px solid var(--color-border);
|
|
border-bottom: unset;
|
|
box-shadow: none;
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.app-gpxedit .leaflet-container .leaflet-control-attribution {
|
|
background-color: var(--color-main-background);
|
|
border: 1px solid var(--color-border);
|
|
border-bottom: unset;
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.app-gpxedit .leaflet-container .leaflet-control-attribution a {
|
|
color: var(--color-text-link);
|
|
}
|
|
.app-gpxedit .leaflet-container .leaflet-control-scale-line {
|
|
background-color: rgba(49, 54, 59, 0.75);
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-gpxedit .leaflet-container .leaflet-tooltip {
|
|
background-color: var(--color-main-background);
|
|
border-color: var(--color-border);
|
|
box-shadow: none;
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-gpxedit .leaflet-container .leaflet-tooltip-left::before {
|
|
border-left-color: var(--color-border);
|
|
}
|
|
.app-gpxedit .leaflet-container .leaflet-tooltip-right::before {
|
|
border-right-color: var(--color-border);
|
|
}
|
|
/* Icons -------------------------------------------------------------------- */
|
|
.app-gpxedit .leaflet-container a.icon-ruler,
|
|
.app-gpxedit .leaflet-container a.leaflet-draw-draw-polyline,
|
|
.app-gpxedit .leaflet-container a.leaflet-draw-draw-marker,
|
|
.app-gpxedit .leaflet-container a.leaflet-draw-edit-edit,
|
|
.app-gpxedit .leaflet-container a.leaflet-draw-edit-remove {
|
|
background-color: transparent;
|
|
filter: invert(1);
|
|
}
|
|
.oc-dialog .oc-dialog-content .ui-icon-alert,
|
|
.leaflet-control-minimap-toggle-display {
|
|
filter: invert(1);
|
|
}
|
|
/***
|
|
* @copyright Copyright (c) 2021, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* GpxMotion ---------------------------------------------------------------- */
|
|
.app-gpxmotion .toplink:link,
|
|
.app-gpxmotion .toplink:visited {
|
|
color: var(--color-text-link);
|
|
}
|
|
/***
|
|
* @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;
|
|
}
|
|
/***
|
|
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Music -------------------------------------------------------------------- */
|
|
/* Icons -------------------------------------------------------------------- */
|
|
/***
|
|
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* ocDownloader ------------------------------------------------------------- */
|
|
/***
|
|
* @copyright Copyright (c) 2020, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* JavaScript XMPP Chat ----------------------------------------------------- */
|
|
/* Icons -------------------------------------------------------------------- */
|
|
/***
|
|
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Passman ------------------------------------------------------------------ */
|
|
/* Icons -------------------------------------------------------------------- */
|
|
/***
|
|
* @copyright Copyright (c) 2018, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Passwords ---------------------------------------------------------------- */
|
|
/***
|
|
* @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 --------------------------------------------------------------- */
|
|
/***
|
|
* @copyright Copyright (c) 2021, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Phonetrack --------------------------------------------------------------- */
|
|
/***
|
|
* @copyright Copyright (c) 2018, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Polls -------------------------------------------------------------------- */
|
|
/* Datepicker */
|
|
/***
|
|
* @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 -------------------------------------------------------------- */
|
|
/***
|
|
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Radio -------------------------------------------------------------------- */
|
|
/***
|
|
* @copyright Copyright (c) 2020, Magnus Walbeck (mw@mwalbeck.org)
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Terms of service --------------------------------------------------------- */
|
|
/***
|
|
* @copyright Copyright (c) 2021, Magnus Walbeck (mw@mwalbeck.org)
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* TimeManager -------------------------------------------------------------- */
|
|
/* Icons -------------------------------------------------------------------- */
|
|
/***
|
|
* @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 ---------------------------------------------------- */
|
|
/***
|
|
* @copyright Copyright (c) 2018, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
/* Weather ------------------------------------------------------------------ */
|
|
}
|
|
@media screen and (prefers-color-scheme: dark) 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;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.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);
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.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;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
#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;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.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%);
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
#music-controls img.control,
|
|
.app-music img.control {
|
|
filter: invert(95%);
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.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%);
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.fileActionsMenu .action-music-play img.icon {
|
|
filter: invert(95%);
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.app-ocdownloader #app-navigation li > div > a {
|
|
color: var(--color-main-text);
|
|
}
|
|
.app-ocdownloader #app-navigation li[data-id=all] {
|
|
border-color: var(--color-border);
|
|
}
|
|
.app-ocdownloader #app-navigation li:hover > div > a,
|
|
.app-ocdownloader #app-navigation li:focus > div > a,
|
|
.app-ocdownloader #app-navigation a:focus {
|
|
background-color: unset;
|
|
}
|
|
.app-ocdownloader #app-navigation li:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.app-ocdownloader #app-content #app-content-wrapper #controls {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
.app-ocdownloader #app-content #app-content-wrapper .content-page {
|
|
border-bottom-color: var(--color-border);
|
|
}
|
|
.app-ocdownloader #app-content #app-content-wrapper .actions > div.button > ul {
|
|
background: var(--color-main-background);
|
|
border-color: var(--color-border);
|
|
box-shadow: none;
|
|
}
|
|
.app-ocdownloader #app-content #app-content-wrapper .jumbotron {
|
|
background-color: var(--color-main-background);
|
|
border-bottom-color: var(--color-border);
|
|
}
|
|
.app-ocdownloader #app-content #app-content-wrapper #TorrentsList > ul > li > p > a {
|
|
color: var(--color-text-link);
|
|
}
|
|
.app-ocdownloader #app-content #app-content-wrapper .content-queue > table > thead > tr {
|
|
background-color: var(--color-background-darker);
|
|
}
|
|
.app-ocdownloader #app-content #app-content-wrapper .content-queue > table > thead > tr > th {
|
|
border-bottom-color: var(--color-border);
|
|
}
|
|
.app-ocdownloader #app-content #app-content-wrapper .content-queue > table > thead > tr > th.border {
|
|
border-left-color: var(--color-border);
|
|
}
|
|
.app-ocdownloader #app-content #app-content-wrapper .content-queue > table > tbody > tr > td {
|
|
border-bottom-color: var(--color-border);
|
|
}
|
|
.app-ocdownloader #app-content #app-content-wrapper .content-queue > table > tbody > tr > td.border {
|
|
border-left-color: var(--color-border);
|
|
}
|
|
.app-ocdownloader #app-content #app-content-wrapper .content-queue > table > tbody > tr > td .pb-value {
|
|
background: var(--color-background-hover) top left no-repeat;
|
|
}
|
|
.app-ocdownloader #app-content #app-content-wrapper .content-queue > table > tbody > tr > td > a {
|
|
color: var(--color-text-link);
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.app-settings #ocdownloader form#ocdownloader > p > span.info {
|
|
color: var(--color-main-text);
|
|
font-weight: 600;
|
|
}
|
|
.app-settings #ocdownloader form#ocdownloader hr {
|
|
background-color: none;
|
|
color: var(--color-border);
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.jsxc-button--default,
|
|
.jsxc-button--primary {
|
|
background-color: var(--color-main-background);
|
|
border: 1px solid var(--color-border);
|
|
color: var(--color-main-text);
|
|
transition: none;
|
|
}
|
|
.jsxc-button--default:hover,
|
|
.jsxc-button--primary:hover {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.jsxc-button[disabled],
|
|
.jsxc-button[disabled]:hover {
|
|
background-color: var(--color-background-alternate);
|
|
border: 1px solid var(--color-border);
|
|
color: var(--color-main-text);
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
#jsxc-roster {
|
|
background-color: var(--color-main-background);
|
|
border-left-color: var(--color-border);
|
|
}
|
|
#jsxc-roster input {
|
|
background-color: var(--color-background-darker);
|
|
border-color: var(--color-border);
|
|
}
|
|
#jsxc-roster .jsxc-roster-toggle {
|
|
background-color: var(--color-background-darker);
|
|
border: 1px solid var(--color-border);
|
|
}
|
|
#jsxc-roster .jsxc-roster-toggle::after {
|
|
border-right-color: var(--color-border);
|
|
}
|
|
#jsxc-roster .jsxc-roster-item {
|
|
color: var(--color-main-text);
|
|
}
|
|
#jsxc-roster .jsxc-roster-item:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
#jsxc-roster .jsxc-roster-item .jsxc-menu__content {
|
|
border: 1px solid var(--color-border);
|
|
}
|
|
#jsxc-roster > .jsxc-bottom {
|
|
background-color: var(--color-main-background);
|
|
border-top: 1px solid var(--color-border);
|
|
}
|
|
#jsxc-roster[data-mute=yes] .jsxc-js-presence-menu .jsxc-menu__button::after {
|
|
filter: invert(95%);
|
|
opacity: 0.7;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.jsxc-menu {
|
|
color: var(--color-main-text);
|
|
}
|
|
.jsxc-menu.jsxc-menu--light li {
|
|
color: var(--color-main-text);
|
|
opacity: 0.7;
|
|
}
|
|
.jsxc-menu.jsxc-menu--light li:hover,
|
|
.jsxc-menu.jsxc-menu--light li > span:hover {
|
|
cursor: pointer;
|
|
opacity: 1;
|
|
}
|
|
.jsxc-menu.jsxc-menu--light li.jsxc-disabled {
|
|
color: var(--color-text-maxcontrast);
|
|
opacity: 0.5;
|
|
}
|
|
.jsxc-menu.jsxc-menu--light li.jsxc-disabled:hover {
|
|
cursor: default;
|
|
}
|
|
.jsxc-menu.jsxc-menu--dark li:hover {
|
|
background-color: var(--color-background-hover);
|
|
box-shadow: 0 0 0 1px var(--color-primary-element) inset;
|
|
color: var(--color-main-text);
|
|
}
|
|
.jsxc-menu .jsxc-menu__content {
|
|
background-color: var(--color-main-background);
|
|
box-shadow: none;
|
|
filter: none;
|
|
}
|
|
.jsxc-menu .jsxc-menu__content::after {
|
|
color: var(--color-border);
|
|
}
|
|
.jsxc-menu.jsxc-menu--pushup ul {
|
|
background-color: var(--color-background-darker);
|
|
border-top-color: var(--color-border);
|
|
}
|
|
.jsxc-menu.jsxc-menu--pushup ul li {
|
|
color: var(--color-main-text);
|
|
}
|
|
.jsxc-menu.jsxc-menu--pushup ul li:hover:not(.jsxc-disabled) {
|
|
background-color: var(--color-background-hover);
|
|
color: var(--color-main-text);
|
|
opacity: 1;
|
|
}
|
|
.jsxc-menu.jsxc-menu--pushup ul li:last-child {
|
|
border-bottom-color: var(--color-border);
|
|
}
|
|
.jsxc-menu.jsxc-menu--pushup ul li a {
|
|
color: var(--color-main-text);
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.jsxc-dialog-wrapper {
|
|
background-color: var(--color-background-blur);
|
|
}
|
|
.jsxc-dialog-wrapper .jsxc-dialog {
|
|
background-color: var(--color-main-background);
|
|
border-color: var(--color-border);
|
|
}
|
|
.jsxc-dialog-wrapper .jsxc-dialog .jsxc-page section {
|
|
border-top-color: var(--color-border);
|
|
}
|
|
.jsxc-dialog-wrapper .jsxc-dialog .jsxc-page h2 {
|
|
color: var(--color-main-text);
|
|
}
|
|
.jsxc-dialog-wrapper .jsxc-dialog .jsxc-page .jsxc-list__item--clickable:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.jsxc-dialog-wrapper .jsxc-dialog .form-group input {
|
|
background-color: var(--color-background-darker);
|
|
border-color: var(--color-border);
|
|
box-shadow: none;
|
|
color: var(--color-main-text);
|
|
}
|
|
.jsxc-dialog-wrapper .jsxc-dialog .form-group input:invalid {
|
|
border-color: var(--color-error);
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.jsxc-window-item.jsxc-normal .jsxc-bar--window {
|
|
background-color: var(--color-primary-element);
|
|
color: var(--color-main-text);
|
|
}
|
|
.jsxc-window-item.jsxc-minimized .jsxc-bar--window {
|
|
background-color: var(--color-main-background);
|
|
color: var(--color-main-text);
|
|
}
|
|
.jsxc-window-item .jsxc-menu__content {
|
|
border: 1px solid var(--color-border);
|
|
}
|
|
.jsxc-window-item .jsxc-memberlist {
|
|
background-color: var(--color-primary);
|
|
}
|
|
.jsxc-window-item .jsxc-memberlist ul {
|
|
color: var(--color-main-text);
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.jsxc-window {
|
|
background-color: var(--color-main-background);
|
|
border-color: var(--color-border);
|
|
}
|
|
.jsxc-window .jsxc-message-area .jsxc-out {
|
|
background-color: var(--color-background-darker);
|
|
}
|
|
.jsxc-window .jsxc-message-area .jsxc-in {
|
|
background-color: var(--color-text-selection) !important;
|
|
}
|
|
.jsxc-window .jsxc-timestamp {
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.jsxc-window .jsxc-send-area {
|
|
background-color: var(--color-background-darker);
|
|
}
|
|
.jsxc-window .jsxc-send-area .jsxc-message-input {
|
|
background-color: var(--color-background-darker);
|
|
}
|
|
.jsxc-window .jsxc-send-area .jsxc-message-input::placeholder {
|
|
color: var(--color-text-maxcontrast);
|
|
opacity: 0.7;
|
|
}
|
|
.jsxc-window .jsxc-send-area .jsxc-message-input:hover, .jsxc-window .jsxc-send-area .jsxc-message-input:focus, .jsxc-window .jsxc-send-area .jsxc-message-input:active {
|
|
background-color: var(--color-background-darker) !important;
|
|
}
|
|
.jsxc-window .jsxc-mam-load-more span {
|
|
background-color: var(--color-main-background);
|
|
border: 1px solid var(--color-border);
|
|
border-radius: 16px;
|
|
opacity: 0.7;
|
|
}
|
|
.jsxc-window .jsxc-mam-load-more span:hover {
|
|
background-color: var(--color-background-hover);
|
|
border-color: var(--color-primary-element);
|
|
color: var(--color-main-text);
|
|
opacity: 1;
|
|
}
|
|
.jsxc-window .jsxc-mam-load-more span:focus, .jsxc-window .jsxc-mam-load-more span:active {
|
|
background-color: var(--color-primary-element);
|
|
border-color: var(--color-primary-element);
|
|
color: var(--color-main-text);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.app-settings #ojsxc-admin.ojsxc form.ojsxc input[readonly] {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
.app-settings #ojsxc-admin.ojsxc h3 {
|
|
border-bottom-color: var(--color-border);
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.jsxc-icon--clickable,
|
|
.jsxc-file-transfer {
|
|
opacity: 0.7 !important;
|
|
}
|
|
.jsxc-icon--clickable:hover,
|
|
.jsxc-file-transfer:hover {
|
|
opacity: 1 !important;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.jsxc-icon--menu-dark,
|
|
.jsxc-waiting::before,
|
|
.jsxc-icon--emoticon,
|
|
.jsxc-file-transfer,
|
|
div.jsxc-transfer .jsxc-transfer-icon {
|
|
filter: invert(95%);
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.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;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.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;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.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;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
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;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.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;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.sequence code {
|
|
border: unset !important;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.iconpicker-dialog,
|
|
.iconpicker-dialog .ui-dialog,
|
|
.shareincoming-dialog,
|
|
.shareincoming-dialog .ui-dialog,
|
|
.custom-search-dialog,
|
|
.custom-search-dialog .ui-dialog {
|
|
box-shadow: none !important;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.iconpicker-dialog .ui-button.ui-button-icon-only {
|
|
background-color: var(--color-main-background) !important;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
#passman-settings #mover table tr:hover {
|
|
background-color: unset;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.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;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.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);
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.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);
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.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;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.oc-dialog #pw-field-color {
|
|
background-color: var(--color-main-background);
|
|
border: unset;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.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);
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.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;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.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;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.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);
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.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);
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.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;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.app-polls .tabHeaders .tabHeader.selected, .app-polls .tabHeaders .tabHeader:hover, .app-polls .tabHeaders .tabHeader:focus {
|
|
border-bottom-color: var(--color-border);
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.app-polls .mx-datepicker .mx-datepicker-popup {
|
|
background-color: var(--color-main-background) !important;
|
|
border-color: var(--color-border) !important;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.app-polls .modal-dialog {
|
|
border: 1px solid var(--color-border) !important;
|
|
box-shadow: none !important;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.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);
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.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);
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.app-quicknotes .quicknote {
|
|
box-shadow: none;
|
|
color: #000;
|
|
}
|
|
.app-quicknotes .quicknote:hover {
|
|
box-shadow: none;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.app-radio #app-navigation #app-settings #volumeslider .ui-slider-range {
|
|
background-color: var(--color-primary-element);
|
|
}
|
|
.app-radio #app-navigation #app-settings #volumeslider .ui-slider-handle.ui-state-focus {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
.app-radio #app-navigation #app-settings #playbutton:hover:not(:disabled):not(.primary):not(#quota),
|
|
.app-radio #app-navigation #app-settings #playbutton:active:not(:disabled):not(.primary):not(#quota),
|
|
.app-radio #app-navigation #app-settings #playbutton:focus:not(:disabled):not(.primary):not(#quota) {
|
|
background-color: inherit;
|
|
border: unset;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.app-radio #app-content #app-content-files #filestable th,
|
|
.app-radio #app-content #app-content-files #filestable td {
|
|
border-color: var(--color-border);
|
|
}
|
|
.app-radio #app-content #app-content-files #filestable thead th {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
.app-radio #app-content #app-content-files #filestable tbody tr {
|
|
background-color: var(--color-main-background) !important;
|
|
}
|
|
.app-radio #app-content #app-content-files #filestable tbody tr:hover {
|
|
background-color: var(--color-background-hover) !important;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
#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;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.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);
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.app-timemanager #app-navigation ul li img {
|
|
filter: invert(95%);
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
#delete-account-settings .warnings {
|
|
color: var(--color-error);
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
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);
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.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);
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.app-weather #city-right table tr {
|
|
background-color: unset;
|
|
}
|
|
}
|
|
|
|
/*# sourceMappingURL=server-automatic.css.map */
|