ꜱᴩʀɪᴛᴇ➀'s elementary OS Tweaks

These are intended to be used in elementary OS 5.0 Juno.

(1.) Smaller title bar height for non-GTK apps
(2.) Show 3rd party system tray icons
(3.) Decrease the gap between system tray icons
(4.) Change the minimize button icon to not look like a download button
(5.) Enable writing in Japanese
(6.) Fix square text for Unicode content
(7.) elementary OS theme for Telegram Desktop
(8.) elementary OS theme for Vivaldi browser
(9.) Fix color emoji in Chrome and Firefox

(1.) Smaller title bar height for non-GTK apps

Go to /usr/share/themes/elementary/gtk-3.0/apps.css and paste the following at the bottom of the file.

/* shrink headerbars */
headerbar {
    min-height: 0px;
    padding-left: 2px;
    padding-right: 2px;
}

headerbar entry,
headerbar spinbutton,
headerbar button,
headerbar separator {
    margin-top: 0px;
    margin-bottom: 0px;
}

/* shrink ssd titlebars */
.default-decoration {
    min-height: 0;
    padding: 0px;
}

.default-decoration .titlebutton {
    min-height: 0px;
    min-width: 0px;
}

window.ssd headerbar.titlebar {
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: 0;
}

window.ssd headerbar.titlebar button.titlebutton {
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: 0;
}

(2.) Show 3rd party system tray icons

  1. Make indicator-application recognize Pantheon:

    mkdir -p ~/.config/autostart
    cp /etc/xdg/autostart/indicator-application.desktop ~/.config/autostart/
    sed -i 's/^OnlyShowIn.*/OnlyShowIn=Unity;GNOME;Pantheon;/' ~/.config/autostart/indicator-application.desktop
    
  2. Download latest available release of wingpanel-indicator-ayatana :

    wget http://ppa.launchpad.net/elementary-os/stable/ubuntu/pool/main/w/wingpanel-indicator-ayatana/wingpanel-indicator-ayatana_2.0.3+r27+pkg17~ubuntu0.4.1.1_amd64.deb
    

    Mirror Link

  3. Install it.

    sudo dpkg -i wingpanel-indicator-ayatana_2.0.3+r27+pkg17~ubuntu0.4.1.1_amd64.deb
    

(3.) Decrease the gap between system tray icons

Edit /usr/share/themes/elementary/gtk-3.0/apps.css 's .composited-indicator class.

.composited-indicator {
    padding: 0 0px;
}

(4.) Change the minimize button icon to not look like a download button

Use the terminal commands below one at a time per line

wget https://sprite-1.github.io/elementary/symbolic/window-minimize-symbolic.svg
sudo mv /usr/share/icons/elementary/actions/symbolic/window-minimize-symbolic.svg /usr/share/icons/elementary/actions/symbolic/window-minimize-symbolic.svg.bak
sudo mv window-minimize-symbolic.svg /usr/share/icons/elementary/actions/symbolic/window-minimize-symbolic.svg
sudo chown -R root:root /usr/share/icons/elementary/actions/symbolic/window-minimize-symbolic.svg

Don't forget to reboot.

(5.) Enable writing in Japanese

  1. Go to System Settings > Keyboard > Input Method Settings

  2. Set Show property panel to Hide automatically

  3. On the Input Method tab, click on Add and select Japanese then Mozc and add it.

  4. If you have the English (US) input as well, you can remove it since Mozc has direct input mode anyway.

  5. Open up dconf Editor and navigate to org > gnome > desktop > input-sources and select sources.

  6. Edit the value and put , ('ibus', 'Mozc')] at the end of what's already in there. Don't forget to click the apply button at the bottom.

  7. I don't know why but ibus doesn't open on startup so just add ibus-daemon -drx to your startup entries.

  8. Reboot and it should work then.

NOTE: You may want to disable or change the shortcut in System Settings > Keyboard > Layout > Input Method Settings > Emoji because it may interfere with other apps' keybind functionality.

(6.) Fix square text for Unicode content

If you use or encounter certain Unicode formatted text that show up as squares, I solved it by doing the following:

sudo apt update
sudo apt-get install ttf-ancient-fonts

(7.) elementary OS theme for Telegram Desktop

The full information can be found on Medium. For just the theme file itself, it's on my GitHub.

(8.) elementary OS theme for Vivaldi browser

@Ondo is working on a Vivaldi theme for elementary OS! Below is a quick preview with some things still on the pipeline. It looks promising and if you use Vivaldi, go check it out on their GitHub.

(9.) Fix color emoji in Chrome and Firefox

Make a new empty file called 01-emoji.conf in ~/.config/fontconfig/conf.d/. If the path doesn't exist, just create it manually. Open the empty file in your preferred text editor and put below.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
<fontconfig>
  <alias>
    <family>serif</family>
    <prefer>
      <family>Noto Color Emoji</family>
    </prefer>
  </alias>
  <alias>
    <family>sans-serif</family>
    <prefer>
      <family>Noto Color Emoji</family>
    </prefer>
  </alias>
  <alias>
    <family>monospace</family>
    <prefer>
      <family>Noto Color Emoji</family>
    </prefer>
  </alias>
</fontconfig>

Afterwards, clear the font cache by running the following command in Terminal.

fc-cache -f -v

Then just re-open the application(s). You can also restart if you want.


Suggestions, comments, and feedback are welcome! Just send me an
■ E-mail: s.1@null.net
■ Tweet: @sprite_1ww
■ Toot: @sprite_1ww@mstdn.io
You can link back to this page with: http://simp.ly/p/tJ0t2R
Created on: 2019-01-21 | Last Modified: 2019-04-20