Nextcloud Hub (18) Theme Gradient

Nextcloud version: 18.0.0
Operating system and version: Raspbian GNU/Linux 10 (buster)
Apache version: 2.4.38
PHP version: 7.3

It’s a minor point but I have noticed that Nextcloud 18 has introduced a gradient to the theme on the toolbar, gradually making the colour lighter moving right.

Anyone know a way of stopping this?

Whilst waiting for my post to be moderated I had a rummage through the Github issues for Nextcloud and found this:

make gradient optional

So it seems that currently the answer is that it is not possible to easily disable the gradient.

Hello @nc1215

are you familiar with CSS?

If so please create a custom theme.
Just checked with firefox developer tools.


Change to remove gradient:


Thanks for pointing that out! I will look into creating a custom theme.

1 Like

There is also an app to customize CSS available on the App Store:

Sometimes I do not understand nextcloud developers. The gradient is hideous and looks like a baby has taken its first steps in design. There should be an option in theming app for this.

Adding to this there is a tendency not to allow people to easily customize things with settings (“because it would clutter the UI”).

Sorry for this mainly unconstructive post, couldn’t help it :laughing:


So how does this help? Please join the conversations regarding design at GitHub to improve things instead of complaining


Thanks for pointing out the CSS app. It was much easier for me to use this than create a new theme.

1 Like

By proposing a solution:

1 Like

To summarize the temporary solution:

  • Install the Custom CSS App
  • Go to Settings > Design
  • Add the following text in the Custom CSS field:
#header{background-image:initial !important;}

Here is also a youtube video (in german) describing the solution: