Yaru-Colors

GTK3/4 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

54
9.2
Available as/for: Gnome 3.36Gnome 3.38Gnome 40+GTK2GTK3.16GTK3.18GTK3.20GTK3.22GTK3.24GTK4.0
Description:

Yaru-Colors is a theme project to bring different colors to Ubuntu's awesome Yaru theme.
Version 21.04





Update 21.04
- Update every theme to 21.04!
- Updated icons to 21.04
- Added two new colors as per community request: Aubergine and Lavender are now a part of the colorful family! Suggestions are ALWAYS welcome!
ling*
*- NOTE: Shell of Gnome 40 isn't supported yet because Yaru hasn't added support for it, yet. As soon as Yaru devs release Gnome-Shell support for Gnome 40, I'll do my best to update Yaru-Colors as well.
RELEASED

Screenshots included for every theme

Yaru-Colors themes are containing following:
- GTK 2 / 3 / 4 theme
- Gnome-Shell theme (not Gnome 40, yet)
- Recolored icons (more information below)
- Recolored cursors
- Ubuntu-Dock theme (indicators)
- Unity support (brought with Yaru 20.04)
- Wallpapers (see below)
Please note: I've added Yarus source files for gtk2/3, gnome-shell, unity, icons and cursors to my git, to be able to work with them. I'll update them as soon as I'm working on a next version of Yaru-Colors.

Following changes are made by me:
- .css files for GTK3/4 and Gnome-Shell are edited. I changed all orange and purple tinted colors
- The Unity files are edited (20.04+ only)
- GTK2 images and Gnome-Shell graphics which were orange tinted are changed
- For the icon pack I just recolored the folder icons and some others, the icon packs are set to inherit to Yaru (see below)
- The cursors are recolored
- The dock got recolored app running indicators, which are changed by script, not by file

Icons: To safe space, I decided to ditch the whole Suru theme for just the edited files. The icon packs will inherit to Yarus icons in first place. To get this to work, you need to install Yarus icons (instructions on Yaru's git).
To change the inherit icons, you can change the index.theme file in the icons directory of each theme.


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

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.

Installation with script:
1. Run the installer with
./install.sh

2. Follow the installer
3. Set your themes with gnome-tweak-tool (if not done with the script)
4. For gnome-shell you need the User Themes Extension for Gnome-Shell
5. To change the dock indicators, simply run the dock-indicators.sh in
src

6. Done

Installation notes:
*Due to an old bug in user-themes, the glib-2 schemas for this extensions aren't available systemwide. This causes and error, when trying to change the shell theme with gsettings command, because the schema for this is missing. I've added the fix from https://gist.github.com/atiensivu/fcc3183e9a6fd74ec1a283e3b9ad05f0 to the installer. It needs root privileges but the script will ask for this.*

GDM3 support:
The installer will ask for gdm3 enabling on Ubuntu with installed Yaru, only.
Please note: I didn't tried it on other distros, yet (testers welcome!).
I don't know how gnome-shell / gdm3 works on other distros and if it's using the same files.
This tutorial will work on Ubuntu, but may also on other distros, if the files are the same.
Please let me know, if there are any problems with it. Modifying gdm3 / gnome-shell isn't that easy to handle, espacially if distros like Ubuntu do their own stuff.

Manual gdm3 installation (tested on Ubuntu 20.10 only, yet. Please give me a note if something's wrong!):
- Check if following file exists and create a backup:
/usr/share/gnome-shell/gnome-shell-theme.gresource

- if done copy the .gresource file of your theme to the gnome-shell directory by entering following command:
sudo cp THEME_DIR/Yaru-COLOR/gnome-shell/yaru-COLOR-shell-theme.gresource /usr/share/gnome-shell/gnome-shell-theme.gresource

- update the alternatives by using the command:
sudo update-alternatives --config gdm3-theme.gresouce
- this will ask you to choose a file, choose the one from above.
or the direct command:
sudo update-alternatives --set gdm3-theme.gresource /usr/share/gnome-shell/gnome-shell-theme.gresource

- Reboot or restart shell by using Alt+F2, enter r and hit Enter

Removal with script:
1. Run the uninstaller with
./uninstall.sh

2. Follow the script
3. Done

Manual install:
1. Copy your desired theme into your desired theme directory (example
~/.themes
)
2. Copy you desired icon pack into your desired theme directory (example
/usr/share/icons
or
~/.icons
)
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...)

Snap install
special thanks to Muqtxdir
1. Install snap package with
snap install yaru-colors
(TBR)
2. Add the themes to the snap theme list by following 3 commands:
for i in $(snap connections | grep gtk-common-themes:gtk-3-themes | awk '{print $2}'); do sudo snap connect $i yaru-colors:gtk-3-themes; done

for i in $(snap connections | grep gtk-common-themes:gtk-2-themes | awk '{print $2}'); do sudo snap connect $i yaru-colors:gtk-2-themes; done

for i in $(snap connections | grep gtk-common-themes:icon-themes | awk '{print $2}'); do sudo snap connect $i yaru-colors:icon-themes; done

3. Reboot or re-login

Other distros than Ubuntu
Or when you notice any issues with the icon packs
Thanks to tur1ngb0x for this hint
1. Install dependencies
- - Debian/Ubuntu:
sudo apt install humanity-icon-theme yaru-theme-icon hicolor-icon-theme

- - Arch/Manjaro:
yay -S humanity-icon-theme yaru-icon-theme hicolor-icon-theme

2. Apply any Yaru-Color icon pack.
3. Restart GNOME Shell / Cinnamon Shell.
4. Panel icons will now show applied Yaru-Color icon pack.

Compiling own themes
I tried my best to create a tutorial on how to use my theme-script.sh to compile own themes. I hope it's understandable and usable.
If not, please tell me!
But: Due the lack of time I'm not able to help you at any time. So, pease, excuse me if I can't anwer instantly.

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

Wallpaper information
All wallpapers are made by me from scratch.
I made a wallpaper for each color and one with Ubuntu's stock colors.
I also added a bonus photo wallpaper, also made by me.

All other colors in the themes are generated while compiling the css from Yaru's source.

KNOWN BUGS
Some buttons are wrong displayed in Gnome-Shell 40
In Gnome 40 shell are some "glitches" or wrong looking buttons. This is just because Yaru doesn't support the shell of Gnome 40 officially, yet. As soon as they release the support, I'll update Yaru-Colors as well.

Transparent window borders
Snap applications like Ubuntu Software become transparent.
This isn't really a Yaru-Colors issue. Snap has its own theme directory and I'm not able to add Yaru-Colors to this.
Currently, I don't have any way to create a Yaru-Colors Snap.
There are two solutions:
1) Set Yaru as theme using GTK Inspector - this is just temporary.
2) Completely remove Snap and install Ubuntu Software and other applications via the repositories.
For this there are many tutorials on the WWW.
FIX: Install yaru-colors snap package and read above!

Missing icons in gnome / failing to apply Yaru-Colors
On some distros the icon pack fails to apply (Arch in this case).
Fix by @tur1ngb0x (see issue #55):
1. Install humanity-icon-theme (dependency)
* Debian/Ubuntu (should be installed by default):
sudo apt install humanity-icon-theme

* Arch/Manjaro:
sudo yay -S humanity-icon-theme

2. Open GNOME Tweak Tool, apply any Yaru-Color icon pack.
3. Restart GNOME Shell.
4. GNOME panel icons will now show applied Yaru icon pack.

Red checkboxes (mostly nautilus)
Install the whole color, not just dark or light.
So your theme directory has to contain (for example) the directories:
Yaru-Blue, Yaru-Blue-dark, Yaru-Blue-light.
Reason: to save space and work the needed asset files are in the default directory only and symlinked from light/dark to default.
Last changelog:

21.04 5 days ago

- Rewritten on the base of Yaru 21.04
- Added GTK4 support (not Gnome-Shell 40)
- Added Aubergine and Lavender as new colors

10

kasunsiyambalapitiya

28 days ago

10 10 the best

Report

10

quick-guils

1 month ago

10 This is not easy to find the good spot between aesthetic and readability, but Yaru succeed it. It's like Adwaita but prettier and more readable. Thank you for your work, it's great to have extended the theme so that we can pick up our favorite color.

Report

8

ikeahloe

2 months ago

8 great job. I'd love to see a more violet purple version (bluish purple) in addition to the reddish purple, because I find it's a good alternative to blue as far as the tone and readability. I made a custom version of Adwaita with this color and it's great on the eyes.

Report

C

jannomag

10 days ago

Hi. I'm back again! I will release the 21.04 update, soon. For now, you can check my github. I've added two new colors, Aubergine and Lavender. Last one should fit as violet purple.

Report

C

jannomag

1 month ago

I’ll try to keep it in mind for future updates. Thanks for the suggestion.

Report

10

speltriao

2 months ago

10 10 the best please could you add budgie support?

Report

C

jannomag

1 month ago

Support of different dm‘s are depending on what original Yaru supports. It’s already hard work to create Yaru-Colors and I don’t have That much time (that’s why there aren’t any updates for months now).

Report

joaopauloalbu

3 months ago

20.10.1 is so huge :(

Report

10

jocixlinux

3 months ago

10 10 the best

Report

10

Triceratops

3 months ago

Absolutely well done theme. In dark theme, it is hard to distinguish the window in focus. Maybe the glow around the border should be made lighter (glow white instead of black)

Report

C

jannomag

3 months ago

I won't change those things unless Yaru devs did. I don't want to mix up the stock theme.

Report

10

Triceratops

3 months ago

That is alright. Is it possible I could customize on my own install? Can you give me some instructions how I could change the border and border glow colors? Thanks

Report

10

tidustraveler

3 months ago

10 10 the best

Report

S1 10

jdawgnoonan

3 months ago

10 This is a great theme, I use it on multiple distros. I do want to report that on Fedora 33 for some reason it is failing to apply to the Geary app. The other default themes work. I just wanted to make you aware. Thanks for the great theme.

Report

9

allisonaaronb

4 months ago

9 9 excellent

Report

10

Triceratops

4 months ago

10 Very well design, comes with icon theme as well. If you add better screenshots, this would promote better this excellent theme

Report

10

rafaelhlima

4 months ago

10 The Yaru-Colors themes came to make my Ubuntu installation much more beautiful and polished. Also, the recent Snap support now made it possible for snap apps look much nicer.

Report

9

mofox

5 months ago

9 9 excellent

Report

10

malynel

5 months ago

10 applied gdm theme manually as described on your github. works like a charm on ubuntu 20.10, thanks!

Report

10

gorgiocalm

5 months ago

10 10 the best

Report

9

artix

6 months ago

9 good

Report

9

Puli

6 months ago

9 9 excellent

Report

10

iyagi

6 months ago

10 10 the best

Report

kharisma21

6 months ago

The Snap Packge didn't work, not single yaru color theme detected on The List.

Report

C

jannomag

6 months ago

The snap package isn't meant to add the themes system wide. It's for enable Yaru-Colors on Snap apps only. You still need to download and install the themes.

Report

21.04 5 days ago

- Rewritten on the base of Yaru 21.04
- Added GTK4 support (not Gnome-Shell 40)
- Added Aubergine and Lavender as new colors

20.04.5 9 months ago

- New install.sh - rewritten from scratch, much easier to use (hopefully)
- Added Amber and Teal

Reworked everything 11 months ago

- New icons!
- New base (Yaru 20.04)
- New Color (Orange)
- Purple changed
- Unity support
- Cursors added!

Version 2.0 1 year 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
31837
product-maker kasunsiyambalapitiya Apr 08 2021 10 the best
10 the best
product-maker quick-guils Mar 15 2021 10 the best
This is not easy to find the good spot between aesthetic and readability, but Yaru succeed it. It's like Adwaita but prettier and more readable. Thank you for your work, it's great to have extended the theme so that we can pick up our favorite color.
product-maker ikeahloe Feb 18 2021 8 great
great job. I'd love to see a more violet purple version (bluish purple) in addition to the reddish purple, because I find it's a good alternative to blue as far as the tone and readability. I made a custom version of Adwaita with this color and it's great on the eyes.
product-maker speltriao Feb 08 2021 10 the best
10 the best please could you add budgie support?
product-maker jocixlinux Jan 28 2021 10 the best
10 the best
product-maker tidustraveler Jan 13 2021 10 the best
10 the best
product-maker jdawgnoonan Jan 11 2021 10 the best
This is a great theme, I use it on multiple distros. I do want to report that on Fedora 33 for some reason it is failing to apply to the Geary app. The other default themes work. I just wanted to make you aware. Thanks for the great theme.
product-maker allisonaaronb Jan 01 2021 9 excellent
9 excellent
product-maker Triceratops Dec 17 2020 10 the best
Very well design, comes with icon theme as well. If you add better screenshots, this would promote better this excellent theme
product-maker rafaelhlima Dec 08 2020 10 the best
The Yaru-Colors themes came to make my Ubuntu installation much more beautiful and polished. Also, the recent Snap support now made it possible for snap apps look much nicer.
product-maker mofox Nov 29 2020 9 excellent
9 excellent
product-maker malynel Nov 25 2020 10 the best
applied gdm theme manually as described on your github. works like a charm on ubuntu 20.10, thanks!
product-maker gorgiocalm Nov 08 2020 10 the best
10 the best
product-maker artix Nov 05 2020 9 excellent
good
product-maker Puli Nov 05 2020 9 excellent
9 excellent
product-maker iyagi Nov 03 2020 10 the best
10 the best
product-maker alansmac82 Oct 30 2020 10 the best
10 the best
product-maker xakki Oct 08 2020 10 the best
<3
product-maker rafaelpribeiro Oct 02 2020 9 excellent
9 excellent
product-maker whorider Sep 23 2020 10 the best
10 - Anyone else having an issue with Ubuntu Software Center turning transparent? I'm using the Yaru-Purple-Dark variant. (Ubuntu 20.04.1)
product-maker oniRy Sep 23 2020 10 the best
10 the best
product-maker alcortazzo Sep 01 2020 10 the best
10 the best
product-maker geier Aug 14 2020 10 the best
10 the best
product-maker rameshh Jul 26 2020 9 excellent
9 excellent
product-maker t9krzq93ztwc Jul 16 2020 10 the best
10 the best
product-maker muqtxdir Jul 15 2020 10 the best
10 the best
product-maker tfuentebuena Jun 28 2020 8 great
It is awesome, I can use Yaru theme with Cinnamon/MATE color scheme. VS Code is still not showing black in its common bar (it shows white) unlike the original mixed Yaru theme and default in Ubuntu. Using Mint 20 with Gnome
product-maker rodabreu Jun 18 2020 10 the best
10 the best
product-maker shadowspring Jun 01 2020 8 great
8 great
product-maker vachaj11 May 25 2020 10 the best
10 the best
product-maker jchalifour May 21 2020 10 the best
10 the best
product-maker nicklestrange May 20 2020 10 the best
10 the best
product-maker owlyph May 16 2020 9 excellent
9 excellent
product-maker brokoli-mate May 05 2020 9 excellent
9 excellent
product-maker anwarshah Apr 14 2020 9 excellent
9 excellent
product-maker sang4vn Apr 10 2020 10 the best
10 the best
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
+
Be the first to comment
kasunsiyambalapitiya
Apr 08 2021
xurel
Mar 30 2021
henriqueffc
Mar 28 2021
mhxion
Mar 07 2021
jaciee
Feb 14 2021
arbitrary
Feb 13 2021
azizaktas
Feb 06 2021
jocixlinux
Jan 28 2021
suburbanhippie
Jan 13 2021
tidustraveler
Jan 13 2021
m-i-c-h-a-e-l
Jan 05 2021
tchara
Jan 01 2021
rafaelhlima
Dec 08 2020
mofox
Nov 29 2020
malynel
Nov 25 2020
gorgiocalm
Nov 08 2020
alansmac82
Oct 30 2020
sunfy
Oct 24 2020
mh034
Oct 19 2020
xakki
Oct 08 2020
oniRy
Sep 23 2020
mioriticus
Sep 15 2020
alcortazzo
Sep 01 2020
geier
Aug 14 2020
fformat
Aug 01 2020
k-alz
Jul 26 2020
j-arun-mani
Jul 21 2020
lucasmatias
Jun 07 2020
bossbob88
Jun 03 2020
mint0
May 25 2020
vachaj11
May 25 2020
jchalifour
May 21 2020
owlyph
May 16 2020
urko
May 16 2020
davidgnu
May 15 2020
moe-htet
Apr 28 2020
jennie
Apr 25 2020
danijo
Apr 06 2020
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 GTK VersionsGTK Desktops Downloads Date Filesize DL OCS-Install MD5SUM
*Needs pling-store or ocs-url to install things
Pling
1 Affiliate
Details
license
GPLv3
version
21.04
updated May 02 2021
added Apr 10 2019
downloads 24h
265
mediaviews 24h 0
pageviews 24h 634