diff options
| author | Christopher Ng <chrng8@gmail.com> | 2022-10-19 02:07:12 +0000 |
|---|---|---|
| committer | nextcloud-command <nextcloud-command@users.noreply.github.com> | 2022-10-20 06:47:29 +0000 |
| commit | 4fc531bd03d562f498c8b15995e08a4d48e03303 (patch) | |
| tree | 881d1599cb1e1ee696bc7b138b84d4fb3634503f /core | |
| parent | 5437573914f8a3353f4e4d9ad36fefb5a42c3da6 (diff) | |
| download | nextcloud-server-4fc531bd03d562f498c8b15995e08a4d48e03303.tar.gz nextcloud-server-4fc531bd03d562f498c8b15995e08a4d48e03303.zip | |
Invert header icons on bright preset backgrounds
Signed-off-by: Christopher Ng <chrng8@gmail.com>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
Diffstat (limited to 'core')
| -rw-r--r-- | core/css/server.css | 2 | ||||
| -rw-r--r-- | core/css/styles.css | 2 | ||||
| -rw-r--r-- | core/css/styles.scss | 2 | ||||
| -rw-r--r-- | core/src/components/AppMenu.vue | 3 | ||||
| -rw-r--r-- | core/src/views/UnifiedSearch.vue | 4 |
5 files changed, 8 insertions, 5 deletions
diff --git a/core/css/server.css b/core/css/server.css index 82861d5d68a..0f9021d6853 100644 --- a/core/css/server.css +++ b/core/css/server.css @@ -859,7 +859,7 @@ span.ui-icon { padding: 14px; content: " "; background-image: var(--original-icon-contacts-white); - filter: var(--primary-invert-if-bright); + filter: var(--background-image-invert-if-bright); } #contactsmenu .menutoggle:hover, #contactsmenu .menutoggle:focus, #contactsmenu .menutoggle:active { opacity: 1 !important; diff --git a/core/css/styles.css b/core/css/styles.css index c60b5dc396c..de07bf1d3a7 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -858,7 +858,7 @@ span.ui-icon { padding: 14px; content: " "; background-image: var(--original-icon-contacts-white); - filter: var(--primary-invert-if-bright); + filter: var(--background-image-invert-if-bright); } #contactsmenu .menutoggle:hover, #contactsmenu .menutoggle:focus, #contactsmenu .menutoggle:active { opacity: 1 !important; diff --git a/core/css/styles.scss b/core/css/styles.scss index bfc570426c3..b6583b05f7f 100644 --- a/core/css/styles.scss +++ b/core/css/styles.scss @@ -907,7 +907,7 @@ span.ui-icon { content: ' '; // Force white background-image: var(--original-icon-contacts-white); - filter: var(--primary-invert-if-bright); + filter: var(--background-image-invert-if-bright); } &:hover, diff --git a/core/src/components/AppMenu.vue b/core/src/components/AppMenu.vue index 2ee91c30f40..b03ef0adf67 100644 --- a/core/src/components/AppMenu.vue +++ b/core/src/components/AppMenu.vue @@ -144,6 +144,7 @@ $header-icon-size: 20px; position: relative; display: flex; opacity: .7; + filter: var(--background-image-invert-if-bright); &.app-menu-entry__active { opacity: 1; @@ -183,7 +184,6 @@ $header-icon-size: 20px; width: $header-icon-size; height: $header-icon-size; padding: calc((100% - $header-icon-size) / 2); - filter: var(--primary-invert-if-bright); } .app-menu-entry--label { @@ -269,7 +269,6 @@ $header-icon-size: 20px; } img { - filter: var(--background-invert-if-bright); width: $header-icon-size; height: $header-icon-size; padding: calc((50px - $header-icon-size) / 2); diff --git a/core/src/views/UnifiedSearch.vue b/core/src/views/UnifiedSearch.vue index d13ba9114bc..7811d1e497f 100644 --- a/core/src/views/UnifiedSearch.vue +++ b/core/src/views/UnifiedSearch.vue @@ -718,6 +718,10 @@ $input-height: 34px; $input-padding: 6px; .unified-search { + &__trigger { + filter: var(--background-image-invert-if-bright); + } + &__input-wrapper { position: sticky; // above search results |