diff --git a/core/css/server.css b/core/css/server.css index 6c474aedfac2b1bf41313d376d5ca48c9363cf32..f2e64514ca190c49dedb03bd791e946ad6747e8a 100644 --- a/core/css/server.css +++ b/core/css/server.css @@ -52,7 +52,7 @@ --color-dashboard-background-plain: #d2d2d2; --color-sharing-icon-background: #767676; } - + /* Force a few variables to right values for dark theme */ body.theme--dark { --input-background-color: #181818; @@ -60,17 +60,17 @@ --icon-notifications-notifications-new-000000: url("/svg/notifications/notifications-new?color=000"); --icon-search-000: url("/svg/core/actions/search?color=000"); } - + body.theme--highcontrast { --icon-inactive-color: black; } - + #body-user #header, #body-settings #header, #body-public #header { background-color: white !important; } - + button:not(:disabled):hover, .primary:not(:disabled):hover, .button:hover, @@ -85,6 +85,8 @@ .primary:active, .button:active, #new-contact-button:hover, + #new-user-button:hover, + #deleteaccount:hover, #quotaincreasebutton:hover, #content-vue.app-tasks .action.icon-checkmark:hover, .button.today:hover, @@ -93,7 +95,7 @@ #oc-dialog-filepicker-content .actions.creatable .icon.icon-add:hover { opacity: 0.8; } - + /* primary action button, use sparingly */ button, .button, @@ -110,6 +112,8 @@ .button.primary:active, .actions a.button, #new-contact-button, + #new-user-button, + #deleteaccount, #quotaincreasebutton, .mx-datepicker .mx-datepicker-footer .mx-btn, #content-vue.app-tasks .action.icon-checkmark, @@ -123,7 +127,7 @@ color: white; border-color: var(--color-primary); } - + input.primary:not(:disabled):hover, input.primary:not(:disabled):focus, button.primary:not(:disabled):hover, @@ -132,9 +136,9 @@ a.primary:not(:disabled):focus { background-image: none; } - + /* For buttons that are not primary or submit/reset/button inputs that are not primary */ - + button.primary + button:not(.primary), button.primary + button:not(.primary):active, .entity-picker__navigation button:not(.primary), @@ -147,13 +151,13 @@ color: var(--color-primary); border-color: var(--border-color-secondary-element); } - + input[type="checkbox"].checkbox + label::before, input[type="radio"].checkbox + label::before { border-color: var(--icon-inactive-color); background-color: white; } - + textarea:not(:disabled), textarea:not(:disabled):active, div[contenteditable="true"]:not(:disabled):active, @@ -163,7 +167,7 @@ div[contenteditable="true"]:not(:disabled):focus { background-color: var(--input-background-color) !important; } - + select, textarea, input[type="text"], @@ -179,16 +183,16 @@ div.select2-container-multi.select2-container-active .select2-choices { background-color: var(--input-background-color); } - + #settings #expanddiv, #header .header-right > div > .notification-container.menu { background-color: var(--color-main-background); } - + #header .header-appname { color: var(--color-main-text); } - + #settings #expanddiv li a.active { background-color: var(--color-background-hover); } @@ -243,28 +247,28 @@ bottom: 0px; border-radius: 22px; } - + #header #nextcloud { padding-left: 150px; } - + #header .notifications .svg { height: 16px; width: 16px; } - - /* + + /* For the overflow in search filter; It doesn't use specific ids so gave the rule a lot of specificity */ .popover > .popover__wrapper .open ul li p { white-space: normal; } - + #unified-search #header-menu-unified-search .header-menu__carret { right: 125px; } - + /* App Navigation rules */ #app-navigation:not(.vue) > ul > li.active, #app-navigation:not(.vue) > ul > li a:active, @@ -276,32 +280,32 @@ #app-navigation:not(.vue) > ul > li a.active > a { background-color: var(--color-main-background); } - + li.app-navigation-entry, .conversations .acli_wrapper .acli { background-clip: content-box; } - + li.app-navigation-entry.active { background-color: var(--color-main-background) !important; } - + li.app-navigation-entry:not(.active):hover, #content.app-deck li.app-navigation-entry.active { background-color: var(--color-background-hover) !important; } - + li.app-navigation-entry.app-navigation-entry--collapsible:hover { background-color: var(--color-main-background) !important; } - + li.app-navigation-entry.app-navigation-entry--collapsible > a:hover, #content.app-passwords #app-navigation .active { background-color: var(--color-background-hover); } - + /* CSS TWEAKS TAKEN FROM THEMING APP (disabled now) */ - + .nc-theming-main-background { background-color: #999999; } @@ -336,29 +340,29 @@ color: var(--color-main-text); background-image: none; } - + #body-user.dark--theme, #body-settings.dark--theme { color: white !important; } - + #header .menu, #header #launcher-menu, #header .header--menu { opacity: 1; } - + #appmenu li span { color: var(--color-main-text); } - + #header .logo { background-size: auto; } #body-login #header .logo { margin-bottom: 22px; } - + input.primary, #alternative-logins li a { background-color: #999999; @@ -368,7 +372,7 @@ footer { height: 92px; } - + .notifications-button.hasNotifications { opacity: 0.6 !important; } @@ -384,28 +388,28 @@ color: var(--color-main-text); border-right: 2px solid var(--color-border); } - + .icon-home, #oc-dialog-filepicker-content .dirtree div:first-child a { background-image: var(--icon-home-808080); } - + #controls .icon-home, #oc-dialog-filepicker-content .dirtree div:first-child a { background-size: 20px; } - + .icon-mail { background-image: var(--icon-mail-808080); } .icon-error { background-image: var(--icon-error-808080); } - + .icon-details { background-image: var(--icon-details-808080); } - + .icon-add, .action-item.icon-add, button.action-item__menutoggle.icon-add, @@ -416,18 +420,18 @@ .app-navigation-entry-icon.sprt-add::before { background-image: var(--icon-add-808080); } - + .notification-container .emptycontent .icon-notifications-dark { background-image: var(--icon-notifications-notifications-808080); background-size: 40px; } - + .icon-rename, .who-has-access .action-item--single.action-item.icon-rename, .where-is-my-data .action-item--single.action-item.icon-rename { background-image: var(--icon-rename-808080); } - + .icon-download { background-image: var(--icon-download-808080); } @@ -469,15 +473,15 @@ .icon-confirm { background-image: var(--icon-confirm-808080); } - + .icon-user-admin { background-image: var(--icon-user-admin-808080); } - + .icon-disabled-users { background-image: var(--icon-disabled-users-808080); } - + .icon-notes, .icon-notes-trans { background-image: var(--icon-notes-notes-808080); @@ -497,61 +501,61 @@ button .icon-link { background-image: var(--icon-public-ffffff); } - + .icon-recent { background-image: var(--icon-files-recent-808080); } - + .icon-more, .icon-more-white { background-image: var(--icon-more-808080); } - + .avatar-shared.icon-more-white { background-image: var(--icon-more-fff); } - + #collection-list .avatar .icon-projects { background-image: var(--icon-projects-fff); } - + #sharing-inherited-shares .sharing-entry .avatar-shared.icon-more-white, .sharing-entry.sharing-entry__internal .avatar-external.icon-external-white, #collection-list .avatar { background-color: var(--color-sharing-icon-background); } - + .icon-files, .icon-category-files, .icon-emptyfolder { background-image: var(--icon-files-app-808080); } - + #header .icon-notifications, #header .icon-notifications-new { background-size: 17px; } - + .icon-notifications-new { background-image: var(--icon-notifications-notifications-new-000000); } - + .icon-notifications { background-image: var(--icon-notifications-notifications-000000); } - + .icon-external, .icon-goto { background-image: var(--icon-external-808080); } - + .action.icon-checkmark { background-image: var(--icon-checkmark-ffffff); } .icon-phone { background-image: var(--icon-phone-808080); } - + .icon-password, .icon-category-security { background-image: var(--icon-password-808080); @@ -562,15 +566,15 @@ .icon-toggle-filelist { background-image: var(--icon-toggle-filelist-808080); } - + button.icon-toggle-filelist { background-color: var(--color-main-background); } - + .icon-toggle-pictures { background-image: var(--icon-toggle-pictures-808080); } - + .button .icon-add, button .icon-add, button.icon-add, @@ -580,101 +584,101 @@ #content.app-news .add-new .icon-add.add-new-folder-primary { background-image: var(--icon-add-ffffff); } - + .popover .action-button .action-button__icon.icon-add { background-image: var(--icon-add-808080); } - + button > span[class^="icon-"], .button > span[class^="icon-"], button > span[class*=" icon-"], .button > span[class*=" icon-"] { opacity: 1; } - + .icon-share, .icon-shared { background-image: var(--icon-share-808080); } - + .icon-contacts-dark, .icon-contacts, .icon-category-social { background-image: var(--icon-contacts-app-808080); } - + #contactsmenu .icon-contacts { background-image: var(--icon-contacts-000); } - + .icon-user, .icon-category-installed { background-image: var(--icon-user-808080); } - + .icon-category-enabled { background-image: var(--icon-checkmark-808080); } - + .icon-star, .icon-star-dark, .icon-starred:hover { background-image: var(--icon-star-808080); } - + .icon-starred, .icon-star:hover, .icon-star-dark:hover, #filestable .filename .favorite-mark .icon-starred { background-image: var(--icon-star-FFCC00); } - + .icon-close, #header-menu-unified-search .icon-close, .icon-category-disabled { background-image: var(--icon-close-808080); } - + #header #searchbox { color: var(--color-main-text); border-color: var( --icon-inactive-color ) !important; /* !important used in source so needed to override */ } - + #app-navigation, #app-navigation-vue { border-right: 2px solid var(--color-border); } - + table th, table td { border-bottom: 2px solid var(--color-border); } - + .icon-files-dark { background-image: var(--icon-files-app-808080); } - + .icon-fullscreen { background-image: var(--icon-fullscreen-808080); } - + .icon-calendar-dark { background-image: var(--icon-calendar-calendar-808080); } .icon-talk { background-image: var(--icon-spreed-app-808080); } - + #app-navigation li a, #app-navigation:not(.vue) > ul > li > a, #app-navigation:not(.vue) > ul > li > ul > li > a { opacity: 1; } - + /* Dashboard App */ - + #body-user[data-dashboard-background]:not(.theme--dark) #app-dashboard .statuses @@ -682,12 +686,12 @@ #body-user[data-dashboard-background]:not(.theme--dark) .edit-panels:hover { background-color: var(--color-background-hover) !important; } - + body.theme--highcontrast #app-dashboard .statuses button, body.theme--highcontrast #app-dashboard .edit-panels { border: 1px solid var(--color-main-text); } - + #body-user[data-dashboard-background]:not(.theme--dark) #app-dashboard .panel, #body-user[data-dashboard-background]:not(.theme--dark) #app-dashboard @@ -700,26 +704,26 @@ background-color: var(--color-dashboard-panels); /* opacity: 0.9; */ } - + #body-user[data-dashboard-background]:not(.theme--dark) #header { opacity: 0.95; } #body-user[data-dashboard-background].theme--highcontrast #header { background-color: var(--color-main-background) !important; } - + #app-dashboard .panel .panel--header > .icon-calendar-dark { background-position: 14px 10px; } - + #app-dashboard .panel .panel--header > .icon-files-dark { background-position: 14px 16px; } - + #app-dashboard .statuses button { color: var(--color-main-text); } - + #content.app-dashboard #app-dashboard, body[data-dashboard-background]:not(.theme--dark) .background-selector @@ -734,27 +738,27 @@ background-color: var(--color-dashboard-background-plain); color: var(--color-main-text); } - + body[data-dashboard-background="#0082c9"] #app-dashboard, body[data-dashboard-background="default"] #app-dashboard { background-color: var(--color-dashboard-background-plain); } - + body[data-dashboard-background="default"] #app-dashboard { background-image: none !important; } - + body[data-dashboard-background="#0082c9"] #app-dashboard h2, body[data-dashboard-background="default"] #app-dashboard h2 { color: var(--color-main-text); } - + /* Files App */ - + #filestable .thumbnail { background-repeat: no-repeat; } - + .breadcrumb .canDrop > a, #filestable tbody tr.canDrop, #filestable.view-grid:not(.hidden) @@ -771,84 +775,84 @@ .nametext { background-color: var(--color-primary-light); } - + .actions .button.new:active { background-color: var(--color-primary); } - + #fileList td a a.action { opacity: 0.6; } - + #fileList td a a.action:hover { opacity: 0.8; } - + #content.app-files #filestable.view-grid thead tr, #content.app-files #filestable.view-grid thead th { border-bottom: 0px; } - + #content.app-files #controls .icon-shared { background-size: 14px; } - + #editor .menububble.is-active .menububble__button { background-color: var(--color-primary); } - + #editor .menububble.is-active .menububble__button:hover { background-color: var(--color-background-hover); } - + #editor .menububble__button:hover .menububble__buttontext { color: var(--color-primary); } - + #editor .menububble__button:hover .icon-link { background-image: var(--icon-public-007fff); } - + #editor .menububble__button:hover .icon-file { background-image: var(--icon-text-007fff); } - + #uploadprogressbar + button.icon-close, #google-rm-cred .icon-close, #google-drive button .icon-close, #google-photos button .icon-close { background-image: var(--icon-close-fff); } - + .breadcrumb div.crumb span.icon-shared, .breadcrumb div.crumb span.icon-public, .selectedActions a, #commentsTabView .comment .action { opacity: 0.8; } - + #content.app-files #emptycontent .icon-share { background-image: var(--icon-files-share-808080); } - + #content #app-content-files #controls { background-color: var(--color-main-background); } - + #app-content-files button .icon-file, #editor .menububble__button .icon-file { background-image: var(--icon-text-ffffff); } - + #editor .ProseMirror { background-color: var(--color-main-background) !important; } - + #fileList tr td.selection > .selectCheckBox + label::before, #oc-dialog-filepicker-content .actions.creatable .icon.icon-add { opacity: 1; } - + #filestable .filesize, #filestable .date .modified.live-relative-timestamp { color: var(--color-main-text) !important; @@ -856,33 +860,33 @@ .nav-icon-files { background-image: var(--icon-files-app-808080); } - + .nav-icon-files.active { background-image: var(--icon-files-app-007fff); } - + .nav-icon-recent { background-image: var(--icon-files-recent-808080); } - + .nav-icon-recent.active { background-image: var(--icon-files-recent-007fff); } - + .nav-icon-favorites { background-image: var(--icon-star-outline-808080); } .nav-icon-favorites.active { background-image: var(--icon-star-outline-007fff); } - + .nav-icon-deletedshares { background-image: var(--icon-files-unshare-808080); } .nav-icon-deletedshares.active { background-image: var(--icon-files-unshare-007fff); } - + .nav-icon-shareoverview, .nav-icon-sharingout, .nav-icon-sharingin, @@ -906,19 +910,19 @@ .nav-icon-trashbin { background-image: var(--icon-files-delete-808080); } - + .nav-icon-trashbin.active { background-image: var(--icon-files-delete-007fff); } - + .nav-icon-systemtagsfilter { background-image: var(--icon-tag-808080); } - + .nav-icon-systemtagsfilter.active { background-image: var(--icon-tag-007fff); } - + .icon-quota { background-image: var(--icon-quota-808080); } @@ -929,7 +933,7 @@ #view-toggle { background-size: 16px; } - + #collection-list .multiselect .multiselect__tags .multiselect__input { background-color: transparent !important; } @@ -946,27 +950,27 @@ #app-sidebar-vue #sharing .sharing-entry .avatar-shared.icon-more-white { background-image: var(--icon-more-fff); } - + #app-sidebar-vue #sharing .sharing-entry .avatardiv.icon-public-white { background-color: var(--color-primary) !important; } - + body.theme--highcontrast #header .header-right .magnify-icon { background: var(--icon-search-000) no-repeat center; } - + #header .header-right .magnify-icon { background: var(--icon-search-000) no-repeat center; background-size: 15px; } - + #content.app-files #filestable span, #content.app-files #filestable td { color: var(--color-main-text) !important; } - + /* Contacts App */ - + #content-vue.app-contacts .multiselect.property__label .multiselect__tags @@ -977,15 +981,15 @@ .multiselect__input { background-color: var(--color-main-background) !important; } - + #contacts-list { margin-top: 44px; } - + li.app-navigation-entry.active .icon-user { background-image: var(--icon-user-007fff); } - + li.app-navigation-entry.active .icon-contacts-dark, li.app-navigation-entry.active .icon-group { background-image: var(--icon-contacts-app-007fff); @@ -996,7 +1000,7 @@ li.app-navigation-entry.active .icon-recent-actors { background-image: var(--icon-contacts-recent-actors-007fff); } - + #content-vue.app-contacts .multiselect .multiselect__tags .multiselect__input, #content-vue.app-contacts .multiselect @@ -1004,28 +1008,28 @@ > .multiselect__single { background-color: var(--color-main-background) !important; } - + #content-vue.app-contacts ~ .popover .action.active, #content-vue.app-contacts ~ .popover .action.active .action-input:hover, #content-vue.app-contacts ~ .popover .action.active .action-input:focus-within { opacity: 1; } - + #content-vue.app-contacts ~ .popover .action.active .action-input { opacity: .7; } - + #content-vue.app-contacts .empty-content__icon { height: 80px; } - + #content-vue.app-contacts #addressbook-list .addressbook-shares .multiselect__content { background-color: var(--color-secondary-element); } - + #content-vue.app-contacts .empty-content__title { text-align: center; } @@ -1035,22 +1039,22 @@ .icon-address-book { background-image: var(--icon-contacts-address-book-808080); } - + #content-vue.app-contacts .app-navigation-caption__title { color: var(--color-main-text); } - + #content-vue.app-contacts .contact-header__infos input { background-color: var(--color-main-background); } - + .property .icon-contacts { background-image: var(--icon-contacts-app-808080); } #content-vue.app-contacts .icon-phone { background-image: var(--icon-contacts-phone-808080); } - + button .icon-upload, #uploadavatarbutton.icon-upload, .button.primary .icon-upload, @@ -1071,7 +1075,7 @@ { background-image: var(--icon-upload-808080); } - + button .icon-download, .button .icon-download, .import-export .button.icon-download { @@ -1080,83 +1084,83 @@ .action-button .icon-download { background-image: var(--icon-download-808080); } - + #deleteaccount:not([disabled]) .icon-delete, button .icon-delete, .button .icon-delete, #removeavatar.icon-delete { background-image: var(--icon-delete-ffffff); } - + button.menuitem .icon-delete, .app-navigation-entry-menu button .icon-delete { background-image: var(--icon-delete-808080); } - + .menu-icon svg path { fill: var(--menu-icon-color); } .icon-recent-actors { background-image: var(--icon-contacts-recent-actors-808080); } - + .popover .action-input__input + .action-input__label { background-color: var(--color-primary); } .popover .action-input__input + .action-input__label > .arrow-right-icon path { fill: white; } - + #content-vue.app-contacts .dots-horizontal-icon svg path { fill: var(--icon-inactive-color); } - + .mx-icon-calendar svg path { fill: var(--icon-inactive-color); } - + #content-vue.app-contacts ~ .popover .action-input .action-input__label::before { content: unset; } - + /* Photos App */ - + #content-vue.app-photos #app-navigation-vue .app-navigation-entry.active { background-color: var(--color-main-background) !important; } - + #content-vue.app-photos .icon-folder { background-image: var(--icon-folder-007FFF); } #content-vue.app-photos .folder-name__icon { opacity: 0.8; } - + li.active .icon-yourphotos { background-image: var(--icon-photos-app-007fff); } .icon-yourphotos { background-image: var(--icon-photos-app-808080); } - + li.active .icon-video { background-image: var(--icon-video-007fff); } - + .icon-video { background-image: var(--icon-video-808080); } - + li.active .icon-favorite { background-image: var(--icon-star-outline-007fff); } .icon-favorite { background-image: var(--icon-star-outline-808080); } - + li.active .icon-tag { background-image: var(--icon-tag-007fff); } @@ -1164,28 +1168,28 @@ .icon-systemtags { background-image: var(--icon-tag-808080); } - + li.active .icon-files-dark { background-image: var(--icon-files-app-007fff); } li.active .icon-address { background-image: var(--icon-address-007fff); } - + .icon-address { background-image: var(--icon-address-808080); } - + li.active .icon-share { background-image: var(--icon-share-007fff); } - + #app-navigation-vue #app-settings #app-settings-header .settings-button, #app-navigation #app-settings #app-settings-header .settings-button, .icon-category-tools { background-image: var(--icon-settings-808080); } - + #header #header-menu-unified-search .unified-search__form-input { color: var(--color-main-text); } @@ -1193,12 +1197,12 @@ #header #header-menu-unified-search .unified-search__input-wrapper { background-color: var(--color-main-background); } - + .icon-delete, button.action-button .icon-delete { background-image: var(--icon-files-delete-808080); } - + .menuitem:hover .icon-delete, .menu-option:hover .icon-delete, button.action-button:hover .icon-delete, @@ -1207,24 +1211,24 @@ #removeavatar.icon-delete:hover { background-image: var(--icon-delete-e9322d); } - + #appmenu li a span { color: transparent; } - + #appmenu li:hover a span { color: var(--icon-inactive-color); } - + body.theme--highcontrast #appmenu li:hover a span { color: var(--color-main-text); } - + #appmenu li:hover a svg { color: var(--color-main-text); transform: translateY(-7px); } - + #appmenu:hover li svg, #appmenu:hover li .icon-more, #appmenu:hover li .icon-more-white, @@ -1232,47 +1236,47 @@ #appmenu:hover li .icon-loading-small-dark { transform: none; } - + /* Settings app */ - + #pass2 + input[name="newpassword-clone"] { width: 100%; } - + /* Personal Info */ - + #selectavatar.icon-folder { background-image: var(--icon-folder-ffffff); background-color: var(--color-primary); color: white; border-color: var(--color-primary); } - + /* Mobile & Desktop */ - + .button.icon-clippy { background-image: var(--icon-clippy-808080); } - + /* Sharing */ - + button.social-facebook { padding-left: 30px; background-image: var(--icon-federatedfilesharing-social-facebook-000); } - + button.social-twitter { padding-left: 30px; background-image: var(--icon-federatedfilesharing-social-twitter-000); } - + button.social-diaspora { padding-left: 30px; background-image: var(--icon-federatedfilesharing-social-diaspora-000); } - + /* Flow */ - + #workflowengine .actions__item.colored { background-color: var(--color-primary) !important; } @@ -1280,9 +1284,9 @@ background-color: white; color: var(--color-primary); } - + /* Calendar App*/ - + .datepicker-button-section button.button { background-color: var(--color-main-background); color: var(--color-main-text); @@ -1293,15 +1297,15 @@ .mx-datepicker .mx-calendar td { border: 0px; } - + .icon-eye { background-image: var(--icon-calendar-eye-808080); } - + .icon-briefcase { background-image: var(--icon-calendar-briefcase-808080); } - + .icon-color-picker { background-image: var(--icon-calendar-color-picker-808080); } @@ -1311,49 +1315,49 @@ .mx-datepicker .mx-input-wrapper { background-color: var(--input-background-color); } - + .mx-datepicker-main .mx-datepicker-footer .mx-btn:hover, .mx-datepicker-main .mx-datepicker-footer .mx-btn:focus { background-color: var(--color-primary); color: white; } - + .mx-datepicker .mx-input { border: none; margin-top: 0px; margin-bottom: 0px; } - + .datepicker-button-section.icon-leftarrow { background-image: var(--icon-arrow-left-808080); } - + .datepicker-button-section.icon-rightarrow { background-image: var(--icon-arrow-right-808080); } - + .button.datepicker-button-section__next, .button.datepicker-button-section__previous { border: none; margin: auto; } - + .new-event-today-view-section .button { border-radius: 8px; } - + .icon-new-calendar { background-image: var(--icon-calendar-calendar-808080); } - + .icon-new-calendar-with-task-list { background-image: var(--icon-calendar-new-calendar-with-task-list-808080); } - + .icon-public { background-image: var(--icon-public-808080); } - + #content-vue.app-calendar #app-navigation-vue .action-item.icon-share, #content-vue.app-calendar #app-navigation-vue .action-item.icon-shared, #content-vue.app-contacts #addressbook-list .icon-shared { @@ -1362,33 +1366,33 @@ #content-vue.app-calendar .fc-scrollgrid { padding-top: 14px; } - + #content-vue.app-calendar .fc-dayGridMonth-view table { font-size: 1em; } - + .icon-view-week { background-image: var(--icon-calendar-view-week-808080); } - + .icon-view-day { background-image: var(--icon-calendar-view-day-808080); } - + .icon-view-module { background-image: var(--icon-calendar-view-module-808080); } - + .icon-view-list { background-image: var(--icon-calendar-view-list-808080); } - + #content-vue.app-calendar .app-sidebar-tabs__tab a.active { color: var(--color-text-light); } - + /* Notes App*/ - + #content-vue.app-notes li.app-navigation-entry.active, #content-vue.app-talk li.acli_wrapper.active { background-color: var(--color-background-hover) !important; @@ -1396,16 +1400,16 @@ #content-vue.app-notes .welcome-content .icon-files-dark { background-size: 18px; } - + #content-vue.app-notes button.icon-confirm::before, #content.app-dashboard ~ .popover .action-input__form .action-input__label::before { content: var(--icon-confirm-fff); } - + #content-vue.app-notes .welcome-content .icon-phone { background-size: 11px; } - + #content-vue.app-notes #app-settings__header .settings-button__icon @@ -1426,7 +1430,7 @@ #content-vue.app-calendar .app-sidebar-tabs__tab a { color: var(--icon-inactive-color); } - + .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line > span::selection, .CodeMirror .CodeMirror-line > span > span::selection { @@ -1440,13 +1444,13 @@ background-repeat: no-repeat !important; background-position: center !important; } - + input[type="text"] + .icon-confirm::before, input[type="password"] + .icon-confirm::before, input[type="email"] + .icon-confirm::before { content: unset !important; } - + input[type="text"]:not(:active):not(:hover):not(:focus) + .icon-confirm:active, input[type="password"]:not(:active):not(:hover):not(:focus) + .icon-confirm:active, @@ -1462,7 +1466,7 @@ border-radius: 0 var(--border-radius) var(--border-radius) 0 !important; border-left-color: transparent !important; } - + #app-sidebar-vue .note-category .category input.icon-confirm:hover { border-radius: 0 var(--border-radius) var(--border-radius) 0 !important; } @@ -1471,7 +1475,7 @@ .app-sidebar-header__menu { background-color: var(--color-main-background); } - + #content.app-settings .icon.action-item__menutoggle.action-item__menutoggle--default-icon::before, #content.app-files @@ -1493,39 +1497,39 @@ font-family: unset; line-height: unset; } - + #content-vue.app-bookmarks .icon.action-item__menutoggle--primary.action-item__menutoggle--default-icon::before { content: var(--icon-more-fff); } - + #note-container .CodeMirror-code[contenteditable="true"]:hover, #note-container .CodeMirror-code[contenteditable="true"]:focus, #note-container .CodeMirror-code[contenteditable="true"]:active { background-color: var(--color-main-background) !important; } /* Tasks app*/ - + .action-item:not(.priority--high) .material-design-icon, #app-settings .collection .material-design-icon, .material-design-icon.emoticon-outline-icon { color: var(--icon-inactive-color); } - + .action.active .material-design-icon.delete-icon, .action-item:hover .material-design-icon.delete-icon { color: var(--color-delete); } - + #content-vue.app-tasks .app-sidebar-tabs .property__item--clearable { color: var(--icon-active-color) !important; } - + #content-vue.app-tasks .app-sidebar-tabs .multiselect-picker-option.active { color: var(--icon-active-color); } /* Settings Apps categories icons */ - + .icon-category-app-bundles { background-image: var(--icon-bundles-808080); } @@ -1556,33 +1560,33 @@ .icon-category-search { background-image: var(--icon-search-808080); } - + .icon-category-workflow { background-image: var(--icon-workflow-808080); } - + /* Bookmarks app */ - + .popover .action-button__icon.icon-link { background-image: var(--icon-public-808080); } - + .controls svg path, .material-design-icon.earth-icon svg path { fill: var(--icon-inactive-color); } - + .app-navigation-entry-icon .material-design-icon, .action .material-design-icon { color: var(--icon-inactive-color); } - + .app-navigation-entry.active .app-navigation-entry-icon .material-design-icon, .action.active .material-design-icon, .action.selected .material-design-icon { color: var(--icon-active-color); } - + .app-navigation-entry .app-navigation-entry__inline-input-container form @@ -1592,24 +1596,24 @@ .app-navigation-entry.active .icon-home { background-image: var(--icon-home-007fff); } - + #content-vue.app-bookmarks .app-navigation-entry-icon svg path { fill: var(--icon-inactive-color); } #content-vue.app-bookmarks .app-navigation-entry.active svg path { fill: var(--icon-active-color); } - + /* News App */ - + #content-vue.app-bookmarks .empty-content { text-align: center; } - + #app-navigation .icon-unpinned { background-image: var(--icon-news-unpinned-808080); } - + #app-navigation .icon-pinned { background-image: var(--icon-news-pinned-808080); } @@ -1619,54 +1623,54 @@ #app-navigation .icon-full-text-enabled { background-image: var(--icon-news-fulltext-808080); } - + /* Passwords App */ - + .searchbox .icon-search-force-white { background-image: var(--icon-search-000); } - + .searchbox { opacity: 1 !important; } - + #content.app-passwords #app-navigation .icon.fa::before { content: unset; } - + /* Talk App */ - + #content-vue.app-talk .acli_wrapper .acli.active { background-color: transparent; } - + #content-vue.app-talk #app-sidebar .username-form button.icon-rename, button.edit-output-dir .icon-rename { background-image: var(--icon-rename-fff); } - + /* Google integration */ - + #google_prefs #google-content button.google-oauth { background-color: var(--color-primary); } - + #google-import-contacts .icon-contacts-dark { background-image: var(--icon-contacts-app-ffffff); } - + #google-calendars button .icon-calendar-dark { background-image: var(--icon-calendar-calendar-ffffff); } - + #google-import-files .icon-files-dark { background-image: var(--icon-files-app-ffffff); } - + #google-import-photos .icon-picture { background-image: var(--icon-picture-ffffff); } - + #header .header-right .magnify-icon > svg { display: none; }