I’m in the process of editing the colours of the Matcha-dark-sea theme to match more about my desktop. ( testing in VM )
I am having some difficulty locating the code I need to edit and the right config to edit for some settings.
For example the “inactive” buttons and sliders that a user cannot interact with “the darker green” and also the menu at the bottom when hovering the mouse over, the green line under it still shows as green, until clicked.
I made a video to make it clearer. ( I open and close the browser in the video to show the menu bar button when active/inactive ) https://youtu.be/YekBWNWbm0M
Is there an app or something that can edit the matcha theme?
I looked into that yesterday but looks like it only customises some themes. Couldn’t figure out how I could “import” matcha theme. Looks like the theme types it edits is the Arc, Materia and oomox unix-based themes.
I will have a look for those values some time tonight and let you know
You can place the above CSS rules in the file ~/.config/gtk-3.0/gtk.css and logout/login to see the changes.
Do I need to make the css with just those lines of code and place in that directory? Or do i continue to edit the css that’s in /usr/share/themes/Matcha-dark-sea/gtk-3.0/? I’m currently editing the gtk-dark.css in there.
but the disadvantage is that whenever you update the Matcha-gtk theme, it will overwrite the changes you have made. This means that you have to create a backup copy of this file in your home directory or in an external drive and copy it over after the theme gets updated.
Personally, I always use the file ~/.config/gtk-3.0/gtk.css for making changes in Gtk themes. This file is not getting touched by any update and has the highest priority in the system regarding CSS rules in Gtk themes.
But I always have in mind to update this file whenever I choose a different theme for Gtk applications (which does not happen often), so that the changes made in this file match the colors of the new theme.
The first part is for the Window Buttons in the panel (which you have already implemented) and the second part is for the disabled sliders/buttons.
Obviously, you have to change the values of colors and opacity according to your liking. You can, also, use solid colors instead of the rgba color model, for example background-color: #0000ff; for blue background.
After editing the said file, logout and login in your system.
A screenshot demonstrating the pavucontrol window after applying the CSS rules:
I haven’t obviously done it all because I just don’t know all the lines of code… to be honest they all look the same haha.
But just in case, do you also know the line of code to change the loading bar colour?
I might have already done it by accident as the download progress bar in firefox is the one I chose.
This doesn’t look like a Gtk3 application, but like a Gtk2 one.
If that’s the case, the color of the progress bar is controlled by an image called progressbar.png in the directory /usr/share/themes/Matcha-dark-sea/gtk-2.0/assets/. CSS rules don’t apply in version 2 of the Gtk framework, it has a different kind of approach regarding theming.
You can backup this image, copy it somewhere in your home directory, open it with an image editing software (like Gimp) and change its color to the one matching your edited theme. After saving it, copy it back to the directory I mention above with the exact same name, replacing the default one.
To see if that worked, logout and login back into your system.
Bare in mind that a new version of Matcha-gtk theme will overwrite your image, which means that you must have a copy of it to replace the default one.
By the way, what application are you using as a file manager? Isn’t it the default one, called Thunar?