/** * ============================================================================= * 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 * * @author Magnus Walbeck * * @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 . * */ :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 * * @author Magnus Walbeck * * @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 . * */ /*** * @copyright Copyright (c) 2019, Magnus Walbeck * * @license GNU AGPL version 3 or any later version, see COPYING file for more. */ [data-themes*=breezedark] { --color-paper-white: rgba(252, 252, 252, 1); --color-cardboard-gray: rgba(239, 240, 241, 1); --color-icon-gray: rgba(77, 77, 77, 1); --color-charcoal-gray: rgba(49, 54, 59, 1); --color-shade-black: rgba(35, 38, 41, 1); --color-plasma-blue: rgba(61, 174, 233, 1); --color-icon-red: rgba(218, 68, 83, 1); --color-danger-red: rgba(237, 21, 21, 1); --color-beware-orange: rgba(246, 116, 0, 1); --color-icon-yellow: rgba(253, 188, 75, 1); --color-sunbeam-yellow: rgba(201, 206, 59, 1); --color-verdant-green: rgba(17, 209, 22, 1); --color-icon-blue: rgba(29, 153, 243, 1); --color-noble-fir: rgba(39, 174, 96, 1); --color-abyss-blue: rgba(41, 128, 185, 1); --color-coastal-fog: rgba(127, 140, 141, 1); --color-alternate-gray: rgba(189, 195, 199, 1); --color-hover-blue: rgba(61, 174, 233, 0.3); --color-border-grey: rgba(103, 107, 110, 1); --color-dashboard-grey: rgba(49, 54, 59, 0.8); --color-selected-blue: rgba(61, 174, 233, 0.4); --color-main-text: var(--color-cardboard-gray) !important; --color-main-background: var(--color-charcoal-gray) !important; --color-main-background-translucent: var(--color-main-background) !important; --color-background-hover: var(--color-hover-blue) !important; --color-background-dark: var(--color-main-background) !important; --color-background-darker: var(--color-shade-black) !important; --color-background-translucent: var(--color-dashboard-grey) !important; --color-background-plain: var(--color-shade-black) !important; --color-primary: var(--color-plasma-blue) !important; --color-primary-light: var(--color-primary) !important; --color-primary-text: var(--color-paper-white) !important; --color-primary-text-dark: var(--color-main-text) !important; --color-primary-element: var(--color-primary) !important; --color-primary-element-light: var(--color-primary) !important; --color-error: var(--color-icon-red) !important; --color-warning: var(--color-beware-orange) !important; --color-neutral: var(--color-sunbeam-yellow) !important; --color-success: var(--color-noble-fir) !important; --color-text-maxcontrast: var(--color-alternate-gray) !important; --color-text-light: var(--color-main-text) !important; --color-text-lighter: var(--color-text-maxcontrast) !important; --color-text-dark: rgba(0, 0, 0, 1) !important; --color-text-selection: var(--color-hover-blue) !important; --color-text-link: rgba(30, 168, 226, 1) !important; --color-loading-light: var(--color-alternate-gray) !important; --color-loading-dark: var(--color-coastal-fog) !important; --color-box-shadow: rgba(0, 0, 0, 0) !important; --color-box-shadow-rgb: rgba(0, 0, 0, 0) !important; --color-border: var(--color-border-grey) !important; --color-border-dark: var(--color-border) !important; --color-border-maxcontrast: var(--color-border) !important; --color-icon: rgba(242, 242, 242, 1); --table-color-border: var(--color-border) !important; --table-color-heading: var(--color-primary-text) !important; --table-color-heading-border: var(--color-border) !important; --table-color-background: var(--color-main-background) !important; --table-color-background-hover: var(--color-background-hover) !important; --table-border-radius: var(--border-radius) !important; --color-main-background-rgb: rgb(23, 23, 23) !important; --color-main-background-blur: rgba(23, 23, 23, 0.8) !important; --background-invert-if-dark: invert(100%) !important; --background-invert-if-bright: no !important; --color-success-rgb: 70, 186, 97 !important; --color-success-hover: #6ac780 !important; --color-warning-rgb: 236, 167, 0 !important; --color-warning-hover: #efb832 !important; --color-error-rgb: 233, 50, 45 !important; --color-error-hover: #ed5a56 !important; --color-scrollbar: #3d3d3d !important; --color-text-maxcontrast-background-blur: #919191 !important; --color-text-maxcontrast-default: #8c8c8c !important; --color-placeholder-light: #313131 !important; --color-placeholder-dark: #4a4a4a !important; --color-primary-default: #0082c9 !important; --color-primary-hover: #04537f !important; --color-primary-light-text: #99c0d6 !important; --color-primary-light-hover: #1d272d !important; --color-primary-element-default-hover: #046ca5 !important; --color-primary-element-text: #fff !important; --color-primary-element-hover: #04537f !important; --color-primary-element-light-text: #99c0d6 !important; --color-primary-element-light-hover: #1d272d !important; --color-primary-element-text-dark: #ededed !important; } /*** * @copyright Copyright (c) 2020, Magnus Walbeck * * @license GNU AGPL version 3 or any later version, see COPYING file for more. */ /* Buttons ------------------------------------------------------------------- */ button:not(.color-picker__simple-color-circle):not(.property-color__color-preview).primary, .button.primary, input[type=button].primary, input[type=submit].primary { background-color: var(--color-main-background) !important; border-color: var(--color-border) !important; color: var(--color-main-text) !important; } button:not(.color-picker__simple-color-circle):not(.property-color__color-preview).primary:hover, .button.primary:hover, input[type=button].primary:hover, input[type=submit].primary:hover { border-color: var(--color-primary-element) !important; } button:not(.color-picker__simple-color-circle):not(.property-color__color-preview):focus, button:not(.color-picker__simple-color-circle):not(.property-color__color-preview):active, button:not(.color-picker__simple-color-circle):not(.property-color__color-preview).primary:focus, button:not(.color-picker__simple-color-circle):not(.property-color__color-preview).primary:active, .button:focus, .button:active, .button.primary:focus, .button.primary:active, input[type=button]:focus, input[type=button]:active, input[type=button].primary:focus, input[type=button].primary:active, input[type=submit]:focus, input[type=submit]:active, input[type=submit].primary:focus, input[type=submit].primary:active { background-color: var(--color-primary) !important; border-color: var(--color-primary-element) !important; } .button-vue.button-vue--vue-secondary:not(.property-color__color-preview):not(.unified-search__button) { background-color: var(--color-main-background) !important; border: 1px solid var(--color-border) !important; color: var(--color-main-text) !important; } .button-vue.button-vue--vue-secondary:not(.property-color__color-preview):not(.unified-search__button):hover { border-color: var(--color-primary-element) !important; } .button-vue.button-vue--vue-secondary:not(.property-color__color-preview):not(.unified-search__button):focus, .button-vue.button-vue--vue-secondary:not(.property-color__color-preview):not(.unified-search__button):active { background-color: var(--color-primary) !important; border-color: var(--color-primary-element) !important; } .button-vue.button-vue--vue-secondary:not(.property-color__color-preview):not(.unified-search__button).close-button { border: none !important; } .button-vue.unified-search__button:hover { opacity: 1 !important; } input[type=text] + .icon-confirm, input[type=password] + .icon-confirm, input[type=email] + .icon-confirm { background-color: var(--color-background-darker) !important; } /* Input Fields -------------------------------------------------------------- */ input:not([type=range]):not([type=button]):not([type=submit]) { background-color: var(--color-background-darker); } input:not([type=range]):not([type=button]):not([type=submit]):active { background-color: var(--color-background-darker); } div[contenteditable=true]:not(:disabled):hover, div[contenteditable=true]:not(:disabled):focus, div[contenteditable=true]:not(:disabled):active, textarea:not(:disabled):hover, textarea:not(:disabled):focus, textarea:not(:disabled):active { border-color: var(--color-primary-element) !important; } .multiselect .multiselect__input { background-color: inherit !important; } .checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__input:hover + .checkbox-radio-switch__label, .checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__input:focus + .checkbox-radio-switch__label, .checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__label:hover, .checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__label:focus-within { background-color: var(--color-background-hover) !important; } .checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__input:focus + .checkbox-radio-switch__label { box-shadow: unset !important; } /* Action items -------------------------------------------------------------- */ .action-input .action-input__label, .action-text-editable .action-text-editable__label { background-color: var(--color-background-darker); } /* select -------------------------------------------------------------------- */ select option { background-color: var(--color-main-background); color: var(--color-main-text); } .select2-choices .select2-search-choice { box-shadow: unset; } .select2-dropdown-open .select2-choice, .select2-dropdown-open .select2-choices { background: var(--color-main-background) !important; border-color: var(--color-border) !important; } .select2-drop .select2-drop-active { border-top-color: var(--color-border) !important; } .multiselect .multiselect__content-wrapper .multiselect__option--highlight { background-color: var(--color-background-hover) !important; } /* vs__search ---------------------------------------------------------------- */ .vs__search { background-color: unset !important; } /* Table --------------------------------------------------------------------- */ tbody tr:hover, tbody tr:focus, tbody tr:active { background-color: var(--color-background-hover) !important; } tbody tr:hover thead tr:hover, tbody tr:hover thead tr:focus, tbody tr:hover thead tr:active, tbody tr:focus thead tr:hover, tbody tr:focus thead tr:focus, tbody tr:focus thead tr:active, tbody tr:active thead tr:hover, tbody tr:active thead tr:focus, tbody tr:active thead tr:active { background-color: var(--color-main-background) !important; } /* Progress ------------------------------------------------------------------ */ progress:not(.vue) { background-color: var(--color-border); } /*** * @copyright Copyright (c) 2017, Magnus Walbeck * * @license GNU AGPL version 3 or any later version, see COPYING file for more. */ /* Header -------------------------------------------------------------------- */ #settings #expand:hover #expandDisplayName, #settings #expand:focus #expandDisplayName, #settings #expand:active #expandDisplayName, #settings #expand:hover .avatardiv, #settings #expand:focus .avatardiv, #settings #expand:active .avatardiv { border: unset; } #body-login #header { background-color: unset !important; } /* Menues -------------------------------------------------------------------- */ .menu, .popovermenu, .bubble, .popover, .app-navigation-entry-menu, .v-popper__popper .v-popper__inner { border: 1px solid var(--color-border); } .menu.notification-container { border: unset; } .bubble::after, .app-navigation-entry-menu::after, .menu::after, .popovermenu::after, .v-popper--theme-dropdown.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container { border-bottom-color: var(--color-border) !important; } .popover__arrow { border-color: var(--color-border) !important; } .action-item__menu { border: 1px solid var(--color-border); } .action-item__menu .action-item__menu_arrow { border-bottom-color: var(--color-border) !important; } .v-popper__popper button.action-button { border-radius: 6px !important; } /* Search ------------------------------------------------------------------- */ .header-menu__wrapper { border: 1px solid var(--color-border); } .header-menu__carret { border-bottom-color: var(--color-border) !important; } .unified-search__form-reset { background-color: transparent !important; } .unified-search__result-icon img[src$="integration_discourse/img/app-dark.svg"] { filter: invert(95%); } /* File picker --------------------------------------------------------------- */ .oc-dialog { border: 1px solid var(--color-border); } .oc-dialog .filepicker_element_selected, .oc-dialog #oc-dialog-filepicker-content .filepicker_element_selected { background-color: var(--color-primary); color: var(--color-primary-text); } .oc-dialog .fileexists label, .oc-dialog .fileexists .conflict .filename { color: var(--color-main-text) !important; } .reference-picker .oc-dialog { border: none; } /* Settings ------------------------------------------------------------------ */ #cropper .inner-container { background-color: var(--color-main-background) !important; border: 1px solid var(--color-border); color: var(--color-main-text) !important; } .followupsection { color: var(--color-main-text) !important; } .link-button { background-color: var(--color-main-background) !important; border: 1px solid var(--color-border) !important; color: var(--color-main-text) !important; } .link-button:hover, .link-button.button:hover { border-color: var(--color-primary-element) !important; color: var(--color-main-text) !important; } .link-button:active, .link-button:focus { background-color: var(--color-primary) !important; border-color: var(--color-primary-element) !important; color: var(--color-main-text) !important; } .preview-card .preview-card__footer { border: 1px solid var(--color-border); border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); border-top: unset; } .profile .user-actions .profile__primary-action-button img[src$="spreed/img/app-dark.svg"], .profile .user-actions .user-actions__other a { filter: invert(95%); } #addgroup button.icon-confirm, #addgroup button.icon-close { background-image: none !important; } .breezedark-admin p { margin-top: 1em; } /* Tooltips ----------------------------------------------------------------- */ .tooltip, .vue-tooltip { filter: none !important; } .tooltip .tooltip-inner, .vue-tooltip .tooltip-inner { border: 1px solid var(--color-border); } .tooltip[x-placement^=right], .tooltip.right .tooltip-arrow, .vue-tooltip[x-placement^=right], .vue-tooltip.right .tooltip-arrow { border-right-color: var(--color-border) !important; } .tooltip[x-placement^=left], .tooltip.left .tooltip-arrow, .vue-tooltip[x-placement^=left], .vue-tooltip.left .tooltip-arrow { border-left-color: var(--color-border) !important; } .tooltip[x-placement^=bottom] .tooltip-arrow, .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow, .vue-tooltip[x-placement^=bottom] .tooltip-arrow, .vue-tooltip.bottom .tooltip-arrow, .vue-tooltip.bottom-left .tooltip-arrow, .vue-tooltip.bottom-right .tooltip-arrow { border-bottom-color: var(--color-border) !important; } .tooltip[x-placement^=top] .arrow, .tooltip[x-placement^=top] .tooltip-arrow, .tooltip.top .arrow, .tooltip.top .tooltip-arrow, .tooltip.top-left .arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .arrow, .tooltip.top-right .tooltip-arrow, .vue-tooltip[x-placement^=top] .arrow, .vue-tooltip[x-placement^=top] .tooltip-arrow, .vue-tooltip.top .arrow, .vue-tooltip.top .tooltip-arrow, .vue-tooltip.top-left .arrow, .vue-tooltip.top-left .tooltip-arrow, .vue-tooltip.top-right .arrow, .vue-tooltip.top-right .tooltip-arrow { border-top-color: var(--color-border) !important; } /* Toasts ------------------------------------------------------------------- */ .toastify.dialogs { border: 1px solid var(--color-border); } /* App Store ---------------------------------------------------------------- */ .app-level .official { border-color: var(--color-success); } /* Smart picker ------------------------------------------------------------- */ .tribute-container-link { border: 1px solid var(--color-border); border-radius: 6px !important; } /*** * @copyright Copyright (c) 2017, Magnus Walbeck * * @license GNU AGPL version 3 or any later version, see COPYING file for more. */ /* App navigation ----------------------------------------------------------- */ #app-navigation:not(.vue) > ul > li > a, #app-navigation:not(.vue) > ul > li > ul > li > a { opacity: 1; } #app-navigation:not(.vue) > ul > li > ul > li:hover > a, #app-navigation:not(.vue) > ul > li > ul > li:focus > a { background-color: unset; } #app-navigation:not(.vue) .collapsible::before { background-color: unset; } #app-navigation:not(.vue) .collapsible:hover > .svg { background-color: var(--color-background-hover); background-image: none !important; } .app-navigation .app-navigation-caption__title { opacity: 1 !important; } #app-settings-header .settings-button, #app-settings__header .settings-button, .contacts-settings .contacts-settings-button { background-color: transparent !important; border: unset !important; opacity: 1; } .counter-bubble__counter { color: var(--color-primary-text) !important; } /* App Sidebar -------------------------------------------------------------- */ .app-sidebar-tabs__tab a:not(.active):hover, .app-sidebar-tabs__tab a:not(.active):focus { border-bottom-color: var(--color-background-hover) !important; box-shadow: inset 0 -1px 0 var(--color-background-hover) !important; } .app-sidebar-tabs__tab a.active, .app-sidebar-tabs__tab a.active:focus, .app-sidebar-tabs__tab a.active:active { border-bottom-color: var(--color-primary-element) !important; box-shadow: inset 0 -1px 0 var(--color-primary-element) !important; } .versionsTabView li { border-color: var(--color-border); } .versionsTabView li:hover { background: var(--color-background-hover); } .app-sidebar-tabs__content section { box-shadow: none !important; } #tab-comments .comment-form form input[type=submit] { opacity: 0.7; } #tab-comments .comment-form form input[type=submit]:hover { opacity: 1; } #app-sidebar-vue.app-sidebar .app-sidebar-header__desc .app-sidebar-header__star .star--star, #app-sidebar.app-sidebar .app-sidebar-header__desc .app-sidebar-header__star .star--star { color: var(--color-main-text); } #app-sidebar-vue.app-sidebar .app-sidebar-header__desc .app-sidebar-header__star .star--star:hover, #app-sidebar.app-sidebar .app-sidebar-header__desc .app-sidebar-header__star .star--star:hover { color: var(--color-icon-yellow); } #app-sidebar-vue.app-sidebar .app-sidebar-header__desc .app-sidebar-header__star .star--starred, #app-sidebar.app-sidebar .app-sidebar-header__desc .app-sidebar-header__star .star--starred { color: var(--color-icon-yellow); } #app-sidebar-vue.app-sidebar .app-sidebar-header__desc .app-sidebar-header__star .star--starred:hover, #app-sidebar.app-sidebar .app-sidebar-header__desc .app-sidebar-header__star .star--starred:hover { color: var(--color-main-text); } /* App Store ---------------------------------------------------------------- */ .app-settings #app-sidebar-vue .app-sidebar-header__figure { filter: invert(5%); } /* CodeMirror --------------------------------------------------------------- */ .EasyMDEContainer .CodeMirror { background-color: var(--color-main-background); border: unset !important; color: var(--color-main-text); } .EasyMDEContainer .CodeMirror .cm-formatting { opacity: 0.5; } .EasyMDEContainer .CodeMirror .cm-link { color: var(--color-text-link) !important; } .EasyMDEContainer .CodeMirror .cm-s-easymde .cm-url, .EasyMDEContainer .CodeMirror .cm-s-easymde .cm-string { color: var(--color-text-inactive) !important; } .EasyMDEContainer .CodeMirror .CodeMirror-selected { background-color: var(--color-main-background) !important; } .EasyMDEContainer .CodeMirror .CodeMirror-selectedtext { background-color: var(--color-text-selection) !important; color: var(--color-main-text); } .EasyMDEContainer .CodeMirror .CodeMirror-cursor { border-left-color: var(--color-main-text); } #description-preview a, .note-preview a { color: var(--color-text-link) !important; opacity: 1 !important; } #description-preview pre, .note-preview pre { background-color: var(--color-background-darker) !important; border: 1px solid var(--color-border); border-radius: 3px; padding: 16px !important; } #description-preview code, .note-preview code { background-color: var(--color-background-darker) !important; } #description-preview blockquote, .note-preview blockquote { border-left: 4px solid var(--color-border); color: var(--color-main-text); font-style: italic; padding-left: 2ex; } /* mx-datepicker ------------------------------------------------------------ */ .mx-datepicker .mx-input-wrapper .mx-input:active { background-color: var(--color-main-background) !important; } /* vue-treeselect ----------------------------------------------------------- */ .vue-treeselect__menu { background-color: var(--color-main-background) !important; border-color: var(--color-border) !important; } .vue-treeselect__input-container, .vue-treeselect__input { background-color: var(--color-main-background) !important; } .vue-treeselect__single-value { color: var(--color-main-text) !important; } .vue-treeselect__option--highlight { background-color: var(--color-background-hover) !important; } .vue-treeselect--single .vue-treeselect__option--selected { background-color: var(--color-primary) !important; } /* vue-checkboxes ----------------------------------------------------------- */ .checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__input:hover + .checkbox-radio-switch__label[data-v-5cec6b50], .checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__input:focus + .checkbox-radio-switch__label[data-v-5cec6b50] { background-color: var(--color-background-hover) !important; } /* Template picker ---------------------------------------------------------- */ .templates-picker__buttons { background-image: unset !important; } /*** * @copyright Copyright (c) 2017, Magnus Walbeck * * @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 * * @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 * * @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 * * @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 * * @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 * * @license GNU AGPL version 3 or any later version, see COPYING file for more. */ /* Notifications ------------------------------------------------------------ */ .toastify.toast { border: 1px solid var(--color-border); box-shadow: none; } .notification-container.menu li:hover { background-color: inherit; } .notification-container.menu .notification:hover, .notification-container.menu .dismiss-all:hover { background-color: var(--color-background-hover); } /*** * @copyright Copyright (c) 2023, Magnus Walbeck * * @license GNU AGPL version 3 or any later version, see COPYING file for more. */ /* Notifications ------------------------------------------------------------ */ .app-photos#content-vue .files-list-viewer__placeholder { background: var(--color-background-hover) !important; } .app-photos#content-vue .file-container { background: var(--color-background-hover) !important; } .app-photos#content-vue .file-container .selection-checkbox .checkbox-radio-switch__label::after { background: var(--color-background-darker); } /*** * @copyright Copyright (c) 2019, Magnus Walbeck * * @license GNU AGPL version 3 or any later version, see COPYING file for more. */ /* Text --------------------------------------------------------------------- */ #editor-wrapper div.ProseMirror[contenteditable=true]:hover, #editor-wrapper div.ProseMirror[contenteditable=true]:focus, #editor-wrapper div.ProseMirror[contenteditable=true]:active { background-color: transparent !important; } #editor-wrapper .ProseMirror pre, #editor-wrapper .ProseMirror code, #text-wrapper .ProseMirror pre, #text-wrapper .ProseMirror code { background-color: var(--color-background-darker) !important; } #editor-wrapper .ProseMirror a, #text-wrapper .ProseMirror a, #editor-wrapper:not(.show-color-annotations) .ProseMirror a { color: var(--color-text-link) !important; } #editor-wrapper .ProseMirror a span.author-annotation, #text-wrapper .ProseMirror a span.author-annotation, #editor-wrapper:not(.show-color-annotations) .ProseMirror a span.author-annotation { color: var(--color-text-link) !important; } #editor-wrapper .menububble { border: 1px solid var(--color-border); } #editor-wrapper .menububble .menububble__form .menububble__input, #editor-wrapper .menububble .menububble__form .menububble__button { height: 44px; } #editor-wrapper div.ProseMirror table th { border-bottom-width: 2px; } #editor-wrapper .menubar button { opacity: 0.7; } #editor-wrapper .menubar button.is-active { opacity: 1; } #editor-wrapper .menubar button.icon-undo, #editor-wrapper .menubar button.icon-redo { opacity: 1; } #editor-wrapper .menubar button.icon-undo:disabled, #editor-wrapper .menubar button.icon-redo:disabled { opacity: 0.4; } .emoji-list { border: 1px solid var(--color-border); box-shadow: unset !important; } .emoji-list .emoji-list__item { opacity: 1 !important; } .text-menubar .entry-action.is-active:not(.entry-action-item) .material-design-icon > svg, .text-menubar button.entry-action__button.is-active .material-design-icon > svg { fill: var(--color-primary-text) !important; } /*** * @copyright Copyright (c) 2017, Magnus Walbeck * * @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 * * @license GNU AGPL version 3 or any later version, see COPYING file for more. */ /* Calendar ----------------------------------------------------------------- */ .app-calendar .app-content .fc-highlight { background: var(--color-background-hover); opacity: unset; } .app-calendar .app-content .fc .fc-cell-shaded { background-color: var(--color-border); } .app-calendar .app-content .fc-daygrid-week-number { background-color: var(--color-background-darker); border-bottom: 1px solid var(--color-border); border-right: 1px solid var(--color-border); color: var(--color-text-maxcontrast); } .app-calendar .app-content .fc .fc-daygrid-day.fc-day-today, .app-calendar .app-content .fc .fc-timegrid-col.fc-day-today, .app-calendar .app-content .fc-day-today.fc-col-header-cell { background-color: var(--color-background-hover) !important; } .app-calendar .app-content .fc-day-today.fc-col-header-cell a, .app-calendar .app-content .fc-day-today.fc-col-header-cell span { background-color: unset !important; } .app-calendar .app-content .fc-daygrid-day.fc-day.fc-day-other, .app-calendar .app-content .fc .fc-daygrid-day.fc-day-today.fc-day-other { background-color: var(--color-background-darker) !important; border-color: var(--color-border); opacity: 0.5; } .app-calendar .app-content .fc .fc-timeGridDay-view .fc-daygrid-day.fc-day-today, .app-calendar .app-content .fc .fc-timeGridDay-view .fc-timegrid-col.fc-day-today, .app-calendar .app-content .fc .fc-timeGridDay-view .fc-day-today.fc-col-header-cell { background-color: inherit !important; } .app-calendar .app-sidebar .app-sidebar-tabs__nav .app-sidebar-tabs__tab a.active { border-bottom-color: var(--color-primary-element); box-shadow: inset 0 -1px 0 var(--color-primary-element); } .app-calendar .app-sidebar .repeat-option-set-section-grid-item:active, .app-calendar .app-sidebar .repeat-option-set-section-grid-item:focus { background-color: var(--color-main-background); border-color: var(--color-border); } .app-calendar .app-sidebar .repeat-option-set-section-grid-item:hover { background-color: var(--color-background-hover); border-color: var(--color-primary-element); } .app-calendar .app-sidebar .repeat-option-set-section-grid-item.primary { background-color: var(--color-primary-element) !important; border-color: var(--color-primary-element) !important; } .app-calendar .app-sidebar .repeat-option-set-section-grid-item.primary:hover { background-color: var(--color-background-hover) !important; } .modal--scheduler .fc .fc-button-primary { background-color: var(--color-main-background); border-color: var(--color-border); color: var(--color-main-text); } .modal--scheduler .fc .fc-button-primary:hover { background-color: var(--color-main-background); border-color: var(--color-primary-element); } .modal--scheduler .fc .fc-button-primary:focus { box-shadow: none; } #content-vue .app-navigation-entry__counter-wrapper .action-item.sharing .material-design-icon.share { opacity: 1; } .popover.open .action-link { opacity: 1; } /*** * @copyright Copyright (c) 2017, Magnus Walbeck * * @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 * * @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 * * @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 * * @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 * * @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 * * @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 * * @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 * * @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 * * @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 * * @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 * * @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 * * @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 * * @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 * * @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 * * @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 * * @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 * * @license GNU AGPL version 3 or any later version, see COPYING file for more. */ /* Analytics ---------------------------------------------------------------- */ .app-analytics #app-content .dataTables_wrapper .dataTables_length, .app-analytics #app-content .dataTables_wrapper .dataTables_filter, .app-analytics #app-content .dataTables_wrapper .dataTables_info, .app-analytics #app-content .dataTables_wrapper .dataTables_processing, .app-analytics #app-content .dataTables_wrapper .dataTables_paginate { color: var(--color-main-text); } .app-analytics #app-content .dataTables_wrapper .dataTable thead th { border-bottom-color: var(--color-border); } .app-analytics #app-content .dataTables_wrapper .dataTable.no-footer { border-bottom-color: var(--color-border); } .app-analytics #app-content .dataTables_wrapper .dataTables_paginate .paginate_button { border-color: var(--color-border); color: var(--color-main-text) !important; } .app-analytics #app-content .dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: var(--color-main-background); border-color: var(--color-primary-element); } .app-analytics #app-content .dataTables_wrapper .dataTables_paginate .paginate_button.current { background: var(--color-primary-element); border-color: var(--color-primary-element); color: var(--color-main-text) !important; } .app-analytics #app-content .dataTables_wrapper .dataTables_paginate .paginate_button.disabled { background-color: var(--color-background-alternate); color: var(--color-text-maxcontrast) !important; } .app-analytics #app-content .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover { border-color: var(--color-border); } .app-analytics .analyticsWidgetItem { background-color: var(--color-background-darker) !important; } .app-analytics .analyticsWidgetItem:hover, .app-analytics .analyticsWidgetItem:focus { background-color: var(--color-background-hover) !important; } .app-analytics #app-sidebar .tabHeaders .tabHeader.selected, .app-analytics #app-sidebar .tabHeaders .tabHeader:hover, .app-analytics #app-sidebar .tabHeaders .tabHeader:focus, .app-analytics #app-sidebar .tabHeaders .tabHeader:active { border-bottom-color: var(--color-primary-element); } /*** * @copyright Copyright (c) 2017, Magnus Walbeck * * @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 * * @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 * * @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 * * @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 * * @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 * * @license GNU AGPL version 3 or any later version, see COPYING file for more. */ /* Electronic Signatures ---------------------------------------------------- */ .modal-mask .loader { background-color: rgba(0, 0, 0, 0.3) !important; } /* Icons -------------------------------------------------------------------- */ .custom-icon-signature { color: var(--color-icon) !important; } /*** * @copyright Copyright (c) 2018, Magnus Walbeck * * @license GNU AGPL version 3 or any later version, see COPYING file for more. */ /* FullTextSearch ----------------------------------------------------------- */ #fts-popup .div-table-col-left { color: var(--color-main-text); } #fts-popup .fts_options_input { opacity: 1; } .provider_header .provider_navigation { border-bottom-color: var(--color-border); color: var(--color-text-maxcontrast); } .provider_header .provider_result .result_entry { border-bottom-color: var(--color-border); } .provider_header .provider_result .result_entry .result_title { color: var(--color-main-text); } .provider_header .provider_result .result_entry .result_extract { color: var(--color-text-maxcontrast); } .provider_header .files_header { border-bottom-color: var(--color-border); } .provider_header .files_header .files_header_div { color: var(--color-text-maxcontrast); } .provider_header .files_result { border-bottom-color: var(--color-border); } .provider_header .files_result .files_result_item { background: var(--color-main-background); color: var(--color-text-maxcontrast); } .provider_header .files_result .files_div_name .files_result_file .files_result_title { color: var(--color-main-text); } .provider_header .files_result .files_div_name .files_result_file .files_result_extract { color: var(--color-text-maxcontrast); } .app-settings #app-content #fns .div-table .div-table-row .div-table-col select, .app-settings #app-content #fns .div-table .div-table-row .div-table-col input, .app-settings #app-content #elastic_search .div-table .div-table-row .div-table-col select, .app-settings #app-content #elastic_search .div-table .div-table-row .div-table-col input, .app-settings #app-content #files .div-table .div-table-row .div-table-col select, .app-settings #app-content #files .div-table .div-table-row .div-table-col input { background-color: var(--color-background-darker) !important; } /*** * @copyright Copyright (c) 2021, Magnus Walbeck * * @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 * * @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 * * @license GNU AGPL version 3 or any later version, see COPYING file for more. */ /* Music -------------------------------------------------------------------- */ /* Icons -------------------------------------------------------------------- */ /*** * @copyright Copyright (c) 2017, Magnus Walbeck * * @license GNU AGPL version 3 or any later version, see COPYING file for more. */ /* Passman ------------------------------------------------------------------ */ /* Icons -------------------------------------------------------------------- */ /*** * @copyright Copyright (c) 2018, Magnus Walbeck * * @license GNU AGPL version 3 or any later version, see COPYING file for more. */ /* Passwords ---------------------------------------------------------------- */ /*** * @copyright Copyright (c) 2017, Magnus Walbeck * * @license GNU AGPL version 3 or any later version, see COPYING file for more. */ /* Phone Sync --------------------------------------------------------------- */ /*** * @copyright Copyright (c) 2021, Magnus Walbeck * * @license GNU AGPL version 3 or any later version, see COPYING file for more. */ /* Phonetrack --------------------------------------------------------------- */ /*** * @copyright Copyright (c) 2018, Magnus Walbeck * * @license GNU AGPL version 3 or any later version, see COPYING file for more. */ /* Polls -------------------------------------------------------------------- */ /* Datepicker */ /*** * @copyright Copyright (c) 2018, Magnus Walbeck * * @license GNU AGPL version 3 or any later version, see COPYING file for more. */ /* Quick Notes -------------------------------------------------------------- */ /*** * @copyright Copyright (c) 2023, Magnus Walbeck * * @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 * * @license GNU AGPL version 3 or any later version, see COPYING file for more. */ /* User account deletion ---------------------------------------------------- */ /*** * @copyright Copyright (c) 2018, Magnus Walbeck * * @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-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) { #rl-app input { background-color: var(--input-bg-clr, #fff); color: var(--input-clr, #555); } } @media (prefers-color-scheme: dark) { #terms_of_service_confirm .v--modal-overlay .v--modal-background-click { background-color: rgba(0, 0, 0, 0.5); } #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 */