Yaru-Colors Mod

GTK3 Themes gnome gnome-shell gtk3 ubuntu yaru

Source (link to git-repo or to original if based on someone elses unmodified work): https://github.com/Jannomag/Yaru-Colors

12
Score 86.0%
Description:

Yaru-Colors is a theme project to bringt different colors to Ubuntu's awesome Yaru theme.


Update 2.3.2: Fixed missing gnome-shell files in default theme
Update 2.3.1: Fixed GTK2.0 themes, which were Aqua-colored.
Update 2.3: Recompiled everything from updated source files and fixed the auto dark / light mode.
Update 2.2: Added auto theme compatibility - apps can now use dark or light theme on their own.
Update 2.1: Compiled everything new from scratch to include all three flavors of Yaru: Default (dark titlebar, light content), Light and Dark.
Update 2.0: Yaru developers updated the original theme, so I did. It cointains now the new light version from 19.10. Maybe I'm able to create "Yaru-Classic" theme with the old darker header bars, but for now it was enough work to create 2.0

I added new screenshots and also created new wallpapers - one for each color!

Special thanks to the developers of Yaru!
Ubuntu's Yaru GitHub

Tested on Ubuntu 19.04 and 19.10 - with Gnome only.
This theme doesn't work for MATE!


Yaru-Colors themes conataing following:
- GTK 2 / 3 themes
- Gnome-Shell themes
- Yaru icons
- Ubuntu-Dock theme (indicators)

Following changes are made by me:
- .css files for GTK3 and Gnome-Shell are edited. I changed all orange and purple tinted colors
- GTK2 images and Gnome-Shell graphics which were orange tinted are changed
- For the icon pack I just recolored the folder icons in 'places' and 'status'
- The dock got recolored app running indicators, which are changed by script, not by file

I tried to make the installation as easy as possible.
Therefore I created an installation script called install.sh. (Tutorial below)

The installer will do a backup if something needs to be overwritten (only Ubuntu 18.10+).
It will guide you through everything and allows you to choose what you want to install.


Donations:

Yaru-Colors is free to use, modify and re-release - feel free to buy me some cookies ;-)
https://paypal.me/jannomag


General Information:

Please visit the GitHub page for more screenshots of every theme, issues or suggestions.

Known issues:
Nothing but it just doesn't work with MATE. Maybe I've the time to make a special MATE theme, maybe not...
File-Size - the whole theme file is huge because of the icon packs for each color. Try downloading only one color, if it's too big for you.

Tutorial

Installation with script:
1. Run the installer with './install.sh'
-- for replacing '/usr/share/gnome-shell/theme/Yaru' for better compatiblity, run this script as root
2. Follow the installer
3. Done

Removal with script:
1. Rund the uninstaller with './uninstall.sh'
-- if you installed the shell theme to '/usr/share/gnome-shell/theme/Yaru', run this script as root
2. Follow the script
3. Done

Manual install:
1. Copy your desired theme into your desired theme directory (example '/usr/share/themes' or '~/.local/share/themes')
2. Copy you desired icon pack into your desired theme directory (example '/usr/share/icons' or '~/.icons')
3. For better compatiblity you can optionally copy the files from a theme's gnome-shell directory to '/usr/share/gnome-shell/theme/Yaru' and overwrite everything AFTER you backed up the files
4. Enable your themes with gsettings commands or with gnome-tweak-tool
5. To change the dock indicator color (Ubuntu's Dash-To-Dock only), find the hex code for your desired color in the list below and enter following two commands (replace HEXCODE with your color code including #):
'gsettings set org.gnome.shell.extensions.dash-to-dock custom-theme-running-dots-color 'HEXCODE' 2> /dev/null'
'gsettings set org.gnome.shell.extensions.dash-to-dock custom-theme-running-dots-border-color 'HEXCODE' 2> /dev/null'
(or do it with the script, it'll do it for you...)

Have fun with it!
For any suggestions send me a message here or on Reddit /u/jannomag
Last changelog:

Version 2.0 2 months ago

Yaru got updated with a new light theme, so I recreated Yaru-Colors based on Yaru' 19.10.2 source!
Icons and screenshots are the same - I'll add new screenshots, when I've the time for this.
The install and uninstall scripts are also unchanged!

Maybe I'll add a new theme, called "Classic" or so, with dark title bare as in 1.0 and older Yaru versions...

9

intro18

7 hours ago

/usr/share/themes/Yaru-Deepblue-dark/gtk-2.0/main.rc:409: Unable to locate image file in pixmap_path: "assets/scrollbar-arrow-up.png"
/usr/share/themes/Yaru-Deepblue-dark/gtk-2.0/main.rc:414: Overlay image options specified without filename
/usr/share/themes/Yaru-Deepblue-dark/gtk-2.0/main.rc:418: Unable to locate image file in pixmap_path: "assets/scrollbar-arrow-down.png"
/usr/share/themes/Yaru-Deepblue-dark/gtk-2.0/main.rc:423: Overlay image options specified without filename
/usr/share/themes/Yaru-Deepblue-dark/gtk-2.0/main.rc:427: Unable to locate image file in pixmap_path: "assets/scrollbar-arrow-left.png"
/usr/share/themes/Yaru-Deepblue-dark/gtk-2.0/main.rc:432: Overlay image options specified without filename
/usr/share/themes/Yaru-Deepblue-dark/gtk-2.0/main.rc:436: Unable to locate image file in pixmap_path: "assets/scrollbar-arrow-right.png"
/usr/share/themes/Yaru-Deepblue-dark/gtk-2.0/main.rc:441: Overlay image options specified without filename
The installation script doesn't copy these image files. Have to copy them manually from src folder. Please fix.

Report

C

jannomag

43 minutes ago

Please take a look in Yaru's source: https://github.com/ubuntu/yaru/blob/master/gtk/src/dark/gtk-2.0/main.rc
It seems that these images are supposed to be missing. Look at lines 403-405:
"
# QGtkStyle (used for Qt apps) *always* assumes scrollbars have
# arrows, so configure these here. Gtk2 apps will atually ignore
# this. "

Also take a look inside of the assets.txt which is the file index for compiling the png's. There are no scrollbar-arrow-[*].png so they can't be in my theme since I'm using this as source. I don't know why they're missing, I opened an issue on Yaru's source git for this.

For now, your solution is the best for everyone who needs this, since it's just Qt related. I'll update Yaru-Colors when I've an answer from Yaru developers.

Report

C

jannomag

54 minutes ago

Thanks, I'll fix this and comment again when done. It's not the install script, it seems that these images are missing when compiling the png from the source svg.

Report

10

petermaicher

6 days ago

10 10 the best!
I needed a theme for Budgie. Yaru was to close to what you get with Ubuntu. Yaru Colors is the answer for me. Currently my favorite is purple. Thanks and keep the good work!

Report

VentGrey

2 days ago

Are you using budgie 10.5? some animations (like raven's) don't work.

Report

10

petermaicher

1 day ago

Yes. I'm on atest Budgie and on Solus. Raven seems to work fine for me but I generaly have disabled animations. Which animations do you have in mind? I didn't noticed anything wrong about them? Maybe I could recreate if I'll now which you have in mind. Also knowing if animations works with stock Yaru will be helpful for theme developer.

Report

C

jannomag

2 days ago

Do they work with stock Yaru?

Report

rosaastrum

10 days ago

Hi there, just wanted to let you know that while your latest release works fine overall, it seems that all of the GTK2 variants default to Aqua for some reason.

Report

C

jannomag

9 days ago

Updated to 2.3.1 which fixes this issue. Please redownload the pack or your desired theme.

Report

C

jannomag

9 days ago

Every update a new issue... I'll take a look over it and update again, soon. Thanks for the information!

Report

rosaastrum

9 days ago

Great, thanks! Keep up the great work, you're really bringing this theme to life. :)

Report

C

jannomag

9 days ago

Thank you. I'll try to keep it up as long as I can. Next project will be a fully colored version like "federicofavale" suggested but it'll take some time.

Report

federicofavale

19 days ago

Hi!

first of all, I wanna say I really like this idea of a "colored" Yaru theme.
There is only something that I don't like (It's related to the original Yaru theme though)

What do you think of (since this is a modified version) making progress bars, checkboxs, scrollbars, etc respect the theme "accent color"?

It just seems a little odd choosing -lets say- the red version and getting blue sliders :)

I don't know if anyone who uses this theme (or even you) would agree with me, but I just wanted to add this into consideration.

Greetings!

Report

federicofavale

19 days ago

I opened an issue on github, if anyone is interested
https://github.com/Jannomag/Yaru-Colors/issues/7

Report

mrluizandre

1 month ago

Very appreciated. Just can't wait for the Classic version.

Report

C

jannomag

1 month ago

Classic is called Default now - it's part of todays 2.1 release!

Report

10

cjcesconetti

1 month ago

10 Ótimas opções para quem usa Gnome.

Report

10

jecsham

2 months ago

10 Super cool, the install script works with no problem running as root, the themes looks amazing... thanks!

Report

10

jonloureiro

2 months ago

10 ;B

Report

10

facecolor

2 months ago

10 10 the best

Report

9

erkadia

2 months ago

9 9 excellent

Report

10

fla15

2 months ago

10 10 the best

Report

10

fla15

2 months ago

can you add the new theme? light (full light) and xfwm4 theme. (also ubuntu default orange color for Xfce)

Report

C

jannomag

2 months ago

I updated the theme!

Report

C

jannomag

2 months ago

I'll update the theme soon including the new light theme. But I don't know if I'm able to create it for xfwm4 since I don't have any experience in theming xfce. but I'll try!

Report

Version 2.0 2 months ago

Yaru got updated with a new light theme, so I recreated Yaru-Colors based on Yaru' 19.10.2 source!
Icons and screenshots are the same - I'll add new screenshots, when I've the time for this.
The install and uninstall scripts are also unchanged!

Maybe I'll add a new theme, called "Classic" or so, with dark title bare as in 1.0 and older Yaru versions...

12345678910
88
product-maker petermaicher Dec 08 2019 10 the best
10 the best! I needed a theme for Budgie. Yaru was to close to what you get with Ubuntu. Yaru Colors is the answer for me. Currently my favorite is purple. Thanks and keep the good work!
product-maker cjcesconetti Nov 02 2019 10 the best
Ótimas opções para quem usa Gnome.
product-maker jecsham Oct 13 2019 10 the best
Super cool, the install script works with no problem running as root, the themes looks amazing... thanks!
product-maker jonloureiro Oct 10 2019 10 the best
;B
product-maker facecolor Oct 06 2019 10 the best
10 the best
product-maker erkadia Sep 22 2019 9 excellent
9 excellent
product-maker fla15 Sep 21 2019 10 the best
10 the best
product-maker fenyx Sep 12 2019 10 the best
Great work, thanks a lot for sharing it with us. Anyway I don't use it yet on my Ubuntu 19.04 because of incompatibility with my very favorite file manager (Double Commander aka. doublecmd-gtk, installed through apt, not by snap or appimage). I don't understand what makes a dark theme work with this application or not but I see that Starlabs and Adwaita-dark are theming it perfectly. I don't know the difference with a theme like yours nor which files should be included or modified, sorry to be of no help. Do you think that this issue with Double Commander could be fixed? I would be glad to use this theme as I really like it. Here's a concrete example: Yaru Blue Dark > https://i.imgur.com/xzdvKDt.png StarLabs Dark > https://i.imgur.com/FGDgJHI.png Yaru Dark (the one included by default with the latest Ubuntu release) > https://i.imgur.com/TYmRY9r.png Packages installed (all from the official Ubuntu repositories): gtk2-engines gtk2-engines-pixbuf gtk2-engines-murrine murrine-themes doublecmd-common doublecmd-gtk doublecmd-help-en doublecmd-plugins I've posted a message on application's forum to get more informations about the files to customize but nobody answered for now > https://doublecmd.sourceforge.io/forum/viewtopic.php?t=5769
product-maker pedrohgodoys Jul 29 2019 10 the best
Really clean and minimal. I really love it! Great work, mate.
product-maker arris May 15 2019 9 excellent
9 excellent
product-maker Paz-it Apr 20 2019 9 excellent
+great work here!!! thank you so much for doing it :D
product-maker johnz Apr 19 2019 9 excellent
+
product-maker Srijit4Real Apr 17 2019 9 excellent
Thanks! Looking forward to it. Here's my +1 which I forgot
product-maker davidgxxl Apr 11 2019 9 excellent
+1 Waiting this variant for a long time! Thank You...
product-maker intro18 Apr 10 2019 9 excellent
+
product-maker gaoupiou Apr 10 2019 9 excellent
+
product-maker Base: 4 x 5.0 Ratings
Be the first to comment
petermaicher
Dec 08 2019
cjcesconetti
Nov 02 2019
paulxfce
Nov 01 2019
Rockiger
Oct 21 2019
jecsham
Oct 13 2019
jonloureiro
Oct 10 2019
cozytuna
Sep 22 2019
fenyx
Sep 12 2019
pedrohgodoys
Jul 29 2019
Paz-it
Apr 12 2019
p4prik4
Apr 10 2019
gaoupiou
Apr 10 2019
File (click to download) Version Description Downloads Date Filesize DL OCS-Install MD5SUM
*Needs pling-store or ocs-url to install things
Pling
0 Affiliates
Details
license
GPLv3
version
2.3.2
updated Dec 10 2019
added Apr 10 2019
downloads 24h
80
mediaviews 24h 0
pageviews 24h 224