Nextcloud Hub (18) Theme Gradient

ℹ️ Support
1

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.

2020-01-25%2016_26_38
Anyone know a way of stopping this?

2

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.

3

Hello @nc1215

are you familiar with CSS?

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

Original:

14
14694×336 45.9 KB

Change to remove gradient:

58
58692×358 28.1 KB

4

@rakekniven

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

1 Like
5

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

https://apps.nextcloud.com/apps/theming_customcss

6

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:

3 Likes
7

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

8

@alfred

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

1 Like
9

By proposing a solution:

1 Like
10

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:

2 Likes