mwalbeck/nextcloud-breeze-dark
1
0
Fork 0
mirror of https://github.com/mwalbeck/nextcloud-breeze-dark.git synced 2024-11-14 20:16:26 +00:00
Code Issues Releases Wiki Activity
25
nextcloud-breeze-dark/css/server.css

3428 lines
117 KiB
CSS
Raw Permalink Blame History

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