qubes-doc/customization/dark-theme.md

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

   1. Open the Workspace Appearance window

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

      

   2. Go to Desktop Theme

      

   3. Select Oxygen and Apply the change

2. (Optional) Remove blue glowing task items

   

   1. Adjust Oxygen Details

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

   2. Select Oxygen

   3. Change Theme Item -> Task Items from Oxygen Task Items to Air Task Items

      

   4. Apply changes

      

3. Change Application Appearance

   1. Open the Application Appearance window

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

   2. Go to Colors

      

   3. Select Obsidian Coast

      

   4. 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, that 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

   1. Open the Appearance dialog

       Qubes Menu -> System Tools -> Appearance
      

      

   2. 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

   1. Open the Window Manager dialog

       Qubes Menu -> System Tools -> Appearance
      

      

   2. 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.

1. Start VM

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

2. Install Gnome-Tweak-Tool

   • Fedora

       sudo dnf install gnome-tweak-tool
     

   • Debian

       sudo apt-get install gnome-tweak-tool
     

3. (Only AppVM) Stop template and start AppVM

4. Add Gnome-Tweak-Tool to the Application Menu

   1. Right-click on VM entry in Qubes VM Manager select Add/remove app shortcuts

   2. Select Tweak Tool and press the > button to add it

      

5. Enable Global Dark Theme

   1. Debian only

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

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

      

6. (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
     

7. Restart VM or all application

Manually

Manually works for Debian, Fedora and Archlinux.

1. Start VM

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

2. 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
   

3. follow step 6 and 7 in: Using Gnome-Tweak-Tool