tchigher / yaru-colors

A fork of Ubuntu's Yaru theme - in different colors

Yaru-Colors is a theme project to bring different colors to Ubuntu's awesome Yaru theme.
Version 20.04.5 (not released, yet)

Original Yaru's git
Update 20.04.5: Rewritten install.sh script to make it way shorter than before and a bit more user friendly. Also added Teal and Amber themes

Update 20.04.4: Broken symlinks were now removed, yay! Updated compiling script for this, as well.

Update 20.04.3: Some other fixes - tried to remove broken symlinks. Didn't work somehow.

Update 20.04.2: Just some fixes

Update 20.04.1: Updated everything with Yaru's source for Ubuntu 20.04, including new icons, new orange theme and new purple color.

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

Screenshots included for every theme

Yaru-Colors themes are containing following:

• GTK 2 / 3 theme
• Gnome-Shell theme
• 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 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.

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)
3. Enable your themes with gsettings commands or with gnome-tweak-tool
4. 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

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.

Hex-Color codes of all base colors
First color is the Ubuntu-Orange, second the Ubuntu-Purple

Theme	ORANGE	PURPLE
Yaru-ORIGINAL	#E95420	#762572
Yaru-Amber	#eea834	#8c5e11
Yaru-Aqua	#41c6c8	#326868
Yaru-Blue	#208fe9	#255074
Yaru-Brown	#995640	#462e1b
Yaru-Deepblue	#25469d	#1a318b
Yaru-Green	#3eb34f	#123d18
Yaru-Grey	#9c9c9c	#4d4d4d
Yaru-MATE	#78ab50	#4f6326
Yaru-Orange	#e95420	#a6401c
Yaru-Pink	#e920a3	#742558
Yaru-Purple	#924d8b	#5e2750
Yaru-Red	#e92020	#742525
Yaru-Teal	#16a085	#094a3d
Yaru-Yellow	#e9ba20	#746225

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

KNOWN BUGS 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.