Change accent colour

hey everyone, i've recently been experimenting with zorin os and i am very satisfied with how it operates. however, it seems there are only 6 available colours for accent colour. is there any way to get around this? if so, how? thanks in advance

2 Likes

The accent color is actually a gtk theme with a different coloring scheme.
You could create a new color scheme by copying the Zorin Theme you wish to use to ~/.themes and then altering it using oomox.

4 Likes

Hey Aravisian, thanks for the fast reply. For now, I am perfectly content with the zorin themes that come pre-installed with the operating system. Is it possible to alter the color scheme of them as well using the software you linked?

2 Likes

Yes, that is what I just said to do.

2 Likes

The RGB blue value #6cbfee try it

1 Like

I tried changing the accent color, all the matching accent color in the file, but it doesn't change the selection highlight color in the nautilus sidebar or in the settings sidebar. It is using a gradient. What class is that?

What I use (pasted quick and shoddy):
row:selected, row:hover, placessidebar.sidebar row.sidebar-row:hover, placessidebar.sidebar row.sidebar-row:checked, placessidebar.sidebar row.sidebar-row:selected, menu menuitem:hover, .menu menuitem:hover, .sidebar:selected, placessidebar row:selected, .caja-side-pane scrolledwindow.frame treeview.view:hover, .nemo-window scrolledwindow.frame treeview.view:hover, .thunar scrolledwindow.frame treeview.view:hover, .nemo-window treeview:hover, .nemo-window treeview button:hover, treeview.view:hover, .nemo-window treeview button:active, treeview treeview.view:selected, treeview.view:selected:focus, treeview treeview.view:selected:backdrop, treeview.view:selected:backdrop, .caja-side-pane scrolledwindow.frame treeview.view:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:checked, .nautilus-window placessidebar.sidebar row.sidebar-row:selected
Some of the above, like the Caja Classes, you can neglect if you prefer.

Sorry to be a party pooper but what IS an accent colour?

It is the Highlight Color. You can choose that in Zorin Appearance. And Gnome offers that since Gnome 47 by default (better late than never, hahaha!).

3 Likes

So what is the Highlight Colour?

The Accent Color:

There are certain highlights used in programs like the Software store or the file manager. Here are two examples using the blue accent (which is the default) and the black one:

2 Likes

uhh i just like want to change accent color when using custom themes

Hi, and welcome to Zorin OS!

There is not such a thing as an accent color, really. They are just different themes that look mostly the same with a particular highlight.

You'll find that other themes follow this same pattern, where each "color" is actually a separate theme that you can select. This is true for GTK themes as well as icon sets, cursors, etc.

It wouldn't make sense that you're installing a custom theme only to find that the underlying system is applying some styles on top of it. That would be quite the annoyance.

So, you'll have to tweak your custom theme accordingly to create a variety of them, one for each accent color that you'd like to have. Unfortunately, you won't be able to use Zorin Appearance to control them. Instead, you can install Gnome Tweaks to control it from there.

1 Like

You can edit (or create) the gtk.css file in these folders inside ~/.config to change the accent color of gtk themes:

dmn@Tyana-vm:~/.config$ ls | grep gtk
gtk-2.0
gtk-3.0
gtk-4.0

example:

dmn@Tyana-vm:~/.config/gtk-3.0$ cat gtk.css
@define-color accent_color #cdab8f;
@define-color accent_bg_color #986a44

gtk.css in gtk-4.0 is the same.

Files with custom accent color:

3 Likes