search

nextcloud / server

☁️ Nextcloud server, a safe home for all your data
https://nextcloud.com
GNU Affero General Public License v3.0
27.36k stars 4.06k forks source link

Add an option to keep app bar background at Dashboard #28343

Closed unclev closed 3 years ago

unclev commented 3 years ago

If the Dashboard background image is light enough then the application icons are poorly distinguishable. Example:

DeepinScreenshot_select-area_20210807222617_resized It would be great having ability to set the app bar background at Dashboard according to the Nextcloud theme, eg.:

DeepinScreenshot_select-area_20210807224405_resized

As a workaround I tried to create a Dashboard background image with dark bar at the top that extends to the app icon area, example with the Dark Breeze theme

DeepinScreenshot_select-area_20210807225918_resized

This is not a solution as the area resizes with the browser window, and it also depends on the browser panel size at the top. E.g. - browser in the fullscreen mode: DeepinScreenshot_select-area_20210807230757_resized and not proportionally resized window DeepinScreenshot_select-area_20210807231440_resized

I'm using Nextcloud 20.0.12 docker image nextcloud:20-fpm.

szaimen commented 3 years ago

Hi there, if I remember correctly was decided that we will not introduce an option to toggle this. You can though enable it youself by installing the custom_css app and adding the following css code:

#header { background-color: var(--color-primary) !important; }
unclev commented 3 years ago

Thank you, @szaimen ! This custom CSS works for the standard theming settings.

When using Breeze Dark it differs:

#header { background-color: var(--color-background-darker) !important; }

This solves the issue.