Jeeppler 02c2621efc Dark Theme layout fixes

2016-06-25 18:08:11 -05:00

6.2 KiB

Raw Blame History

layout	title	permalink
doc	Dark Theme in Dom0 and DomU	/doc/dark-theme/

Dark Theme in Dom0

Dark KDE in Dom0

The following text describes how to change the default light theme to a dark theme. This is just an example, feel free to adjust the appearance to your taste.

The image below shows the default light theme after installation.

This is the result after applying the steps described here.

1 - Change Workspace Appearance

Open the Workspace Appearance window

 Qubes Menu -> System Tools -> System Settings -> Workspace Appearance

Go to Desktop Theme
Select Oxygen and Apply the change

2 - (Optional) Remove blue glowing task items

Adjust Oxygen Details

 Qubes Menu -> System Tools -> System Settings -> Workspace Appearance -> Desktop Theme -> Details (Tab)

Select Oxygen
Change Theme Item -> Task Items from Oxygen Task Items to Air Task Items
Apply changes

3 - Change Application Appearance

Open the Application Appearance window

 Qubes Menu -> System Tools -> System Settings -> Application Appearance

Go to Colors
Select Obsidian Coast

Apply Changes

 Qubes VM Manager should now look like the image below.

Note: Chaning the Window Decorations from Plastik for Qubes will remove the border color and the VM name. The problem with Plastik for Qubes is it does not overwrite the background and text color for Minimize, Maximize and Close buttons. The three button are therefor hard to read.

Dark XCFE in Dom0

The following text describes how to change the default light theme to a dark theme. This is just an example, feel free to adjust the appearance to your taste.

The image below shows the default light theme after installation.

This is the result after applying the steps described here.

1 - Change Appearance

Open the Appearance dialog

 Qubes Menu -> System Tools -> Appearance

Change Style to Albatross

Note: The black appearance theme Xfce-dusk makes the VM names in the Qubes OS Manager unreadable.

2 - (Optional) Change Window Manager Style

Open the Window Manager dialog

 Qubes Menu -> System Tools -> Appearance

Change the Theme in the Style Tab (e. g. Defcon-IV). All available themes work.

Dark App VM, Template VM, Standalone VM, HVM (Linux Gnome)

Almost all Qubes VM's are based on the Gnome desktop. Therefor the description below is focused on the Gnome Desktop Environment.

Using "Gnome-Tweak-Tool"

The advantage of creating a dark themed Template VM is, that each AppVM which is derived from the Template VM will be dark themed by default.

Note: Gnome-Tweak-Tool crashes under Archlinux. A workaround is to assign the AppVM to another TemplateVM (Debian, Fedora) which has Gnome-Tweak-Tool installed. Start the AppVM and configure the settings. Shutdown the machine and switch the template VM back to Archlinux.

0 - Start VM

Note: In case of App VM start the Template on which the AppVM is based on.

1 - Install Gnome-Tweak-Tool

Fedora
```
 sudo dnf install gnome-tweak-tool
```
Debian
```
 sudo apt-get install gnome-tweak-tool
```

2 - (Only AppVM) Stop template and start AppVM

3 - Add Gnome-Tweak-Tool to the Application Menu

Right-click on VM entry in Qubes VM Manager select Add/remove app shortcuts
Select Tweak Tool and press the > button to add it

4 - Enable Global Dark Theme

Debian only

 cd ~/.config/
 mkdir gtk-3.0
 cd gtk-3.0/
 touch settings.ini

Start Tweak Tool from the VM application menu and set the Global Dark Theme switch to on

5 - (Optional) Modify Firefox

Note: Firefox uses GTK style settings by default. This can create side effects such as unusable forms or search fields. There are two different ways to avoid this. Either by using a add-on or by overwriting the defaults.

use the theme GTK+ Dark Theme Global Fixes and the Stylish addon

or add the following line to /rw/config/rc.local

  sed -i.bak "s/Exec=firefox %u/Exec=bash -c 'GTK_THEME=Adwaita:light firefox %u'/g" /usr/share/applications/firefox.desktop

6 - Restart VM or all application

Manually

Manually works for Debian, Fedora and Archlinux.

0 - Start VM

Note: In case of App VM start the Template on which the AppVM is based on.

1 - Enable Global Dark Theme

    cd ~/.config/
    mkdir gtk-3.0
    cd gtk-3.0/
    touch settings.ini

add the following lines to settings.ini

    [Settings]
    gtk-application-prefer-dark-theme=1

2 - follow step 5 and 6 in: Using Gnome-Tweak-Tool

6.2 KiB Raw Blame History