Dark mode with font color and parts of tool bar colors being very dark

[panomitrius]

Describe the bug When having Nextcloud set to dark theme, the font color and also some parts of the toolbar icons are remaining black which makes them close to invisible.

To Reproduce I'm running nextcloud and nextcloud office on a docker setup, latest versions. Set theme to dark Open rich document

Expected behavior Font color and toolbar colors would change so to be clear and visible on the dark background.

Screenshots

Client details:

• OS: macOS Ventura
• Browser: Firefox, Brave, Safari (same in all of them, also with cleared cache)
• Version: All versions up to date
• Device: Macbook

Server details

Operating system: Ubuntu 22.02 Docker

Web server: nginx reverse proxy

Database: mariadb

PHP version:

Nextcloud version: 27.0.2.1

Version of the richdocuments app: 23.05.3.1

Version of Collabora Online: 23.05.3.1

[panomitrius]

An update: when I change to dark mode within Nextcloud Office, the text shifts to visible white, but the the dark icons in the toolbar remains dark..

[juliusknorr]

This seems to be a regression with the latest code build, I'll have a look.

[MoritzDPTV]

Is it possible to set the Nextcloud Office default theme globally for all users independently from the defined Nextcloud theming?

[joshtrichards]

This appears to have been fixed in newer versions of CODE.

Or at least I can't reproduce it and there appear to be some relevant items in the release notes for >=23.05.4:

https://www.collaboraoffice.com/code-23-05-release-notes/

Are you still seeing this, @panomitrius?

[digitalrevisor]

Hi, we still have this issue with Collabora version 23.05.5.4, and Nextcloud Office version 8.2.3 Nextcloud version is 27.1.4

[AndyXheli]

still an issue COOLWSD version: 23.05.5.4

NC Server 27.1.4

[juliusknorr]

This very much depends on the document that you use (or template this is created from)

It would be good to know how you created that file and what file format it is using.

It is likely that for the case where this happens the font color is set to black on the new document instead of "Automatic" (see screenshot below) One can manually change that, but would of course be good to fix this in whatever case this still occurs.

[AndyXheli]

The file was created in excel outside of nextcloud.

[juliusknorr]

Interesting. I think MS Office also has a dark mode so would be curious how the file is rendered there?

[AndyXheli]

Here what it look like in Excel. Excel dose not darken the fields

[pabloeisenhut]

I think the solution from Nextcloud Office with the dark background is nicer, but the font color would have to be light in dark mode. IMHO

[AndyXheli]

Yea personally not a big fan! but that's a personal preference

[juliusknorr]

@pedropintosilva I'm wondering if there is anything that could be done around that. Not sure if any automatic way makes sense as one might still want black text in some areas.

Just a wild idea: Maybe we can provide the user with a hint/option to convert black text to default color if detected?

[pabloeisenhut]

For comparison, I had a look at Microsoft Online Office, there the font color is automatically adjusted.

[surfrock66]

Additional details, there is a huge UI issue between the "Dark Theme" and "Dark Theme with High Contrast Mode" nextcloud themes.

Dark Theme:

Dark Theme with High Contrast Mode for the same document:

Collabora is it's own vm, 23.05.6.4. Nextcloud is on Ubuntu Server 22.04, v27.1.5 Nextcloud Office app 8.2.3

[sskokorin]

My only wish is to be able to disable the dark mode for all users forever

[mwinkens]

Totally readable table right? This is full of data. Currently users can toggle darkview in the View field which doesn't affect nextcloud. So you have lightview in collabora and nightview elsewhere. I wish for a button to disable darkview for every user in collabora.

[pedropintosilva]

Thank @mwinkens for taking the time to test, report and attach the screenshot. It really helps!

Totally readable table right? This is full of data.

Could you please attach here the document? I think what's happening is that the document is being created with text styles that have static colour (in this case Black).

I have just tried, on my end, and creating a spreadsheet in Nextcloud doesn't make use of hard coded black (the styles have auto which means they change depending on the mode).

Nevertheless this doesn't solve the problem of already created documents with styles that are set to Black or White within or outside of Nextcloud (example: the user might want to print something with white text color on a colourful paper or on shape etc). Which leads to the question: should we just ignore the colours which the document was created with? At least when darkmode is toggle on? And all of them or just the styles with lack of contrast?

Currently users can toggle darkview in the View field which doesn't affect nextcloud. So you have lightview in collabora and nightview elsewhere. I wish for a button to disable darkview for every user in collabora.

This seems to be a distinct comment but I'm not sure I understand. If I understood correctly you are hinting at the fact that inconsistency is undesirable/not wanted(?) Could you please expand on that?

[mwinkens]

@pedropintosilva ~~I think this has nothing to do with static colors, this is a xlsx file coming from (microsoft) excel, which is opened with the default dark mode setting from nextcloud.~~ I tried to reproduce this with a normal .ods table and there the font was white on black and not black on black. The user who created the file does use light theme, in excel and nextcloud.

I can't give you the original file, but I managed to reproduce this in a test file

test.xlsx

This seems to be a distinct comment but I'm not sure I understand. If I understood correctly you are hinting at the fact that inconsistency is undesirable/not wanted(?) Could you please expand on that?

Do you see the big red button in the screenshot saying "Dunkler Modus", when I klick that I can switch to light theme inside collabora making the table white and looking usable again:

Edit: I exported the same file as .ods, and managed to produce the same error there:

test2.ods

[mejo-]

I just experienced the same issue when I created a new spreadsheet from Nextcloud Files in dark mode (reproducible on the company instance). In Nextcloud appearance settings, system default theme is configured. But switching to dark theme there doesn't change anything.

[DaanSelen]

This issue is still there, dark mode is very dark. Can I disable this or make the bright mode default?

[kwaun]

Same issue. When I set my browser (Brave) configured as "Auto Dark Mode for Web Contents": Default (Disabled), the page looks perfect in Dark Mode.

But when I configure my browser as "Auto Dark Mode for Web Contents": Enabled, the toolbar icons look way too dark in Dark Mode.

It seems like an icon palette color issue. The document looks fine btw.

collabora/code:24.04.2.1.1 nextcloud:29.0.0-apache

[DaanSelen]

I have seen that Collabora has some trouble with finding certain dark icons with the latest docker image, could that be it?

[phirestalker]

I can't find the option in collabora spreadsheet to set the text color to auto. Where is it located?

[JMarcosHP]

Using android Chrome App.

This is an .xlsm file form Excel. There is no option on admin panel to set default theme for Nextcloud Office.

Nexcloud 29.0.4 Latest Nextcloud-aio and nexcloud office.

[godfuture]

C Server 27.1.4

This is exactly how it looks for me with Collabora cp-23.05.10-1 and cp-24.04.6-2 on win10 x64 Firefox 129.0.2. Nextcloud 28.0.4

[godfuture]

Btw. this helped me at least with font color: https://forum.collaboraonline.com/t/switch-between-light-dark-theme-code-22-05/1259/7