Default theme, change BG color

ℹ️ Support
1

NC 14.0.4

While using the default theme, what are the steps to change the white background to greys? Use of pre-made themes is not the goal nor solution. This is a simple thing, but I’m stumped as I do not know the css structure to NC.

Thank you.

Default

1
1711×270 15.8 KB

Desired
2

2

Anyone…?

3

I never did any theming. I’m currently waiting for the NC dark theme, which looks similar, to be fully usable. This dark theme can be found under your personal settings under “Accessibility”.

However, when I wanted to start turning, I’d probably had a look into the developer tools of my browser. It let’s you analyze/ inspect the site including CSS. That should give the idea, what to change I’d say.

4

I think he means where to put the CSS files and also how to name them, correct?
I haven’t done that by myself, but have a look at these to create your own theme:

Theming Nextcloud:
https://docs.nextcloud.com/server/stable/developer_manual/core/theming.html

SCSS files:
https://docs.nextcloud.com/server/stable/developer_manual/design/css.html

5

Eureka! The dark theme in Accessibility is exactly what I was looking for! Thank you for the assist!

1 Like