diff --git a/core/css/server.css b/core/css/server.css
index 9e45aab05464ecf3aad341523115420d9e8cfccd..9ad348b41fc3cd6ee8e6470e98bc0f279295f26f 100644
--- a/core/css/server.css
+++ b/core/css/server.css
@@ -15,1718 +15,1707 @@
  * You should have received a copy of the GNU Affero General Public License, version 3,
  * along with this program.  If not, see <http://www.gnu.org/licenses/>
  */
- @font-face {
+@font-face {
     font-family: 'Roboto';
-    src: url('../webfonts/Roboto-Regular.woff2') format('woff2'),
-        url('../webfonts/Roboto-Regular.woff') format('woff');
+    src: url('../webfonts/Roboto-Regular.woff2') format('woff2'), url('../webfonts/Roboto-Regular.woff') format('woff');
     /* font-weight: 600; */
     /* font-style: normal; */
     font-display: swap;
     letter-spacing: 1px;
- }
- *{
-	 font-family: 'Roboto';
- }
- :root {
-	--color-primary: #007fff;
-	--color-primary-element: #007fff;
-	--color-secondary-element: white;
-	--border-color-secondary-element: #007fff;
-	--color-primary-element-light: #007fff;
-	--color-error: #fb3845;
-	--color-delete: #e9322d;
-	--color-success: #3ad975;
-	--color-main-background: #ffffff;
-	--color-main-background-translucent: #f2f2f2;
-	--color-main-text: black;
-	--color-background-hover: white;
-	--color-text-maxcontrast: black;
-	--color-border-dark: #e6e6e6;
-	--color-border: #ebebeb;
-	--icon-settings-dark-000: #000000;
-	--icon-inactive-color: #808080;
-	--icon-active-color: #007fff;
-	--input-background-color: white;
-	--menu-icon-color: #222;
-	--color-dashboard-panels: #f2f2f2;
-	--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;
-	--icon-notifications-notifications-000000: url("/svg/notifications/notifications?color=000");
-	--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,
-  button.toggle.has-tooltip:hover,
-  .primary:active,
-  input[type="submit"]:active,
-  input[type="button"]:active,
-  input[type="reset"]:active,
-  input[type="button"]:hover,
-  input[type="submit"]:hover,
-  input[type="reset"]:hover,
-  .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,
-  button.import-contact__button-main:hover,
-  button#notes_new_note:hover,
-  #oc-dialog-filepicker-content .actions.creatable .icon.icon-add:hover {
-	opacity: 0.8;
-  }
-
-  /* primary action button, use sparingly */
-  button,
-  .button,
-  .primary,
-  input[type="submit"].primary,
-  input[type="button"].primary,
-  button.toggle.has-tooltip,
-  button.primary,
-  .button.primary,
-  .primary:active,
-  input[type="submit"].primary:active,
-  input[type="button"].primary:active,
-  button.primary:active,
-  .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,
-  button.import-contact__button-main,
-  button#notes_new_note,
-  #content.app-news button.explore-subscribe,
-  input[type="button"],
-  input[type="submit"],
-  input[type="reset"] {
-	background-color: var(--color-primary);
-	color: white;
-	border-color: var(--color-primary);
-  }
-
-  input.primary:not(:disabled):hover,
-  input.primary:not(:disabled):focus,
-  button.primary:not(:disabled):hover,
-  button.primary:not(:disabled):focus,
-  a.primary:not(:disabled):hover,
-  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),
-  .event-popover__buttons button:not(.primary),
-  .event-popover__buttons button:not(.primary):active,
-  .oc-dialog-buttonrow.twobuttons button:not(.primary),
-  .oc-dialog-buttonrow.twobuttons button:not(.primary):active,
-  .status-buttons .status-buttons__select {
-	background-color: var(--color-secondary-element);
-	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,
-  textarea:not(:disabled):hover,
-  div[contenteditable="true"]:not(:disabled):hover,
-  textarea:not(:disabled):focus,
-  div[contenteditable="true"]:not(:disabled):focus {
-	background-color: var(--input-background-color) !important;
-  }
-
-  select,
-  textarea,
-  input[type="text"],
-  input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="color"]):not([type="file"]):not([type="image"]):not(.multiselect__input),
-  #content-vue.app-tasks .task-body__checkbox label.reactive.no-nav::before,
-  #content.app-files #commentsTabView .newCommentForm .message,
-  .multiselect
-	.multiselect__content-wrapper
-	.multiselect__content
-	li
-	> span.multiselect__option,
-  div.select2-container-multi .select2-choices,
-  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);
-  }
-  body.theme--dark #header .header-right > div > .notification-container.menu,
-  body.theme--dark #settings #expanddiv {
-	background-color: var(--color-main-background);
-  }
-  .multiselect .multiselect__tags input.multiselect__single,
-  .multiselect .multiselect__tags span.multiselect__single,
-  .multiselect .multiselect__tags span.multiselect__placeholder,
-  .multiselect .multiselect__tags .multiselect__content,
-  .multiselect .multiselect__tags .multiselect__tags-wrap,
-  .multiselect .multiselect__input,
-  .multiselect
-	.multiselect__content-wrapper
-	.multiselect__content
-	li.multiselect__element,
-  .multiselect
-	.multiselect__content-wrapper
-	.multiselect__content
-	li.multiselect__element
-	.multiselect__option,
-  #content-vue.app-contacts
-	.property.property--without-actions.property--last.property-masonry:not(.property--addressbooks):not(.property--groups)
-	.multiselect
-	.multiselect__tags
-	.multiselect__input,
-  #content-vue.app-contacts
-	.multiselect
-	.multiselect__tags
-	input.multiselect__input,
-  #content-vue.app-contacts
-	.multiselect
-	> .multiselect__tags
-	> span.multiselect__single,
-  #content.app-files #commentsTabView .newCommentForm .message:hover,
-  #app-dashboard .footer a:hover,
-  #app-content-systemtagsfilter .select2-container ul {
-	background-color: var(--input-background-color) !important;
-  }
-  /* use logos from theme */
-  #header .logo,
-  #firstrunwizard .logo {
-	background-image: url("../img/logo@2x.svg");
-	width: 256px;
-	height: 128px;
-  }
-  #header .logo-icon {
-	width: 130px;
-	height: 40px;
-	top: 5px;
-	bottom: 0px;
-	border-radius: 22px;
-  }
-
-  #header #nextcloud {
-	padding-left: 150px;
-  }
-
-  #header .notifications .svg {
-	height: 17px;
-	width: 17px;
-  }
-
-  /*
+}
+* {
+    font-family: 'Roboto';
+}
+:root {
+    --color-primary: #007fff;
+    --color-primary-element: #007fff;
+    --color-secondary-element: white;
+    --border-color-secondary-element: #007fff;
+    --color-primary-element-light: #007fff;
+    --color-error: #fb3845;
+    --color-delete: #e9322d;
+    --color-success: #3ad975;
+    --color-main-background: #ffffff;
+    --color-main-background-header: #ffffff;
+    --color-main-background-translucent: #f2f2f2;
+    --color-main-text: black;
+    --color-background-hover: white;
+    --color-text-maxcontrast: black;
+    --color-border-dark: #e6e6e6;
+    --color-border: #ebebeb;
+    --icon-settings-dark-000: #000000;
+    --icon-inactive-color: #808080;
+    --icon-active-color: #007fff;
+    --input-background-color: white;
+    --menu-icon-color: #222;
+    --color-dashboard-panels: #f2f2f2;
+    --color-dashboard-background-plain: #d2d2d2;
+    --color-sharing-icon-background: #767676;
+    --logo: url("../img/logo@2x.svg");
+    --notification-icon-invert: invert(0%);
+}
+
+/* Force a few variables to right values for dark theme */
+body.theme--dark {
+    --color-main-background-header: #272727;
+    --input-background-color: #181818;
+    --icon-notifications-notifications-000000: url("/svg/notifications/notifications?color=000");
+    --icon-notifications-notifications-new-000000: url("/svg/notifications/notifications-new?color=000");
+    --icon-search-000: url("/svg/core/actions/search?color=fff");
+    --logo: url("../img/logo@2x-dark.svg");
+    --notification-icon-invert: invert(100%);
+}
+
+body.theme--highcontrast {
+    --icon-inactive-color: black;
+}
+
+#body-user #header,
+#body-settings #header,
+#body-public #header {
+    background-color: var(--color-main-background-header) !important;
+}
+
+button:not(:disabled):hover,
+.primary:not(:disabled):hover,
+.button:hover,
+button.toggle.has-tooltip:hover,
+.primary:active,
+input[type="submit"]:active,
+input[type="button"]:active,
+input[type="reset"]:active,
+input[type="button"]:hover,
+input[type="submit"]:hover,
+input[type="reset"]:hover,
+.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,
+button.import-contact__button-main:hover,
+button#notes_new_note:hover,
+#oc-dialog-filepicker-content .actions.creatable .icon.icon-add:hover {
+    opacity: 0.8;
+}
+
+/* primary action button, use sparingly */
+button,
+.button,
+.primary,
+input[type="submit"].primary,
+input[type="button"].primary,
+button.toggle.has-tooltip,
+button.primary,
+.button.primary,
+.primary:active,
+input[type="submit"].primary:active,
+input[type="button"].primary:active,
+button.primary:active,
+.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,
+button.import-contact__button-main,
+button#notes_new_note,
+#content.app-news button.explore-subscribe,
+input[type="button"],
+input[type="submit"],
+input[type="reset"] {
+    background-color: var(--color-primary);
+    color: white;
+    border-color: var(--color-primary);
+}
+
+input.primary:not(:disabled):hover,
+input.primary:not(:disabled):focus,
+button.primary:not(:disabled):hover,
+button.primary:not(:disabled):focus,
+a.primary:not(:disabled):hover,
+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),
+.event-popover__buttons button:not(.primary),
+.event-popover__buttons button:not(.primary):active,
+.oc-dialog-buttonrow.twobuttons button:not(.primary),
+.oc-dialog-buttonrow.twobuttons button:not(.primary):active,
+.status-buttons .status-buttons__select {
+    background-color: var(--color-secondary-element);
+    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,
+textarea:not(:disabled):hover,
+div[contenteditable="true"]:not(:disabled):hover,
+textarea:not(:disabled):focus,
+div[contenteditable="true"]:not(:disabled):focus {
+    background-color: var(--input-background-color) !important;
+}
+
+select,
+textarea,
+input[type="text"],
+input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="color"]):not([type="file"]):not([type="image"]):not(.multiselect__input),
+#content-vue.app-tasks .task-body__checkbox label.reactive.no-nav::before,
+#content.app-files #commentsTabView .newCommentForm .message,
+.multiselect .multiselect__content-wrapper .multiselect__content li > span.multiselect__option,
+div.select2-container-multi .select2-choices,
+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);
+}
+body.theme--dark #header .header-right > div > .notification-container.menu,
+body.theme--dark #settings #expanddiv {
+    background-color: var(--color-main-background);
+}
+.multiselect .multiselect__tags input.multiselect__single,
+.multiselect .multiselect__tags span.multiselect__single,
+.multiselect .multiselect__tags span.multiselect__placeholder,
+.multiselect .multiselect__tags .multiselect__content,
+.multiselect .multiselect__tags .multiselect__tags-wrap,
+.multiselect .multiselect__input,
+.multiselect .multiselect__content-wrapper .multiselect__content li.multiselect__element,
+.multiselect .multiselect__content-wrapper .multiselect__content li.multiselect__element .multiselect__option,
+#content-vue.app-contacts .property.property--without-actions.property--last.property-masonry:not(.property--addressbooks):not(.property--groups) .multiselect .multiselect__tags .multiselect__input,
+#content-vue.app-contacts .multiselect .multiselect__tags input.multiselect__input,
+#content-vue.app-contacts .multiselect > .multiselect__tags > span.multiselect__single,
+#content.app-files #commentsTabView .newCommentForm .message:hover,
+#app-dashboard .footer a:hover,
+#app-content-systemtagsfilter .select2-container ul {
+    background-color: var(--input-background-color) !important;
+}
+/* use logos from theme */
+#header .logo,
+#firstrunwizard .logo {
+    background-image: var(--logo);
+    width: 256px;
+    height: 128px;
+}
+#header .logo-icon {
+    width: 130px;
+    height: 40px;
+    top: 5px;
+    bottom: 0;
+    border-radius: 22px;
+}
+
+#header #nextcloud {
+    padding-left: 150px;
+}
+
+#header .notifications .svg {
+    height: 17px;
+    width: 17px;
+    filter: var(--notification-icon-invert);
+}
+
+/*
 	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,
-  #app-navigation:not(.vue) > ul > li a.selected,
-  #app-navigation:not(.vue) > ul > li a.active,
-  #app-navigation:not(.vue) > ul > li.active > a,
-  #app-navigation:not(.vue) > ul > li a:active > a,
-  #app-navigation:not(.vue) > ul > li a.selected > a,
-  #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;
-  }
-  .nc-theming-main-text {
-	color: #fff;
-  }
-  .nc-theming-contrast {
-	color: #fff;
-  }
-  #appmenu:not(.inverted) svg {
-	filter: none;
-  }
-  #appmenu.inverted svg {
-	filter: invert(1);
-  }
-  .icon-folder,
-  .icon-filetype-folder {
-	background-image: var(--icon-folder-007FFF);
-  }
-  .icon-filetype-text {
-	background-image: var(--icon-text-007fff);
-  }
-  .icon-filetype-folder-drag-accept {
-	background-image: var(--icon-folder-drag-accept-007fff) !important;
-  }
-  #header .logo {
-	background-image: url("../img/logo@2x.svg");
-  }
-  #body-user #header,
-  #body-settings #header,
-  #body-public #header {
-	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;
-  }
-
-  input.primary,
-  #alternative-logins li a {
-	background-color: #999999;
-	border: 1px solid #fff;
-	color: #fff;
-  }
-  footer {
-	height: 92px;
-  }
-
-  .notifications-button.hasNotifications {
-	opacity: 0.6 !important;
-  }
-  .notifications-button.hasNotifications:hover,
-  .notifications-button.hasNotifications:focus {
-	opacity: 1 !important;
-  }
-  #header .notification-wrapper .dismiss-all .icon.icon-close {
-	margin-top: 4px;
-  }
-  #content #app-navigation,
-  #content.app-news #app-navigation button {
-	color: var(--color-main-text);
-	border-right: 1px 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,
-  #content.app-news .add-new button.icon-add,
-  .who-has-access .action-item.icon-add.addAdditionalAdmin,
-  #content-vue.app-tasks
-	#app-navigation-vue
-	.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);
-  }
-  .icon-template-add {
-	background-image: var(--icon-template-add-808080);
-  }
-  .icon-tasks,
-  .panel--header .icon-tasks,
-  .modal__content .icon-tasks {
-	background-image: var(--icon-tasks-tasks-808080);
-  }
-  #tasks_panel .empty-content .icon-tasks {
-	background-image: var(--icon-tasks-tasks-808080) !important;
-  }
-  .icon-checkmark {
-	background-image: var(--icon-checkmark-808080);
-  }
-  .icon-group {
-	background-image: var(--icon-group-808080);
-  }
-  .icon-timezone {
-	background-image: var(--icon-timezone-808080);
-  }
-  .icon-edit {
-	background-image: var(--icon-edit-808080);
-  }
-  .icon-reminder {
-	background-image: var(--icon-notifications-notifications-808080);
-  }
-  .icon-gravatar {
-	background-image: var(--icon-contacts-gravatar-808080);
-  }
-  #content-vue.app-calendar .app-sidebar-tabs__tab-icon.icon-reminder {
-	background-size: 13px;
-  }
-  .icon-clippy {
-	background-image: var(--icon-clippy-808080);
-  }
-  .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);
-  }
-  .icon-projects {
-	background-image: var(--icon-projects-808080);
-  }
-  .icon-comment {
-	background-image: var(--icon-comment-808080);
-  }
-  .icon-activity {
-	background-image: var(--icon-activity-activity-808080);
-  }
-  .icon-link {
-	background-image: var(--icon-public-808080);
-  }
-  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);
-  }
-  .icon-link {
-	background-image: var(--icon-link-808080);
-  }
-  .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,
-  #new-contact-button.icon-add,
-  #content-vue.app-notes #notes_new_note.icon-add,
-  #oc-dialog-filepicker-content .actions.creatable .icon.icon-add,
-  #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: 1px 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
-	button:hover,
-  #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
-	.statuses
-	button,
-  #body-user[data-dashboard-background]:not(.theme--dark)
-	#app-dashboard
-	.footer
-	a {
-	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
-	.background.filepicker,
-  body[data-dashboard-background]:not(.theme--dark)
-	.background-selector
-	.background.default,
-  body[data-dashboard-background]:not(.theme--dark)
-	.modal__content
-	.background-selector
-	.background.color {
-	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)
-	#fileList
-	tr:not(.hidden).selected
-	.thumbnail-wrapper,
-  #filestable.view-grid:not(.hidden)
-	#fileList
-	tr:not(.hidden).selected
-	.fileactions,
-  #filestable.view-grid:not(.hidden)
-	#fileList
-	tr:not(.hidden).selected
-	.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-drive button .icon-close,
-  #google-photos button .icon-close {
-	background-image: var(--icon-close-fff);
-  }
-
-  #google-rm-cred .icon-close {
-	background-image: var(--icon-close-000);
-	opacity: 1;
-  }
-
-  .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;
-  }
-  .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,
-  .nav-icon-pendingshares,
-  #content.app-files .icon-share,
-  #content.app-files .icon-shared {
-	background-image: var(--icon-files-share-808080);
-  }
-  .nav-icon-shareoverview.active,
-  .nav-icon-sharingout.active,
-  .nav-icon-sharingin.active,
-  .nav-icon-pendingshares.active {
-	background-image: var(--icon-files-share-007fff);
-  }
-  .nav-icon-sharinglinks {
-	background-image: var(--icon-public-808080);
-  }
-  .nav-icon-sharinglinks.active {
-	background-image: var(--icon-public-007fff);
-  }
-  .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);
-  }
-  .app-sidebar-header__star.icon-star,
-  .app-sidebar-header__star.icon-starred,
-  .app-sidebar-header__star.icon-star:hover,
-  .app-sidebar-header__star.icon-starred:hover,
-  #view-toggle {
-	background-size: 16px;
-  }
-
-  #collection-list .multiselect .multiselect__tags .multiselect__input {
-	background-color: transparent !important;
-  }
-  #collection-list
-	.multiselect.multiselect--active
-	.multiselect__tags
-	.multiselect__input {
-	background-color: var(--input-background-color) !important;
-  }
-  #app-sidebar-vue #sharing .sharing-entry .avatar-external,
-  #app-sidebar-vue #sharing .sharing-entry .avatar-shared {
-	background-color: var(--color-primary);
-  }
-  #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
-	span.multiselect__single,
-  #content-vue.app-contacts
-	.multiselect.property__label
-	.multiselect__tags
-	.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);
-  }
-  li.app-navigation-entry.active .icon-address-book {
-	background-image: var(--icon-contacts-address-book-007fff);
-  }
-  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
-	> .multiselect__tags
-	> .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;
-  }
-  #content-vue.app-contacts .app-content > .empty-content {
-	margin: 20vh;
-  }
-  .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,
-  button.primary .icon-upload,
-  #content-vue.app-calendar .settings-fieldset-interior-item .icon-upload,
-  #content-vue.app-bookmarks #app-settings-content button .icon-upload,
-  button.import-contact__button-main .icon-upload,
-  .import-export button.icon-upload,
-  .attachments-drag-zone button.icon-upload {
-	background-image: var(--icon-upload-000);
-  }
-  #uploadavatarbutton.icon-upload{
-	background-image: var(--icon-upload-ffffff);
-  }
-  .action-button .icon-upload,
-  .menuitem .icon-upload,
-  button.import-contact__button--local:disabled .import-contact__button-icon.icon-upload
-   {
-	background-image: var(--icon-upload-808080);
-  }
-
-  button .icon-download,
-  .button .icon-download,
-  .import-export .button.icon-download {
-	background-image: var(--icon-download-ffffff);
-  }
-  .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);
-  }
-  .icon-tag,
-  .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);
-  }
-  #header #header-menu-unified-search .unified-search__form-input,
-  #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,
-  button.menuitem:hover .icon-delete,
-  .app-navigation-entry-menu button:hover .icon-delete,
-  #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,
-  #appmenu:hover li .icon-loading-small,
-  #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;
-  }
-  #workflowengine .actions__item.colored button {
-	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);
-	border: none;
-	max-width: 100px;
-	margin: auto;
-  }
-  .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);
-  }
-  .icon-menu {
-	background-image: var(--icon-menu-808080);
-  }
-  .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 {
-	background-size: 12px;
-  }
-  #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;
-  }
-  #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
-	.material-design-icon__svg,
-  #content-vue.app-calendar
-	#app-settings
-	.settings-button__icon
-	.material-design-icon__svg,
-  #content-vue.app-calendar
-	~ .popover
-	div[class^="property-"]
-	.material-design-icon__svg,
-  #content-vue.app-calendar div[class^="property-"] .material-design-icon__svg,
-  #content-vue.app-calendar
-	.app-sidebar
-	.app-sidebar__close
-	.material-design-icon__svg,
-  #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 {
-	background: var(--color-primary);
-  }
-  input[type="text"] + .icon-confirm,
-  input[type="password"] + .icon-confirm,
-  input[type="email"] + .icon-confirm {
-	background-color: var(--color-primary) !important;
-	background-image: var(--icon-confirm-fff) !important;
-	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,
-  input[type="email"]:not(:active):not(:hover):not(:focus) + .icon-confirm:active,
-  input[type="text"]:not(:active):not(:hover):not(:focus) + .icon-confirm:hover,
-  input[type="password"]:not(:active):not(:hover):not(:focus)
-	+ .icon-confirm:hover,
-  input[type="email"]:not(:active):not(:hover):not(:focus) + .icon-confirm:hover,
-  input[type="text"]:not(:active):not(:hover):not(:focus) + .icon-confirm:focus,
-  input[type="password"]:not(:active):not(:hover):not(:focus)
-	+ .icon-confirm:focus,
-  input[type="email"]:not(:active):not(:hover):not(:focus) + .icon-confirm:focus {
-	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;
-  }
-  #app-sidebar-vue.app-sidebar
-	.app-sidebar-header__desc
-	.app-sidebar-header__menu {
-	background-color: var(--color-main-background);
-  }
-
-  #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);
-  }
-  .icon-category-dashboard {
-	background-image: var(--icon-dashboard-dashboard-808080);
-  }
-  .icon-category-customization {
-	background-image: var(--icon-customization-808080);
-  }
-  .icon-category-games {
-	background-image: var(--icon-games-808080);
-  }
-  .icon-category-integration {
-	background-image: var(--icon-integration-808080);
-  }
-  .icon-category-monitoring {
-	background-image: var(--icon-monitoring-808080);
-  }
-  .icon-category-multimedia {
-	background-image: var(--icon-multimedia-808080);
-  }
-  .icon-category-office {
-	background-image: var(--icon-office-808080);
-  }
-  .icon-category-organization {
-	background-image: var(--icon-organization-808080);
-  }
-  .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
-	button.icon-confirm::before {
-	content: unset;
-  }
-  .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);
-  }
-  #app-navigation .icon-full-text-disabled {
-	background-image: var(--icon-news-nonfulltext-808080);
-  }
-  #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 span.icon-rename {
-	background-image: var(--icon-rename-000);
-  }
-
-  /* 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-000);
-  }
-
-  #google-calendars button .icon-calendar-dark {
-	background-image: var(--icon-calendar-000);
-  }
-
-  #google-import-files .icon-files-dark {
-	background-image: var(--icon-files-000);
-  }
-
-  #google-import-photos .icon-picture {
-	background-image: var(--icon-picture-000);
-  }
-
-  /* remove opacity */
-  button.edit-output-dir span.icon-rename, #google-rm-cred .icon-close, #google-import-photos .icon-picture, #google-import-contacts .icon-contacts-dark, #google-calendars button .icon-calendar-dark, #google-import-files .icon-files-dark  {
-	opacity: 1;
-  }
-  /** */
-  #header .header-right .magnify-icon > svg {
-	display: none;
-  }
-  .new-icons .color-icons{
+.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,
+#app-navigation:not(.vue) > ul > li a.selected,
+#app-navigation:not(.vue) > ul > li a.active,
+#app-navigation:not(.vue) > ul > li.active > a,
+#app-navigation:not(.vue) > ul > li a:active > a,
+#app-navigation:not(.vue) > ul > li a.selected > a,
+#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;
+}
+.nc-theming-main-text {
+    color: #fff;
+}
+.nc-theming-contrast {
+    color: #fff;
+}
+#appmenu:not(.inverted) svg {
+    filter: none;
+}
+#appmenu.inverted svg {
+    filter: invert(1);
+}
+.icon-folder,
+.icon-filetype-folder {
+    background-image: var(--icon-folder-007FFF);
+}
+.icon-filetype-text {
+    background-image: var(--icon-text-007fff);
+}
+.icon-filetype-folder-drag-accept {
+    background-image: var(--icon-folder-drag-accept-007fff) !important;
+}
+#header .logo {
+    background-image: var(--logo);
+}
+#body-user #header,
+#body-settings #header,
+#body-public #header {
+    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;
+}
+
+input.primary,
+#alternative-logins li a {
+    background-color: #999999;
+    border: 1px solid #fff;
+    color: #fff;
+}
+footer {
+    height: 92px;
+}
+
+.notifications-button.hasNotifications {
+    opacity: 0.6 !important;
+}
+.notifications-button.hasNotifications:hover,
+.notifications-button.hasNotifications:focus {
+    opacity: 1 !important;
+}
+#header .notification-wrapper .dismiss-all .icon.icon-close {
+    margin-top: 4px;
+}
+#content #app-navigation,
+#content.app-news #app-navigation button {
+    color: var(--color-main-text);
+    border-right: 1px 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,
+#content.app-news .add-new button.icon-add,
+.who-has-access .action-item.icon-add.addAdditionalAdmin,
+#content-vue.app-tasks #app-navigation-vue .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);
+}
+.icon-template-add {
+    background-image: var(--icon-template-add-808080);
+}
+.icon-tasks,
+.panel--header .icon-tasks,
+.modal__content .icon-tasks {
+    background-image: var(--icon-tasks-tasks-808080);
+}
+#tasks_panel .empty-content .icon-tasks {
+    background-image: var(--icon-tasks-tasks-808080) !important;
+}
+.icon-checkmark {
+    background-image: var(--icon-checkmark-808080);
+}
+.icon-group {
+    background-image: var(--icon-group-808080);
+}
+.icon-timezone {
+    background-image: var(--icon-timezone-808080);
+}
+.icon-edit {
+    background-image: var(--icon-edit-808080);
+}
+.icon-reminder {
+    background-image: var(--icon-notifications-notifications-808080);
+}
+.icon-gravatar {
+    background-image: var(--icon-contacts-gravatar-808080);
+}
+#content-vue.app-calendar .app-sidebar-tabs__tab-icon.icon-reminder {
+    background-size: 13px;
+}
+.icon-clippy {
+    background-image: var(--icon-clippy-808080);
+}
+.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);
+}
+.icon-projects {
+    background-image: var(--icon-projects-808080);
+}
+.icon-comment {
+    background-image: var(--icon-comment-808080);
+}
+.icon-activity {
+    background-image: var(--icon-activity-activity-808080);
+}
+.icon-link {
+    background-image: var(--icon-public-808080);
+}
+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);
+}
+.icon-link {
+    background-image: var(--icon-link-808080);
+}
+.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,
+#new-contact-button.icon-add,
+#content-vue.app-notes #notes_new_note.icon-add,
+#oc-dialog-filepicker-content .actions.creatable .icon.icon-add,
+#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: 1px 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 button:hover,
+#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 .statuses button,
+#body-user[data-dashboard-background]:not(.theme--dark) #app-dashboard .footer a {
+    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 .background.filepicker,
+body[data-dashboard-background]:not(.theme--dark) .background-selector .background.default,
+body[data-dashboard-background]:not(.theme--dark) .modal__content .background-selector .background.color {
+    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) #fileList tr:not(.hidden).selected .thumbnail-wrapper,
+#filestable.view-grid:not(.hidden) #fileList tr:not(.hidden).selected .fileactions,
+#filestable.view-grid:not(.hidden) #fileList tr:not(.hidden).selected .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: 0;
+}
+
+#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-drive button .icon-close,
+#google-photos button .icon-close {
+    background-image: var(--icon-close-fff);
+}
+
+#google-rm-cred .icon-close {
+    background-image: var(--icon-close-000);
+    opacity: 1;
+}
+
+.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;
+}
+.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,
+.nav-icon-pendingshares,
+#content.app-files .icon-share,
+#content.app-files .icon-shared {
+    background-image: var(--icon-files-share-808080);
+}
+.nav-icon-shareoverview.active,
+.nav-icon-sharingout.active,
+.nav-icon-sharingin.active,
+.nav-icon-pendingshares.active {
+    background-image: var(--icon-files-share-007fff);
+}
+.nav-icon-sharinglinks {
+    background-image: var(--icon-public-808080);
+}
+.nav-icon-sharinglinks.active {
+    background-image: var(--icon-public-007fff);
+}
+.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);
+}
+.app-sidebar-header__star.icon-star,
+.app-sidebar-header__star.icon-starred,
+.app-sidebar-header__star.icon-star:hover,
+.app-sidebar-header__star.icon-starred:hover,
+#view-toggle {
+    background-size: 16px;
+}
+
+#collection-list .multiselect .multiselect__tags .multiselect__input {
+    background-color: transparent !important;
+}
+#collection-list .multiselect.multiselect--active .multiselect__tags .multiselect__input {
+    background-color: var(--input-background-color) !important;
+}
+#app-sidebar-vue #sharing .sharing-entry .avatar-external,
+#app-sidebar-vue #sharing .sharing-entry .avatar-shared {
+    background-color: var(--color-primary);
+}
+#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 span.multiselect__single,
+#content-vue.app-contacts .multiselect.property__label .multiselect__tags .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);
+}
+li.app-navigation-entry.active .icon-address-book {
+    background-image: var(--icon-contacts-address-book-007fff);
+}
+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 > .multiselect__tags > .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;
+}
+#content-vue.app-contacts .app-content > .empty-content {
+    margin: 20vh;
+}
+.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,
+button.primary .icon-upload,
+#content-vue.app-calendar .settings-fieldset-interior-item .icon-upload,
+#content-vue.app-bookmarks #app-settings-content button .icon-upload,
+button.import-contact__button-main .icon-upload,
+.import-export button.icon-upload,
+.attachments-drag-zone button.icon-upload {
+    background-image: var(--icon-upload-000);
+}
+#uploadavatarbutton.icon-upload {
+    background-image: var(--icon-upload-ffffff);
+}
+.action-button .icon-upload,
+.menuitem .icon-upload,
+button.import-contact__button--local:disabled .import-contact__button-icon.icon-upload {
+    background-image: var(--icon-upload-808080);
+}
+
+button .icon-download,
+.button .icon-download,
+.import-export .button.icon-download {
+    background-image: var(--icon-download-ffffff);
+}
+.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);
+}
+.icon-tag,
+.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);
+}
+#header #header-menu-unified-search .unified-search__form-input,
+#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,
+button.menuitem:hover .icon-delete,
+.app-navigation-entry-menu button:hover .icon-delete,
+#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,
+#appmenu:hover li .icon-loading-small,
+#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;
+}
+#workflowengine .actions__item.colored button {
+    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);
+    border: none;
+    max-width: 100px;
+    margin: auto;
+}
+.mx-datepicker .mx-calendar td {
+    border: 0;
+}
+
+.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);
+}
+.icon-menu {
+    background-image: var(--icon-menu-808080);
+}
+.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: 0;
+    margin-bottom: 0;
+}
+
+.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 {
+    background-size: 12px;
+}
+#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;
+}
+#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 .material-design-icon__svg,
+#content-vue.app-calendar #app-settings .settings-button__icon .material-design-icon__svg,
+#content-vue.app-calendar ~ .popover div[class^="property-"] .material-design-icon__svg,
+#content-vue.app-calendar div[class^="property-"] .material-design-icon__svg,
+#content-vue.app-calendar .app-sidebar .app-sidebar__close .material-design-icon__svg,
+#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 {
+    background: var(--color-primary);
+}
+input[type="text"] + .icon-confirm,
+input[type="password"] + .icon-confirm,
+input[type="email"] + .icon-confirm {
+    background-color: var(--color-primary) !important;
+    background-image: var(--icon-confirm-fff) !important;
+    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,
+input[type="email"]:not(:active):not(:hover):not(:focus) + .icon-confirm:active,
+input[type="text"]:not(:active):not(:hover):not(:focus) + .icon-confirm:hover,
+input[type="password"]:not(:active):not(:hover):not(:focus) + .icon-confirm:hover,
+input[type="email"]:not(:active):not(:hover):not(:focus) + .icon-confirm:hover,
+input[type="text"]:not(:active):not(:hover):not(:focus) + .icon-confirm:focus,
+input[type="password"]:not(:active):not(:hover):not(:focus) + .icon-confirm:focus,
+input[type="email"]:not(:active):not(:hover):not(:focus) + .icon-confirm:focus {
+    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;
+}
+#app-sidebar-vue.app-sidebar .app-sidebar-header__desc .app-sidebar-header__menu {
+    background-color: var(--color-main-background);
+}
+
+#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);
+}
+.icon-category-dashboard {
+    background-image: var(--icon-dashboard-dashboard-808080);
+}
+.icon-category-customization {
+    background-image: var(--icon-customization-808080);
+}
+.icon-category-games {
+    background-image: var(--icon-games-808080);
+}
+.icon-category-integration {
+    background-image: var(--icon-integration-808080);
+}
+.icon-category-monitoring {
+    background-image: var(--icon-monitoring-808080);
+}
+.icon-category-multimedia {
+    background-image: var(--icon-multimedia-808080);
+}
+.icon-category-office {
+    background-image: var(--icon-office-808080);
+}
+.icon-category-organization {
+    background-image: var(--icon-organization-808080);
+}
+.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 button.icon-confirm::before {
+    content: unset;
+}
+.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);
+}
+#app-navigation .icon-full-text-disabled {
+    background-image: var(--icon-news-nonfulltext-808080);
+}
+#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 span.icon-rename {
+    background-image: var(--icon-rename-000);
+}
+
+/* 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-000);
+}
+
+#google-calendars button .icon-calendar-dark {
+    background-image: var(--icon-calendar-000);
+}
+
+#google-import-files .icon-files-dark {
+    background-image: var(--icon-files-000);
+}
+
+#google-import-photos .icon-picture {
+    background-image: var(--icon-picture-000);
+}
+
+/* remove opacity */
+button.edit-output-dir span.icon-rename,
+#google-rm-cred .icon-close,
+#google-import-photos .icon-picture,
+#google-import-contacts .icon-contacts-dark,
+#google-calendars button .icon-calendar-dark,
+#google-import-files .icon-files-dark {
+    opacity: 1;
+}
+/** */
+#header .header-right .magnify-icon > svg {
+    display: none;
+}
+.new-icons .color-icons {
     background-image: url("../img/app-icons/other.svg");
-    width: 100% ;
+    width: 100%;
     height: 80px;
     background-position: 50%;
     background-repeat: no-repeat;
     background-size: 60px;
-  }
-  .new-icons .drive , .new-icons .files {background-image: url("../img/app-icons/Drive.svg");}
-  .new-icons .activity {background-image: url("../img/app-icons/Activity.svg");}
-  .new-icons .bookmarks {background-image: url("../img/app-icons/Bookmark.svg");}
-  .new-icons .calendar {background-image: url("../img/app-icons/Calendar.svg");}
-  .new-icons .carnet {background-image: url("../img/app-icons/Carnet.svg");}
-  .new-icons .contacts {background-image: url("../img/app-icons/Contacts.svg");}
-  .new-icons .deck {background-image: url("../img/app-icons/Deck.svg");}
-  .new-icons .docs {background-image: url("../img/app-icons/Docs.svg");}
-  .new-icons .email,.new-icons .rainloop,.new-icons .snappymail {background-image: url("../img/app-icons/E-mail.svg");}
-  .new-icons .gitlab {background-image: url("../img/app-icons/Gitlab.svg");}
-  .new-icons .news {background-image: url("../img/app-icons/News.svg");}
-  .new-icons .notes {background-image: url("../img/app-icons/Notes.svg");}
-  .new-icons .presentation {background-image: url("../img/app-icons/Presentation.svg");}
-  .new-icons .spreadsheet {background-image: url("../img/app-icons/Spreadsheet.svg");}
-  .new-icons .tasks {background-image: url("../img/app-icons/Tasks.svg");}
-  .new-icons .photos {background-image: url("../img/app-icons/Gallery.svg");}
-  .new-icons .e-user-support-center {background-image: url("../img/app-icons/Support.svg");}
-  .new-icons .passwords {background-image: url("../img/app-icons/Password.svg");}
-  .new-icons .onlyoffice_docx {background-image: url("../img/app-icons/Docs.svg");}
-  .new-icons .onlyoffice_xlsx {background-image: url("../img/app-icons/Spreadsheet.svg");}
-  .new-icons .onlyoffice_pptx {background-image: url("../img/app-icons/Presentation.svg");}
-  .new-icons .cookbook {background-image: url("../img/app-icons/Cookbook.svg");}
-
-  #appmenu li:hover a, #appmenu li a:focus {
-	font-size: 12px;
-	font-family: 'Roboto';
-	letter-spacing: 1px;
-  }
-  #filestable thead{background-color: white !important ;}
-  #recommendations{height: 100px !important;}
-  .recommendation{border: 1px solid #E6E8E9;padding: 10px !important;margin-bottom: 5px;border-radius: 6px !important;}
-  progress{border-radius: 10px 10px !important;height: 12px !important;}
-  #appmenu li a:focus .icon-more, #appmenu li a:focus .icon-more-white {transform: none !important;}
-  #more-apps:hover span, #more-apps:focus span, #more-apps a:focus span{display: none !important;}
-
-  button#quotaincreasebutton {
-      margin-top: 15px !important;
-  }
-  @media only screen and (max-width: 640px) {
-      .new-icons .color-icons {
-          height: 50px;
-          background-size: 40px;
-      }
-      #launcher-menu {
-          width: 300px  !important;
-          left: 10%  !important;
-      }
-  }
-  @media only screen and (max-width: 640px) {
-      #launcher-menu {
-          left: 5% !important;
-      }
-  }
+}
+.new-icons .drive,
+.new-icons .files {
+    background-image: url("../img/app-icons/Drive.svg");
+}
+.new-icons .activity {
+    background-image: url("../img/app-icons/Activity.svg");
+}
+.new-icons .bookmarks {
+    background-image: url("../img/app-icons/Bookmark.svg");
+}
+.new-icons .calendar {
+    background-image: url("../img/app-icons/Calendar.svg");
+}
+.new-icons .carnet {
+    background-image: url("../img/app-icons/Carnet.svg");
+}
+.new-icons .contacts {
+    background-image: url("../img/app-icons/Contacts.svg");
+}
+.new-icons .deck {
+    background-image: url("../img/app-icons/Deck.svg");
+}
+.new-icons .docs {
+    background-image: url("../img/app-icons/Docs.svg");
+}
+.new-icons .email,
+.new-icons .rainloop,
+.new-icons .snappymail {
+    background-image: url("../img/app-icons/E-mail.svg");
+}
+.new-icons .gitlab {
+    background-image: url("../img/app-icons/Gitlab.svg");
+}
+.new-icons .news {
+    background-image: url("../img/app-icons/News.svg");
+}
+.new-icons .notes {
+    background-image: url("../img/app-icons/Notes.svg");
+}
+.new-icons .presentation {
+    background-image: url("../img/app-icons/Presentation.svg");
+}
+.new-icons .spreadsheet {
+    background-image: url("../img/app-icons/Spreadsheet.svg");
+}
+.new-icons .tasks {
+    background-image: url("../img/app-icons/Tasks.svg");
+}
+.new-icons .photos {
+    background-image: url("../img/app-icons/Gallery.svg");
+}
+.new-icons .e-user-support-center {
+    background-image: url("../img/app-icons/Support.svg");
+}
+.new-icons .passwords {
+    background-image: url("../img/app-icons/Password.svg");
+}
+.new-icons .onlyoffice_docx {
+    background-image: url("../img/app-icons/Docs.svg");
+}
+.new-icons .onlyoffice_xlsx {
+    background-image: url("../img/app-icons/Spreadsheet.svg");
+}
+.new-icons .onlyoffice_pptx {
+    background-image: url("../img/app-icons/Presentation.svg");
+}
+.new-icons .cookbook {
+    background-image: url("../img/app-icons/Cookbook.svg");
+}
+
+#appmenu li:hover a,
+#appmenu li a:focus {
+    font-size: 12px;
+    font-family: 'Roboto';
+    letter-spacing: 1px;
+}
+#filestable thead {
+    background-color: white !important;
+}
+#recommendations {
+    height: 100px !important;
+}
+.recommendation {
+    border: 1px solid #E6E8E9;
+    padding: 10px !important;
+    margin-bottom: 5px;
+    border-radius: 6px !important;
+}
+progress {
+    border-radius: 10px 10px !important;
+    height: 12px !important;
+}
+#appmenu li a:focus .icon-more,
+#appmenu li a:focus .icon-more-white {
+    transform: none !important;
+}
+#more-apps:hover span,
+#more-apps:focus span,
+#more-apps a:focus span {
+    display: none !important;
+}
+
+button#quotaincreasebutton {
+    margin-top: 15px !important;
+}
+@media only screen and(max-width: 640px) {
+    .new-icons .color-icons {
+        height: 50px;
+        background-size: 40px;
+    }
+    #launcher-menu {
+        width: 300px !important;
+        left: 10% !important;
+    }
+}
+@media only screen and(max-width: 640px) {
+    #launcher-menu {
+        left: 5% !important;
+    }
+}
 .text-color-active {
     color: var(--icon-active-color);
 }
-.margin-top-10{
-	margin-top: 10px;
+.margin-top-10 {
+    margin-top: 10px;
 }
 body.theme--highcontrast span.material-design-icon.dots-horizontal-icon,
-body.theme--highcontrast svg.material-design-icon__svg{
-	color: #fff;
+body.theme--highcontrast svg.material-design-icon__svg {
+    color: #fff;
 }
 /* used for help text in the search  */
 #search-help-text {
@@ -1734,4 +1723,25 @@ body.theme--highcontrast svg.material-design-icon__svg{
     text-align: center;
     font-size: 12px;
     color: var(--color-text-lighter);
-}
\ No newline at end of file
+}
+body.theme--dark #header #appmenu li a {
+    opacity: 1;
+}
+body.theme--highcontrast #header #appmenu li a {
+    opacity: 1;
+    filter: invert(1);
+}
+body.theme--highcontrast #header #appmenu li a.active {
+    filter: invert(0);
+}
+body.theme--dark.theme--highcontrast #header #appmenu li .icon-more-white {
+    background-image: var(--icon-more-000);
+}
+body.theme--dark.theme--highcontrast #header .header-menu.unified-search a.header-menu__trigger,
+body.theme--dark.theme--highcontrast #header .notifications-button.hasNotifications {
+    opacity: 1 !important;
+}
+body.theme--dark.theme--highcontrast #header #appmenu li:hover a,
+body.theme--dark.theme--highcontrast #header #appmenu li:focus a {
+    color: #000;
+}
diff --git a/core/img/logo@2x-dark.svg b/core/img/logo@2x-dark.svg
new file mode 100644
index 0000000000000000000000000000000000000000..78775589be18f2c4e8486607a6188f1f63a311be
--- /dev/null
+++ b/core/img/logo@2x-dark.svg
@@ -0,0 +1,55 @@
+<svg width="105" height="16" viewBox="0 0 105 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1700_12350)">
+<path d="M71.2674 5.23555C71.2674 5.65833 71.0994 6.06378 70.8005 6.36272C70.5015 6.66167 70.0961 6.82963 69.6733 6.82963C68.7844 6.82963 68.0793 6.77631 67.457 6.28742C68.5652 5.8015 68.7933 3.64148 69.6733 3.64148C70.0961 3.64148 70.5015 3.80944 70.8005 4.10838C71.0994 4.40733 71.2674 4.81278 71.2674 5.23555Z" fill="url(#paint0_linear_1700_12350)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57.1273 1.81926C55.5238 0.797142 53.657 0.264821 51.7555 0.287435H51.6133C49.6558 0.287435 48.1229 0.781262 47.0148 1.76892C45.9066 2.75657 45.3535 4.15209 45.3555 5.95555V15.437H48.7066V6.91558C48.7066 4.49188 49.8514 3.27903 52.1408 3.27705C52.4094 3.27631 52.6778 3.2951 52.9437 3.33333C53.8717 3.51975 54.7525 3.89165 55.5333 4.42669L55.6223 4.21336C56.0027 3.34524 56.5099 2.5384 57.1273 1.81926Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M61.8893 8.64299C62.3075 8.79717 62.7352 8.92485 63.1694 9.02522C64.4053 9.2853 65.6752 9.34233 66.9294 9.19409C68.9768 8.85039 70.5086 7.66815 70.9827 6.73482C71.2711 6.18133 71.375 5.55008 71.2789 4.93335L67.9634 5.70075C67.7471 6.47408 66.482 6.58964 64.9353 6.44149C64.5358 6.40585 64.1395 6.3395 63.7502 6.24299C63.3653 6.13878 62.9881 6.00808 62.6213 5.85186C62.3865 6.12825 62.2011 6.44297 62.0731 6.78224C61.9215 7.19903 61.8451 7.63948 61.8478 8.08298C61.846 8.27048 61.8599 8.4578 61.8893 8.64299Z" fill="url(#paint1_linear_1700_12350)"/>
+<path d="M104.478 15.3808C104.285 15.4163 103.971 15.4607 103.55 15.5111C103.13 15.5615 102.638 15.6119 102.069 15.6593C101.5 15.7067 100.863 15.7541 100.158 15.7926C99.4526 15.8311 98.7207 15.8489 97.9533 15.8489C96.693 15.8784 95.4343 15.745 94.2082 15.4519C93.3827 15.2546 92.6044 14.8961 91.9179 14.3971C91.3977 14.0079 91.0005 13.4771 90.7741 12.8682C90.5745 12.2969 90.4743 11.6956 90.4778 11.0904C90.4628 10.3694 90.5865 9.65215 90.8422 8.9778C91.0917 8.3645 91.5099 7.8344 92.0482 7.4489C92.707 6.99324 93.4521 6.67759 94.2378 6.52149C95.3199 6.30257 96.4228 6.20321 97.5267 6.22519C98.2674 6.22519 98.9726 6.2489 99.6392 6.30223C100.306 6.35557 100.804 6.39707 101.136 6.43559C101.156 5.84956 101.041 5.26671 100.801 4.73189C100.594 4.30065 100.273 3.93393 99.8733 3.67112C99.4427 3.40321 98.9635 3.22296 98.463 3.14074C97.861 3.03906 97.2513 2.99048 96.6408 2.99556C95.7296 2.96464 94.8198 3.09402 93.9533 3.37779C93.4799 3.52867 93.0308 3.74725 92.62 4.0267C92.4404 3.85714 92.2778 3.67059 92.1342 3.46966C91.9286 3.17829 91.8245 2.82746 91.8379 2.47114C91.8409 2.18763 91.9153 1.90942 92.0542 1.66222C92.2423 1.35739 92.5136 1.11271 92.8363 0.957038C93.3019 0.718481 93.8016 0.553588 94.3178 0.468178C95.101 0.338873 95.8944 0.280339 96.6881 0.293337C97.7495 0.284666 98.8084 0.398006 99.8438 0.631119C100.723 0.824089 101.556 1.18857 102.294 1.70371C102.986 2.20211 103.537 2.87061 103.894 3.64447C104.298 4.56014 104.493 5.55385 104.466 6.55408V15.3808H104.478ZM101.162 8.86224C100.967 8.82668 100.599 8.76447 100.06 8.68743C99.2558 8.59352 98.446 8.55391 97.6363 8.56891C96.3089 8.56891 95.3342 8.77039 94.7327 9.1615C94.1312 9.55261 93.823 10.1926 93.823 11.0548C93.8183 11.3875 93.8829 11.7174 94.0126 12.0237C94.1538 12.3337 94.385 12.5938 94.6763 12.7704C95.0683 13.0069 95.5017 13.1668 95.9533 13.2415C96.6164 13.3585 97.2891 13.412 97.9623 13.4015C98.6788 13.4122 99.3952 13.3775 100.107 13.2978C100.638 13.2296 100.996 13.1734 101.165 13.1348V8.86224H101.162Z" fill="white"/>
+<path d="M73.3996 6.56892C73.3821 5.66436 73.5674 4.76738 73.9418 3.94374C74.2938 3.18667 74.8064 2.51532 75.444 1.97633C76.109 1.4198 76.8772 0.999924 77.7047 0.74076C78.6301 0.447851 79.5963 0.303851 80.567 0.314111C81.5414 0.304984 82.5113 0.448943 83.4411 0.74076C84.2737 0.9985 85.0469 1.41843 85.7165 1.97633C86.3505 2.5138 86.8567 3.18592 87.198 3.94374C87.5633 4.76993 87.7443 5.66573 87.7284 6.56892V15.4578H84.3832V7.41039C84.3832 6.08298 84.0573 5.06373 83.4143 4.37336C82.7714 3.68299 81.8203 3.32742 80.567 3.32742C79.3136 3.32742 78.3388 3.68002 77.7047 4.37336C77.0706 5.06669 76.7477 6.08298 76.7477 7.41039V15.4578H73.3996V6.56892Z" fill="white"/>
+<path d="M0.294561 5.98816C0.27442 5.13928 0.445544 4.29672 0.795285 3.52296C1.1135 2.83582 1.58122 2.22844 2.16421 1.74518C2.76904 1.26152 3.46102 0.898418 4.20269 0.675556C5.0303 0.423425 5.89168 0.299523 6.7568 0.308151C7.88 0.287555 8.99358 0.51838 10.0161 0.983716C10.9547 1.41678 11.7495 2.10983 12.3064 2.98075C12.8558 2.11453 13.6397 1.42202 14.5671 0.983716C15.5701 0.519782 16.6652 0.288821 17.7701 0.308151C18.6252 0.302467 19.4765 0.421225 20.2975 0.660727C21.0359 0.874585 21.724 1.23428 22.3212 1.71852C22.8955 2.19822 23.3578 2.79795 23.6753 3.47554C24.0211 4.25058 24.192 5.09223 24.1761 5.94075V15.4607H20.8249V7.09038C20.8249 5.73927 20.5227 4.77432 19.9183 4.19556C19.2433 3.5925 18.3569 3.2814 17.4531 3.33036C16.9911 3.31808 16.5312 3.3974 16.1 3.56369C15.6687 3.72997 15.2747 3.97995 14.9405 4.29925C14.265 4.94715 13.9281 5.99406 13.9301 7.43999V15.4607H10.579V7.43999C10.579 5.99406 10.2442 4.94814 9.56568 4.29925C9.23261 3.98013 8.83954 3.73021 8.40929 3.5639C7.97903 3.3976 7.52014 3.31821 7.05903 3.33036C6.15255 3.29206 5.26719 3.61126 4.59375 4.21925C3.9656 4.81184 3.65254 5.78174 3.65451 7.1289V15.4696H0.303387V5.98816H0.294561Z" fill="white"/>
+<path d="M27.5804 2.28149C27.5596 2.06076 27.5914 1.83822 27.6733 1.63219C27.7552 1.42616 27.8848 1.24251 28.0515 1.09631C28.4379 0.827967 28.9034 0.697506 29.373 0.725938C29.7006 0.724333 30.0268 0.76921 30.3418 0.859257C30.6381 0.948146 30.8337 1.01037 30.9344 1.04889V8.77332C30.9344 10.1027 31.2486 11.117 31.8767 11.8163C32.5049 12.5155 33.4639 12.8622 34.7537 12.8563C36.0456 12.8563 37.0035 12.5096 37.6277 11.8163C38.2588 11.12 38.57 10.1067 38.57 8.77332V2.28149C38.5493 2.06104 38.581 1.83881 38.6623 1.63287C38.7436 1.42694 38.8724 1.24311 39.0382 1.09631C39.4151 0.831439 39.87 0.700992 40.33 0.725938C40.6675 0.722767 41.0037 0.767647 41.3285 0.859257C41.6248 0.948146 41.8145 1.01037 41.9211 1.04889V9.5052C41.9381 10.4271 41.7624 11.3424 41.4055 12.1926C41.0767 12.9664 40.575 13.6546 39.9389 14.2045C39.2729 14.7704 38.4986 15.1948 37.6633 15.4518C36.7218 15.7456 35.74 15.8896 34.7537 15.8785C33.7695 15.8891 32.7896 15.7452 31.8499 15.4518C31.018 15.1974 30.2481 14.7726 29.5892 14.2045C28.9534 13.651 28.4476 12.964 28.1078 12.1926C27.745 11.3437 27.5643 10.4282 27.5774 9.5052V2.28149H27.5804Z" fill="white"/>
+<path d="M60.1974 9.49035C60.0513 8.96233 59.9992 8.41274 60.0433 7.86666L57.0153 5.73627C56.7874 6.50617 56.6668 7.30379 56.6568 8.10664C56.6414 9.43581 56.9672 10.7467 57.6032 11.9139C58.2393 13.0812 59.164 14.0657 60.2893 14.7733L62.4019 12.5718C61.8449 12.2343 61.3624 11.7871 60.9835 11.2574C60.6045 10.7277 60.3371 10.1265 60.1974 9.49035Z" fill="url(#paint2_linear_1700_12350)"/>
+<path d="M68.9311 11.9259C68.5445 12.2102 68.1317 12.4572 67.6985 12.6637C66.5537 13.206 65.2678 13.376 64.0214 13.1496C63.4484 13.0571 62.8983 12.856 62.4008 12.557L60.6821 13.1496L60.2852 14.7703C61.4908 15.5267 62.8856 15.9272 64.3089 15.9259C68.0867 15.9259 70.0392 13.6889 70.0392 13.6889L69.8763 12.5659L68.9311 11.9259Z" fill="url(#paint3_linear_1700_12350)"/>
+<path d="M71.911 10.4267C72.1569 9.47855 71.5407 9.15261 71.0962 9.77779C70.2522 10.9212 69.1706 11.8683 67.9258 12.5541L68.9303 14.5719C70.7555 13.4608 71.6088 11.5941 71.911 10.4267Z" fill="url(#paint4_linear_1700_12350)"/>
+<path d="M64.4714 3.28001C66.8417 3.28001 68.1662 4.93035 67.944 5.70072L71.2565 4.93926C71.1496 4.29293 70.8862 3.68259 70.4891 3.16148C69.2803 1.48444 67.0403 0.337769 64.1277 0.337769C63.0827 0.367244 62.054 0.605505 61.1024 1.03854C60.1509 1.47158 59.2956 2.09064 58.587 2.85925C57.8538 3.68408 57.3178 4.66488 57.0195 5.72742C58.1306 7.06371 60.0447 7.85777 60.0447 7.85777C60.0824 6.79522 60.442 5.7692 61.0758 4.91557C61.4679 4.38927 61.9815 3.96563 62.5728 3.68083C63.164 3.39603 63.8154 3.25852 64.4714 3.28001Z" fill="url(#paint5_linear_1700_12350)"/>
+<path d="M61.4168 4.51851C61.8133 4.11283 62.2893 3.79344 62.815 3.58032C63.3406 3.3672 63.9046 3.26496 64.4716 3.28001C66.842 3.28001 68.1665 4.93036 67.9443 5.70073C67.8878 5.86358 67.7896 6.00887 67.6597 6.12217C67.5298 6.23546 67.3726 6.31284 67.2036 6.34667C67.6339 6.21967 68.0334 6.00515 68.377 5.71657C68.7207 5.42799 69.001 5.07158 69.2005 4.66962C69.8701 3.14962 68.839 1.3274 66.2376 0.56296C65.5461 0.415815 64.8409 0.343307 64.134 0.346669C62.2607 0.395962 60.4675 1.1174 59.082 2.37926L61.4168 4.51851Z" fill="url(#paint6_linear_1700_12350)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1700_12350" x1="71.9844" y1="6.01185" x2="67.457" y2="4.69336" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF6E00"/>
+<stop offset="1" stop-color="#F8432E"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1700_12350" x1="74.8553" y1="-3.44296" x2="60.0463" y2="14.5423" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFDA00"/>
+<stop offset="0.83" stop-color="#FF9B00"/>
+<stop offset="1" stop-color="#FF5D69"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1700_12350" x1="72.0046" y1="-5.78966" x2="57.1957" y2="12.1982" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFDA00"/>
+<stop offset="0.83" stop-color="#FF9B00"/>
+<stop offset="1" stop-color="#FF5D69"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1700_12350" x1="77.4703" y1="-1.29187" x2="62.6644" y2="16.6962" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFDA00"/>
+<stop offset="0.83" stop-color="#FF9B00"/>
+<stop offset="1" stop-color="#FF5D69"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1700_12350" x1="79.5022" y1="0.382225" x2="64.6934" y2="18.3676" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFDA00"/>
+<stop offset="0.83" stop-color="#FF9B00"/>
+<stop offset="1" stop-color="#FF5D69"/>
+</linearGradient>
+<linearGradient id="paint5_linear_1700_12350" x1="72.5365" y1="-5.35409" x2="57.7276" y2="12.634" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFDA00"/>
+<stop offset="0.83" stop-color="#FF9B00"/>
+<stop offset="1" stop-color="#FF5D69"/>
+</linearGradient>
+<linearGradient id="paint6_linear_1700_12350" x1="60.6228" y1="1.75111" x2="69.0731" y2="4.11258" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFDA00" stop-opacity="0"/>
+<stop offset="0.83" stop-color="#FF9B00"/>
+<stop offset="1" stop-color="#FF5D69"/>
+</linearGradient>
+<clipPath id="clip0_1700_12350">
+<rect width="104.593" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>