yaru-dark shell theme for 18.04

Created on 24 Nov 2019  路  17Comments  路  Source: ubuntu/yaru

I just need to know the CSS class where I can change the colour of these icons. Thanks.

------ ISSUE TEMPLATE starts HERE ------

Expected Behavior

Visible icons
(What you were trying to do)

Actual Behavior

icon yaru-dark

(What happened instead)

Steps to Reproduce the Problem

  1. Use gnome-shell.css for 19.10 in yaru-dark > gnome-shell
    1.
    1.

Software that presents the issue

  • Name: Ubuntu
  • Version: 18.04

Yaru version

Took from a live session in 19.10

Please report the Yaru version in your system using one of the following commands

  • If you installed Yaru from PPA

    $ apt show communitheme

  • If you installed Yaru via Snap

    $ snap info communitheme

  • I you installed from the sources, go the Yaru folder and copy the output of the following terminal command instead

    $ git describe

Most helpful comment

sudo apt install libgtk-3-dev git meson sassc
git clone https://github.com/ubuntu/yaru.git
cd yaru
git checkout bionic
meson build
cd build
sudo ninja install

All 17 comments

 .system-menu-action {
    -st-icon-style: symbolic;
    color: $fg_color;
    border-radius: 32px; /* wish we could do 50% */
    padding: 13px;
    border: 1px solid $_bubble_borders_color;

    &:hover, &:focus {
      background-color: $_hover_bg_color;
      color: $fg_color;
      border: none;
      padding: 14px;
    }
    &:active { 
      background-color: $_active_bg_color;
      color: $fg_color;
    }

    & > StIcon { icon-size: 16px; }
  }

but just toggle the version to dark in gnome-shell/src/gnome-shell.scss

then $fg_color and $bg_color inverts

I think it went well. But the brightness and headphone buttons did go as planned. I am happy with this one though :) Thanks @Feichtmeier

system menu dark

I would change stuff in the CSS files AT ALL :)

Rather change
https://github.com/ubuntu/yaru/blob/bionic/gnome-shell/src/gnome-shell.scss#L1
This to dark

The files I am using are from my previous snap installation. I was facing frequent keyboard and mouse freeze while using communiTheme snap in 18.04. I reported a bug, but nothing happened. Now only chance of using Yaru is to use those copied files and make changes to them.

I was not sure which branch was Bionic. I tried not to trouble you guys much :)

Thanks.

I am pretty sure the theme has nothing to do with your keyboard stuck :D

I would rather remove the snap, reboot, re install the snap (from edge) and reboot again and login into the session

Or you could remove the snap alltogether, clone this repo, switch to the bionic branch, exchange "light" to "dark" in the file I linked and then build from src and log into the Yaru session

You are right. The freeze bug is there in default Ubuntu as well for some users like me. But it is severe when I use communiTheme session. I have reinstalled 18.04 a couple of times after that.

Now that you mentioned, I would like to try. How can I get the bionic branch ?

sudo apt install libgtk-3-dev git meson sassc
git clone https://github.com/ubuntu/yaru.git
cd yaru
git checkout bionic
meson build
cd build
sudo ninja install

Thanks. At which point should I edit the SCSS file ?

Before the last step

Everything went well. Thanks a lot :)

I don't get startup and shutdown sounds. Is there anything we can do ?

I don't get startup and shutdown sounds. Is there anything we can do ?

https://github.com/ubuntu/yaru/blob/master/CONTRIBUTING.md#testing-desktop-login-sound

Tried twice. No sound on login :(

Screenshot from 2019-11-27 08-41-50

Have you tried executing below command in a shell?

/usr/bin/canberra-gtk-play --id="desktop-login" --description="GNOME Login"

does it work?

Forgive me, by shell you mean as command in the startup window posted above ?

This one on Terminal helped

gsettings set org.gnome.desktop.sound theme-name Yaru

Thanks. :)

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Feichtmeier picture Feichtmeier  路  3Comments

CDrummond picture CDrummond  路  3Comments

Feichtmeier picture Feichtmeier  路  3Comments

matthewpaulthomas picture matthewpaulthomas  路  3Comments

YamiYukiSenpai picture YamiYukiSenpai  路  3Comments