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

16
Score 88.8%
Description:

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


Update 2.3.3: Added missing GTK2.0 assets used by Qt and older applications (scrollbar arrows)
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 6 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...

57 comments
 Comments

Please login or register to add a comment

10

zvx333

4 days ago

10 10 the best, best Yaru fork you can get today

Report

vinigris

1 month ago

... el tono amarillo es perfecto "light", el tema de íconos inmejorable; lo mejor para GTK3!

Report

10

flor42

1 month ago

10 10 the best

Report

jitsuzai

1 month ago

I like this theme so far thanks for this, Also love the purple indicators and close/minimalize ect buttons <3

Report

9

commodoreameris

1 month ago

9 9 excellent

Report

9

commodoreameris

1 month ago

Great theme. Love it! Would also love a port for Unity if you ever get a chance.

Report

10

linuxoed9

2 months ago

10 10 the best

Report

10

marciozh

2 months ago

10 10 the best

Report

10

kevinaltaf

2 months ago

10 Perfect for my WM!

Report

9

intro18

3 months 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

3 months ago

It's fixed now, I updated all files here and also the repo (compiling script)

Report

C

jannomag

3 months 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

3 months 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

9

intro18

3 months ago

Great. Thanks!

Report

10

petermaicher

3 months 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

3 months ago

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

Report

10

petermaicher

3 months 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

3 months ago

Do they work with stock Yaru?

Report

10

petermaicher

3 months ago

They seem to not work with stock Yaru as well. There are some other issues which I spotted. E.g. no closing icon for Disks, graphical glitch when opening Settings > Devices > Mouse & Touchpad. This freezes the setting and prevents to choose anything or closing the window (settings can be closed via right click on icon in panel and then closing it). For now you could use this theme with Budgie but it's not free from issues. No surprise. It's meant for Gnome. Anyway Yaru is nice. Yaru Colors as well. Keep the good work!

Report

rosaastrum

3 months 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

3 months ago

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

Report

C

jannomag

3 months ago

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

Report

rosaastrum

3 months ago

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

Report

C

jannomag

3 months 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

4 months 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

Version 2.0 6 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
913
product-maker zvx333 Mar 29 2020 10 the best
10 the best, best Yaru fork you can get today
product-maker flor42 Feb 29 2020 10 the best
10 the best
product-maker commodoreameris Feb 17 2020 9 excellent
9 excellent
product-maker linuxoed9 Jan 26 2020 10 the best
10 the best
product-maker marciozh Jan 22 2020 10 the best
10 the best
product-maker kevinaltaf Jan 18 2020 10 the best
Perfect for my WM!
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
flor42
Feb 29 2020
jitsuzai
Feb 25 2020
danster
Jan 20 2020
ruslanman1
Dec 21 2019
aineko
Dec 20 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
product-maker
jannomag
Pling
0 Affiliates

Support-Box

Become a Supporter of "Yaru-Colors" and similar GTK3 Themes via a monthly donation of
  • $0.99
  • $2
  • $5
  • $10
  • $
    Enter a free Amount
Yaru-Colors is part of GTK Themes and Content, which is supported by the following people:
Other GTK3 Themes:
product
product
product
product
product
product
Details
license
GPLv3
version
2.3.3
updated Dec 15 2019
added Apr 10 2019
downloads 24h
56
mediaviews 24h 0
pageviews 24h 149
Report Misuse Report SPAM
System Tags gnome gtk3 linux theme unix gplv3