Yaru-Colors

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

46
9.3
Description:

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





Testers needed:
Please check my github! I added support for gdm3 theming. It's a bit complicated as it seems. I tested it under Ubuntu 20.10.
It would be nice if y'all check if it works for you, as well...especially on different distributions and Ubuntu versions!

Update 20.10.1:
- Updated every theme to 20.10!
- Added new Wallpapers made by @fer-moreira (They're awesome, thanks a lot!)
- Icons and Cursors are unchanged

Update 20.04.6:
- New color added as user suggestion: Cinnamon - slightly change to Orange, based on Ubuntu Cinnamon Remx
- Tried to add snap support...it's very time consuming so I'm sorry to say, that it'll take a bit longer (help needed / wanted if someone knows how to snap...)
- Last update with 20.04 base. 20.10 is already in the works!
EDIT: - Now with snap support!

Update 20.04.5:
Sorry! I've messed it up again! If you have purple switches in gnome shell, please redownload 20.04.5! I've fixed it...finally and hopefully!
- Added two new colors: Amber and Teal - based on Pop_OS! and Manjaro!
- Rewritten the installer from scratch. It's way shorter and should be easier to use! If there are any issues, please notify me!
- No updated needed if you're using the old colors. They're the same, I've just changed the version number.

Update 20.04.4:
- Finally fixed broken symlinks (this time really.......hopefully). Sorry!

Update 20.04.3:
- Fixed purple colored switches in gnome-shell (like Do-Not-Disturb)
- Fixed broken / dead symlinks for many icons. NOTE: Yaru-Colors icons inherit to stock Yaru! This saves space since I just modified a handful of files. If you're not running Ubuntu (20.04), please download the icons from Yaru's git or via package manager if possible.

Update 20.04.2:
- Modified install and uninstall scripts:
- No installation of Gnome-Shell to /usr/ anymore
- Linking files from /home/ to /usr/ when running install.sh as root for better compatibility
- Reduced icon size by removing unneeded icons, inherit icon theme is set to stock Yaru

-- BIG UPDATE --
Update 20.04.1:
- Added support for Ubuntu 20.04 by using Yaru 20.04 source
- Changed version numbers
- Redone every theme
- NEW icons!!
- NEW Color: Orange
- Changed purple color
- NEW: Cursors!!
- NEW: Unity support (brought by Yaru)
NOTE: The next update will contain less icons to save space and time (and maybe spacetime as well). The next icons packs will have stock Yaru as inherit icon pack! Coming Soon™
PLEASE NOTE: Deepblue is missing! It'll be added, soon!

Special thanks to the developers of Yaru!
(https://github.com/ubuntu/yaru

Yaru-Colors themes conataing following:
- GTK 2 / 3 themes
- Gnome-Shell themes
- Yaru icons (just the necessary ones, inherit is set to stock Yaru)
- Unity theme
- Recolored cursors
- Ubuntu-Dock theme (indicators)

Following changes are made by me:
- GTK2, GTK3+ and Gnome-Shell assets and css files are changed
- For the icon pack I just recolored the folder icons and a few others. The icon theme will use Yaru as inherit theme, which means that my packs just contain recolored icons!
- Recolored the cursors to fit to each color
- Unity assets recolored
- 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.


General Information:

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

Known issues:
Snap apps aren't themed. I don't know if I will add this feature in the future, for now it doesn't work. If someone knows how to get my themes to work, please send me an email!
Most used example: Ubuntu Software
Tiny workaround: Use gtk+ inspector to change the default theme of a snap app to Yaru, this will fix the missing background, when the themes are installed as root (linked to /usr/share/themes)

Tutorial

Installation with script:
1. Run the installer with './install.sh'
2. Follow the installer
Optional:
3. Set your themes with gnome-tweak-tool
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

FIY: Because of an older bug in the User Themes extension, on some systems changing the shell theme with a command doesn't work. I've added a fix to this (see Github or the installer for source). This will need root privileges, but the script will ask for this ;)

Removal with script:
1. Rund the uninstaller with './uninstall.sh'
--- if you ran the installer as root, please run this as root, as well.
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')
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'
(take the color codes from GitHub or do it with the script from there, it'll do it for you...)

Snap install:
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

KNOWN BUGS
Snap applications, like Ubuntu Software, don't support third party themes. Instead they're using their own theme resource. On Ubuntu, the snap themes are including stock Yaru.
Fix: see above - snap support is out!

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

20.04.5 6 months ago

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

154 comments
Comments/Ratings

Please login or register to add a comment or rating

C

jannomag

5 months ago

Not yet, is there something I should update or add?

Report

9

rameshh

5 months ago

9 9 excellent

Report

j-arun-mani

5 months ago

10 10 the best

Report

j-arun-mani

5 months ago

9 9 excellent. This was an wonderful theme until I found that some apps (Foliate, GNOME Videos) were rendered transparent... please fix and I will be back ^^

Report

C

jannomag

2 months ago

Just a quick reminder: snap support is out!

Report

j-arun-mani

2 months ago

Congrats ! Thanks a lot !!

Report

C

jannomag

5 months ago

Please take a look at the know bugs. I bet those apps are snap apps. If so, I can't fix it, it's a snap issue and it's not related with my theme.

Report

j-arun-mani

5 months ago

The apps I'm saying are system applications (no Snap). Apps like GNOME Videos came installed with the distro. I use Debian GNOME 3.36 by the way.

Report

C

jannomag

5 months ago

So, I've tried both applications. Gnome Video is stock on my Ubuntu 20.04 and I've installed Foliate via the latest .deb release from github.
Both are working with the themes. I tried it on a clean VM with Ubuntu 20.04 as well, same result. Here are two screenshots using Yaru-Blue-dark and Yaru-Red:
https://imgur.com/kDhPCAu
https://imgur.com/ekdM84q

Where did you install the themes?

Report

j-arun-mani

5 months ago

I installed them using Pling Store (AppImage) and it was just yesterday.

Report

C

jannomag

5 months ago

So they're not system apps...
Where did you install the theme? Try a different location, for example, if they're installed in ~/.themes try ~/.local/share/themes and vice versa.

Report

j-arun-mani

5 months ago

I mean I installed the theme using Pling app. Pling app installed the themes in ~./themes

Report

C

jannomag

5 months ago

Ah okay. You could try to move the files to ~.local/share/themes.
If this doesn't work as well I can't help you anymore since I cannot relate this issue.

Report

j-arun-mani

5 months ago

Hey there ! I installed the theme using the Github release (I mean ./install.sh) and the Yaru Colors are working great !!! I think the individual release of theme in Pling Store has some issues. But the direct install from repo is perfect and everything looks awesome !! Thanks for Yaru :)

Report

C

jannomag

5 months ago

Nice to know - both. I'll try the pling method and try to fix it. I'm glad it's working now!

Report

C

jannomag

5 months ago

That's even more strange. I'll install them and check it on my system.

Report

10

t9krzq93ztwc

5 months ago

10 10 the best

Report

10

muqtxdir

6 months ago

10 10 the best

Report

simkin1982

6 months ago

what does this mean when compiling? tried doing it as sudo but same result
Compiling everything but icons without asking!
Color Aqua set!
Backing up original _ubuntu-colors.scss and _colors.scss ...
cp: target 'Theme/New/default/gtk-3.20/BAK_ubuntu-colors.scss' is not a directory
cp: target 'Theme/New/default/gtk-3.20/BAK_colors.scss' is not a directory
BACKUP DIDN'T WORK, EXITING NOW!

Report

C

jannomag

6 months ago

Looks like there's something wrong with your directories. Send me an email to jannomag-gmail.com, we'll try to fix this together.

Report

simkin1982

6 months ago

have sent you an email

Report

C

jannomag

6 months ago

Sorry guys! I've missed the switches in gnome-shell again. If those switches ("do not disturb" for example) are still purple colored, please redownload your theme or the pack. I've updated all files. Sorry for this!

Report

simkin1982

6 months ago

how do you edit/make these themes? i'd love to try my own

Report

C

jannomag

6 months ago

It's not hard but it requires you to have all color codes needed for compiling.

Easiest way is to replace color codes in my theme-script.sh (clone my git, the file is in ./src).
Take a color you want to replace, for example Aqua.
Then just replace every color code for Aqua in following lines:
188 + 189 - base colors for gtk theme
234, 235 + 236 - also base colors for gtk themes, but for their svg images.
299 - it's a gradient based on 10 color codes. Replace each code in the array. This is just needed for icons, if you don't want them, you can leave this.

Then compile the themes by entering the command "./theme-script.sh Aqua -all". The script will compile everything including icons.
To compile everything BUT icons just type --noicons or -n instead of --all.

The script will also show you errors if needed libraries or packages are missing. But you can also install them with apt:
"sudo apt install inkscape optipng libcanberra-gtk3-module libcanberra-gtk-module python3 python-pil x11-apps"

Hope this helps.

Report

simkin1982

6 months ago

thanks for sending that i had a go of changing Aqua. i get this message i tried to see if it needed root but get same result
Compiling everything but icons without asking!
Color Aqua set!
Backing up original _ubuntu-colors.scss and _colors.scss ...
cp: target 'Theme/New/default/gtk-3.20/BAK_ubuntu-colors.scss' is not a directory
cp: target 'Theme/New/default/gtk-3.20/BAK_colors.scss' is not a directory
BACKUP DIDN'T WORK, EXITING NOW!

Report

20.04.5 6 months ago

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

Reworked everything 8 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
21833
product-maker tidustraveler 2 days ago 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
+

0 comments
 Comments

Please login or register to add a comment

Be the first to comment
suburbanhippie
2 days ago
tidustraveler
2 days ago
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 Downloads Date Filesize DL OCS-Install MD5SUM
*Needs pling-store or ocs-url to install things
product-maker
jannomag
Pling
1 Affiliate

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
20.10.1
updated Nov 04 2020
added Apr 10 2019
downloads 24h
106
mediaviews 24h 0
pageviews 24h 401
Report Misuse Report SPAM
System Tags gnome gtk3 linux theme unix gplv3