From d684fde01c9e92495352219891a13b2fcf5e8b23 Mon Sep 17 00:00:00 2001 From: Ronak Patel Date: Mon, 6 Feb 2023 11:42:45 +0530 Subject: [PATCH 01/14] added before class to add helptext --- core/css/server.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/core/css/server.css b/core/css/server.css index 9e45aab0..bc1d91a7 100644 --- a/core/css/server.css +++ b/core/css/server.css @@ -1729,9 +1729,9 @@ body.theme--highcontrast svg.material-design-icon__svg{ color: #fff; } /* used for help text in the search */ -#search-help-text { +ul.unified-search__results.unified-search__results-files:after { + content: "Due to encryption the search is only done on files' name."; padding: 10px; - text-align: center; font-size: 12px; color: var(--color-text-lighter); } \ No newline at end of file -- GitLab From 63b1180959f7e6211a1782444d39e08399543f22 Mon Sep 17 00:00:00 2001 From: Ronak Patel Date: Mon, 6 Feb 2023 11:48:57 +0530 Subject: [PATCH 02/14] added id and emmpty content class --- core/css/server.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/core/css/server.css b/core/css/server.css index bc1d91a7..13bae887 100644 --- a/core/css/server.css +++ b/core/css/server.css @@ -1729,7 +1729,7 @@ body.theme--highcontrast svg.material-design-icon__svg{ color: #fff; } /* used for help text in the search */ -ul.unified-search__results.unified-search__results-files:after { +#header-menu-unified-search .empty-content:after, #header-menu-unified-search ul.unified-search__results.unified-search__results-files:after { content: "Due to encryption the search is only done on files' name."; padding: 10px; font-size: 12px; -- GitLab From 80a4e740656d6494da2153ce94fb45c76ec73110 Mon Sep 17 00:00:00 2001 From: Ronak Patel Date: Mon, 6 Feb 2023 15:22:24 +0530 Subject: [PATCH 03/14] added css --- core/css/server.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/core/css/server.css b/core/css/server.css index 13bae887..35b729c4 100644 --- a/core/css/server.css +++ b/core/css/server.css @@ -1730,8 +1730,7 @@ body.theme--highcontrast svg.material-design-icon__svg{ } /* used for help text in the search */ #header-menu-unified-search .empty-content:after, #header-menu-unified-search ul.unified-search__results.unified-search__results-files:after { - content: "Due to encryption the search is only done on files' name."; - padding: 10px; + padding: 10px; font-size: 12px; color: var(--color-text-lighter); } \ No newline at end of file -- GitLab From 376576844d05f9582292589919df1f66caa04a36 Mon Sep 17 00:00:00 2001 From: Ronak Patel Date: Wed, 15 Feb 2023 13:37:14 +0530 Subject: [PATCH 04/14] reverted changes --- core/css/server.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/core/css/server.css b/core/css/server.css index 35b729c4..e8766d4e 100644 --- a/core/css/server.css +++ b/core/css/server.css @@ -1729,8 +1729,9 @@ body.theme--highcontrast svg.material-design-icon__svg{ color: #fff; } /* used for help text in the search */ -#header-menu-unified-search .empty-content:after, #header-menu-unified-search ul.unified-search__results.unified-search__results-files:after { - padding: 10px; - font-size: 12px; - color: var(--color-text-lighter); +#search-help-text { + padding: 10px; + text-align: center; + font-size: 12px; + color: var(--color-text-lighter); } \ No newline at end of file -- GitLab From d46593b1f4a6ad8e1844512568e73b913e56c7d2 Mon Sep 17 00:00:00 2001 From: Ronak Patel Date: Thu, 16 Feb 2023 23:20:59 +0530 Subject: [PATCH 05/14] added class --- core/css/server.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/core/css/server.css b/core/css/server.css index e8766d4e..7df94b2f 100644 --- a/core/css/server.css +++ b/core/css/server.css @@ -1729,7 +1729,7 @@ body.theme--highcontrast svg.material-design-icon__svg{ color: #fff; } /* used for help text in the search */ -#search-help-text { +#header-menu-unified-search .empty-content:after, #header-menu-unified-search ul.unified-search__results.unified-search__results-files:after { padding: 10px; text-align: center; font-size: 12px; -- GitLab From 4a4f621ed8a4c82219d2cbcec9ec3c35465d5a60 Mon Sep 17 00:00:00 2001 From: Ronak Patel Date: Fri, 31 Mar 2023 11:14:19 +0530 Subject: [PATCH 06/14] notification drawer style --- core/css/server.css | 28 ++++++++++++++++++++++++++++ core/img/redeem.svg | 3 +++ 2 files changed, 31 insertions(+) create mode 100644 core/img/redeem.svg diff --git a/core/css/server.css b/core/css/server.css index 7df94b2f..a87606e4 100644 --- a/core/css/server.css +++ b/core/css/server.css @@ -1734,4 +1734,32 @@ body.theme--highcontrast svg.material-design-icon__svg{ text-align: center; font-size: 12px; color: var(--color-text-lighter); +} + +/* notification */ +.notification[object_type="announcement-news"] { + background-color: var(--color-primary); + color: var(--color-secondary-element); +} + +.notification[object_type="announcement-news"] img.notification-icon { + display: none; +} + +.notification[object_type="announcement-news"] .image:after { + content: " "; + background-image: url('../img/redeem.svg'); + padding: 5px 15px; + background-size: contain; +} + +.notification[object_type="announcement-news"] .notification-subject{ + font-size: 18px; +} +.notification[object_type="announcement-news"] .notification-message,.notification[object_type="announcement-news"] a.external{ + color: var(--color-secondary-element); +} + +.notification[object_type="announcement-news"] a.external:after{ + content: ''; } \ No newline at end of file diff --git a/core/img/redeem.svg b/core/img/redeem.svg new file mode 100644 index 00000000..cf04e988 --- /dev/null +++ b/core/img/redeem.svg @@ -0,0 +1,3 @@ + + + -- GitLab From a28e33a7bc837bb2696c74f8daa7be0a5bdb9c1f Mon Sep 17 00:00:00 2001 From: Ronak Patel Date: Fri, 31 Mar 2023 11:25:23 +0530 Subject: [PATCH 07/14] white color for time --- core/css/server.css | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/core/css/server.css b/core/css/server.css index a87606e4..2cf53552 100644 --- a/core/css/server.css +++ b/core/css/server.css @@ -1753,13 +1753,16 @@ body.theme--highcontrast svg.material-design-icon__svg{ background-size: contain; } -.notification[object_type="announcement-news"] .notification-subject{ +.notification[object_type="announcement-news"] .notification-subject { font-size: 18px; } -.notification[object_type="announcement-news"] .notification-message,.notification[object_type="announcement-news"] a.external{ + +.notification[object_type="announcement-news"] .notification-message, +.notification[object_type="announcement-news"] a.external, +.notification[object_type="announcement-news"] .notification-heading .notification-time { color: var(--color-secondary-element); } -.notification[object_type="announcement-news"] a.external:after{ +.notification[object_type="announcement-news"] a.external:after { content: ''; } \ No newline at end of file -- GitLab From 4ccec3468d66ff201fff52f8603968a27eae7312 Mon Sep 17 00:00:00 2001 From: Ronak Patel Date: Fri, 31 Mar 2023 11:35:48 +0530 Subject: [PATCH 08/14] conflicts --- core/css/server.css | 3406 +++++++++++++++++++------------------ core/img/logo@2x-dark.svg | 55 + 2 files changed, 1766 insertions(+), 1695 deletions(-) create mode 100644 core/img/logo@2x-dark.svg diff --git a/core/css/server.css b/core/css/server.css index 2cf53552..b3d25728 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 */ - @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 */ #header-menu-unified-search .empty-content:after, #header-menu-unified-search ul.unified-search__results.unified-search__results-files:after { @@ -1765,4 +1754,31 @@ body.theme--highcontrast svg.material-design-icon__svg{ .notification[object_type="announcement-news"] a.external:after { content: ''; -} \ No newline at end of file +} +#search-help-text { + padding: 10px; + text-align: center; + font-size: 12px; + color: var(--color-text-lighter); +} +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 00000000..78775589 --- /dev/null +++ b/core/img/logo@2x-dark.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -- GitLab From 1d6de6d9ca0b9f6144efe3420cdfac2a9023ddb5 Mon Sep 17 00:00:00 2001 From: AVINASH GUSAIN Date: Thu, 9 Mar 2023 04:38:31 +0000 Subject: [PATCH 09/14] files align fix --- core/css/server.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/core/css/server.css b/core/css/server.css index b3d25728..e2c2a7f5 100644 --- a/core/css/server.css +++ b/core/css/server.css @@ -1664,7 +1664,7 @@ button.edit-output-dir span.icon-rename, letter-spacing: 1px; } #filestable thead { - background-color: white !important; + background-color: var(--color-main-background-header) !important; } #recommendations { height: 100px !important; @@ -1782,3 +1782,7 @@ body.theme--dark.theme--highcontrast #header #appmenu li:hover a, body.theme--dark.theme--highcontrast #header #appmenu li:focus a { color: #000; } +/* Files App */ +#content.app-files #filestable { + padding-top: 20px; +} \ No newline at end of file -- GitLab From 42aca0e55e5313ec072fdca20f766a33084f416b Mon Sep 17 00:00:00 2001 From: AVINASH GUSAIN Date: Fri, 10 Mar 2023 10:39:28 +0000 Subject: [PATCH 10/14] high contrast mode fix --- core/css/server.css | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/core/css/server.css b/core/css/server.css index e2c2a7f5..c4014a6f 100644 --- a/core/css/server.css +++ b/core/css/server.css @@ -1764,6 +1764,11 @@ body.theme--highcontrast svg.material-design-icon__svg { body.theme--dark #header #appmenu li a { opacity: 1; } +body.theme--light.theme--highcontrast #header #appmenu li a { + opacity: 1; + filter: invert(0); +} + body.theme--highcontrast #header #appmenu li a { opacity: 1; filter: invert(1); @@ -1771,11 +1776,12 @@ body.theme--highcontrast #header #appmenu li a { body.theme--highcontrast #header #appmenu li a.active { filter: invert(0); } -body.theme--dark.theme--highcontrast #header #appmenu li .icon-more-white { +body.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 { +body.theme--highcontrast #header .notifications-button.hasNotifications, +body.theme--highcontrast #unified-search .header-menu__trigger { opacity: 1 !important; } body.theme--dark.theme--highcontrast #header #appmenu li:hover a, @@ -1785,4 +1791,4 @@ body.theme--dark.theme--highcontrast #header #appmenu li:focus a { /* Files App */ #content.app-files #filestable { padding-top: 20px; -} \ No newline at end of file +} -- GitLab From 43c003458150c4e642a86503f2b278d27aff667b Mon Sep 17 00:00:00 2001 From: AVINASH GUSAIN Date: Fri, 10 Mar 2023 14:07:16 +0000 Subject: [PATCH 11/14] Fix for Misaligned event reminder template with wrong icons --- core/img/actions/address.png | Bin 0 -> 362 bytes core/img/actions/info.png | Bin 0 -> 252 bytes core/img/actions/more.png | Bin 0 -> 179 bytes core/img/places/calendar.png | Bin 0 -> 273 bytes 4 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 core/img/actions/address.png create mode 100644 core/img/actions/info.png create mode 100644 core/img/actions/more.png create mode 100644 core/img/places/calendar.png diff --git a/core/img/actions/address.png b/core/img/actions/address.png new file mode 100644 index 0000000000000000000000000000000000000000..9039464c1ab50f10cc4de0b67411c9bf9f20a19e GIT binary patch literal 362 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eB{(nyw$B+ufwUcc5865@Mj)yBnc?AY#lsGL4 z%yco?Qr929V5yL9ubby;RYxT$Aud+d*7BnKjW=&wvre|TdHT+o-Jdrq*+;1yn9uGz zfmL$@tM`UY%*lNzzHb^$JT5H1uNt?5S9nDO-~QzZ49_0$b*=GXUFXOYd(SNKQMb&G z{R~EF+JW8*=PzH^&N*nDZI#>DUb8)9#(~cCyAvZG?lheHjilV84YI1 zX~$fJwzHHRGQYrN`tf$enx8xFHL^`{oV4d?^x|K?*XV>eT;IlQS&*_*+(78H;7Zq{ zx!Fl!Por`dG~5c``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eB{zOj~$B+ufyAv;RHYfgTe~DWM4fH^Do& literal 0 HcmV?d00001 diff --git a/core/img/places/calendar.png b/core/img/places/calendar.png new file mode 100644 index 0000000000000000000000000000000000000000..ff4531f9ed622c5ca705f55014b1fd49577bea7d GIT binary patch literal 273 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eB{xVM&$B+ufyORvLnjHjO>wTCMb8l5lSmJZ* ziHu_V2Zecu4xQqz;K+`aX4U5Y|44^N`9xD#UB#|9^XJaJE1Qt4>a?NWh_PHJ``K?6 z|DwRp@}EpM?v%1W(Ky9@=8wtK=6JfZ3C(8N`swa}*DjAU(v{u;s@4&a|5x=d@Q%K8 zrhh}wwkG*QQ<7G5l}$JhpVa>{_VS0N8F!ACFM53_Vp7YA+!={kYf7aUJ95QC&U#$0 Q2fCQS)78&qol`;+02ona<^TWy literal 0 HcmV?d00001 -- GitLab From 6834456bd33751d9e4b16cf2b481da34a5efcb91 Mon Sep 17 00:00:00 2001 From: Fazle Rabbi Date: Tue, 14 Mar 2023 12:24:49 +0000 Subject: [PATCH 12/14] 1642 Fix entire themes folder overwrite issue when deployed with CI --- .gitlab-ci.yml | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml index 5bdf18f4..a48db098 100644 --- a/.gitlab-ci.yml +++ b/.gitlab-ci.yml @@ -9,7 +9,13 @@ include: .deploy:nextcloud-app-by-checkout: script: - - ssh $SSH_USER@$DEPLOYMENT_HOST "git clone --depth 1 $CI_REPOSITORY_URL --branch $CI_COMMIT_REF_NAME --single-branch /tmp/${CI_JOB_ID}/${APP_NAME} && sudo rsync -avzh --chown www-data:www-data --delete --exclude '.git*' /tmp/${CI_JOB_ID}/${eCloud} ${DEPLOYMENT_PATH}/html/themes/ && rm -rf /tmp/${CI_JOB_ID} && docker exec -u www-data $CONTAINER_NAME /usr/local/bin/php /var/www/html/occ maintenance:theme:update" - - - + # print var to confirm + - echo "Deploying $APP_NAME to $CI_ENVIRONMENT_NAME ($DEPLOYMENT_HOST)" + # clone repo to /tmp + - | + ssh $SSH_USER@$DEPLOYMENT_HOST /bin/bash -s << EOT + git clone --depth 1 $CI_REPOSITORY_URL --branch $CI_COMMIT_REF_NAME --single-branch /tmp/${CI_JOB_ID}/${APP_NAME} + sudo rsync -avzh --chown www-data:www-data --delete --exclude '.git*' /tmp/${CI_JOB_ID}/${APP_NAME} ${DEPLOYMENT_PATH}/html/themes/${APP_NAME} + docker exec -u www-data $CONTAINER_NAME /usr/local/bin/php /var/www/html/occ maintenance:theme:update + EOT + - echo "SUCCESS" > .job_status -- GitLab From 92535b2b422f2d9782f459b834fc5012a4b170f8 Mon Sep 17 00:00:00 2001 From: Ronak Patel Date: Fri, 31 Mar 2023 11:34:39 +0530 Subject: [PATCH 13/14] conflicts --- core/css/server.css | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) diff --git a/core/css/server.css b/core/css/server.css index c4014a6f..aaaa2e57 100644 --- a/core/css/server.css +++ b/core/css/server.css @@ -1792,3 +1792,29 @@ body.theme--dark.theme--highcontrast #header #appmenu li:focus a { #content.app-files #filestable { padding-top: 20px; } + +/* notification */ +.notification[object_type="announcement-news"] { + background-color: var(--color-primary); + color: var(--color-secondary-element); +} +.notification[object_type="announcement-news"] img.notification-icon { + display: none; +} +.notification[object_type="announcement-news"] .image:after { + content: " "; + background-image: url('../img/redeem.svg'); + padding: 5px 15px; + background-size: contain; +} +.notification[object_type="announcement-news"] .notification-subject { + font-size: 18px; +} +.notification[object_type="announcement-news"] .notification-message, +.notification[object_type="announcement-news"] a.external, +.notification[object_type="announcement-news"] .notification-heading .notification-time { + color: var(--color-secondary-element); +} +.notification[object_type="announcement-news"] a.external:after { + content: ''; +} \ No newline at end of file -- GitLab From b5aa7bae8ba6dbf7cffac82031a817e300482290 Mon Sep 17 00:00:00 2001 From: Ronak Patel Date: Fri, 31 Mar 2023 11:36:35 +0530 Subject: [PATCH 14/14] conflict resolv --- core/css/server.css | 31 ------------------------------- 1 file changed, 31 deletions(-) diff --git a/core/css/server.css b/core/css/server.css index aaaa2e57..93132da7 100644 --- a/core/css/server.css +++ b/core/css/server.css @@ -1724,37 +1724,6 @@ body.theme--highcontrast svg.material-design-icon__svg { font-size: 12px; color: var(--color-text-lighter); } - -/* notification */ -.notification[object_type="announcement-news"] { - background-color: var(--color-primary); - color: var(--color-secondary-element); -} - -.notification[object_type="announcement-news"] img.notification-icon { - display: none; -} - -.notification[object_type="announcement-news"] .image:after { - content: " "; - background-image: url('../img/redeem.svg'); - padding: 5px 15px; - background-size: contain; -} - -.notification[object_type="announcement-news"] .notification-subject { - font-size: 18px; -} - -.notification[object_type="announcement-news"] .notification-message, -.notification[object_type="announcement-news"] a.external, -.notification[object_type="announcement-news"] .notification-heading .notification-time { - color: var(--color-secondary-element); -} - -.notification[object_type="announcement-news"] a.external:after { - content: ''; -} #search-help-text { padding: 10px; text-align: center; -- GitLab