Since Zorin OS 17 ships with GNOME 43, its beautiful theme does not support the newest GNOME 45 shell and applications. This makes sense, since we don't want our beloved devs working extra for something Zorin doesn't support. However, many of us might tinker with an unsupported upgrade to GNOME 45 or even use different distro altogether that uses GNOME 45. Wouldn't it be great to create an unofficial (community) version of the Zorin themes for the world to enjoy?
I have been working on the GTK-4.0 css file for ZorinBlue-Dark with a lot of success, though a few small details are still imperfect
Quite right, this is just the first post announcing the project and welcoming suggestions from community. I will also post a Proton Drive link with the css code that is a work in progress for applications as well as the official Zorin shell theme to make it easy for anyone to (respectfully) tinker as well.
Actually now that I think about it, maybe Github would be a better choice
To answer the first question, I'm pleased to see you fell for my little deception because you are looking at Fedora 39 with GNOME 45 pre-installed, I have just already heavily customized it for the pure Zorin experience other than the icon theme.
I will test Z17 with G-45 as well in the future and will include it for the guide for sure.
With the second point of the @define-color values, that is how the values are set up officially in Zorin's GTK theme, the difference is that I have added the needed sidebar and secondary-sidebar fields to bring it up to the latest standards of Libadwaita. Hence why Nautilus and Gnome Settings look perfect already:
Now that I re-check the code, there isn't a repeat of bg / background, are you getting it mixed up with backdrop? If so, it isn't the same thing. Backdrop controls if and how the color changes when the window is out of focus.
Little update, I went ahead and downloaded Biblioteca, the complete GNOME documentation reader, and it offers a lot of information useful for this project:
The NewsFlash issue has been fixed and I have updated Github accordingly with the update. I had to use GTK Inspector to find the specific css-classes value and wrote this code to take care of it:
/* NewsFlash-specific fixes */
@define-color custom_color_for_item_count_label #1E2529;
@define-color custom_color_for_item_count_all_label #1E2529;
.item-count {
color: @custom_color_for_item_count_label;
}
.item-count-all {
color: @custom_color_for_item_count_all_label;
}
/* Apply custom colors to the pill-shaped frame */
.item-count,
.item-count-all {
background-color: #BDE6FB;
border: 1px solid #BDE6FB;
border-radius: 10px; /* Adjust the border-radius value to match the pill shape */
padding: 2px 8px; /* Adjust the padding to control the space around the number */
}
The theme is basically ready now. I wouldn't mind having some more eyes on it to tell me if they can find any flaws.
Update: the NewsFlash dev actually asked me to add a Zorin theme to the official application, so pending a Merge Request, we might all see Zorin (Dark Blue) in the list of a handful of themes supported by NewsFlash.
I will make refinements to some elements of sidebars in apps before delving into the shell theme.
