Skip to content
View in the app

A better way to browse. Learn more.

Unraid

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Chrome red and blue colors inverted in Ubuntu 24.10 VM

Featured Replies

I just updated an Ubuntu VM to 24.10 and found Chrome is swapping the colors red and blue, exactly as described here. This wasn't an issue with 24.04 though. I installed Ubuntu 24.10 and 24.04 on clean VMs and found the same behavior after installing Chrome. Colors are correct in 24.04, but red and blue are swapped in 24.10. This is with the default Ubuntu VM template. Any idea how to fix this?

  • Author
On 11/11/2024 at 9:15 PM, bmartino1 said:

?soundls like the theme your ubuntu sytem is using:

No, changing the theme has no effect on this. Everywhere in the Chrome UI, blue and red are swapped. For example, this is how this RGB image appears:

 

Screenshot2024-11-16153517.thumb.png.d461be56f67d3afd571cd2c5ba44a878.png

ok the lets take a look at other things...Need other VM info...it xml please...

The issue you're describing with Chrome swapping red and blue colors on Ubuntu 24.10 is likely related to a misconfiguration in the virtual machine's graphics settings or an issue with the underlying GPU passthrough/emulation. Here's how you can troubleshoot and resolve the issue:

 

Potential Causes

Graphics Driver Issue in the VM:

Ubuntu 24.10 may have introduced changes in the default graphics stack, potentially causing issues with color interpretation.

Spice or QXL Video Driver Issue:

If you're using the default QXL video driver for the VM, it might be causing the color channels to get swapped.

Web Rendering or GPU Acceleration in Chrome:

Chrome relies on hardware acceleration for rendering. If the virtual GPU or driver doesn't support it correctly, colors can appear distorted.

 

Steps to Fix

1. Disable GPU Hardware Acceleration in Chrome

Open Chrome in the VM.

Navigate to chrome://settings/ > System.

Disable "Use hardware acceleration when available".

Restart Chrome and test if the colors are rendered correctly.

 

2. Change the Graphics Device in the VM Settings

In Unraid's VM Manager, edit the Ubuntu VM settings:

Change the Graphics Card from QXL to Virtio-GPU:

Go to VMs > Edit your Ubuntu VM.

Set the video driver to Virtio (if available).

Restart the VM and check Chrome.

Alternatively, use VNC for testing to see if it eliminates the issue (it uses software rendering).

 

3. Check the Spice Display Configuration

If you're using Spice for the display connection, ensure that you have the latest version of the Spice guest tools installed in the VM:

sudo apt update
sudo apt install spice-vdagent

Restart the VM and retest Chrome

 

4. Switch to a Different Display Protocol

Try using NoVNC or RDP instead of Spice to see if the issue is related to the protocol.


5.Update the VM's Graphics Stack

Ensure your VM's graphics stack is up-to-date

sudo apt update
sudo apt upgrade
#If using Xorg, you may want to explicitly reinstall the xserver-xorg-video-qxl or xserver-xorg-video-virtio driver:
sudo apt install xserver-xorg-video-qxl
sudo apt install xserver-xorg-video-virtio


Simon may know more here...in terms of why unriads vnc/spice color pallet might have swaped...need xml to confirm what g card variend and how it is rendign what...
*as i don't experience this with VM defualts or with gcard passthrough...
 

6. Try and Use GPU Passthrough

If your Unraid setup supports GPU passthrough:

Assign a dedicated GPU to the Ubuntu VM in the VM Manager.

Install the appropriate graphics drivers inside the Ubuntu VM (e.g., NVIDIA or AMD drivers).

 

7. Verify and Override Chrome Flags

Sometimes Chrome uses incorrect assumptions about the GPU. You can override this:

Navigate to chrome://flags/.

Search for "Force color profile".

Set it to "sRGB" and restart Chrome.

 

Testing the Fix

After applying each step, revisit the RGB test image (e.g., the Wikipedia RGB diagram) and verify if the colors are correct. Let me know if you need further assistance or clarification!

  • 1 month later...
  • Author

The issue persists with and without graphics acceleration enabled in Chrome.

 

It's also the same with both VNC and SPICE virtual graphics. I'm not passing a GPU through to this VM.

 

I can only select QXL or Cirrus for video driver. vmvga is on the list, but disabled. The issue is the same with both QXL and Cirrus.

 

But if I edit the XML directly and change the video model type to virtio:

<video>
  <model type='virtio' heads='1' primary='yes'/>
  <address type='pci' domain='0x0000' bus='0x00' slot='0x01' function='0x0'/>
</video>

this fixes the issue! Red and blue colors are now correct in Chrome.

 

The problem is, virtio performs quite a bit worse than QXL does with SPICE and a high resolution (2880x1775) display. Screen refreshes take seconds. Just scrolling a web page is unbearably slow.

 

This is the QXL XML configuration that performs better, but has the color bug in Chrome:

<video>
  <model type='qxl' ram='65536' vram='131072' vram64='131072' vgamem='65536' heads='1' primary='yes'/>
  <address type='pci' domain='0x0000' bus='0x00' slot='0x01' function='0x0'/>
</video>

 

Thank you for your help!

Edited by Ancalagon

I don't have this issues with unraid vm on ubuntu. I'm not sure why your red/blue/green are getting crossed or nixed. if the chrome flags didn't help past that you either need to edit ubunut to swap them or the xml to swap them.

 

Verify and Override Chrome Flags

Sometimes Chrome uses incorrect assumptions about the GPU. You can override this:

Navigate to chrome://flags/.

Search for "Force color profile".

Set it to "sRGB" and restart Chrome.

 

please post a unraid diag to verify if its not in a underlying unriad config / option.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.