Qube Manager & Tools: Dark Mode

Add an option in the view menu to enable/disable dark mode.

The script must be launch in a dom0 terminal.

Make sure to have only space character for python part. If you have tab character, qube manager will fail to start.

Darkmode can be set in the qube-manager config file:

$HOME/.config/The Qubes Project/qubes-qube-manager.conf 

[view]
darkmode=true

Stylesheet

Color are based on Arc-Dark theme.

You can extract the css file from your theme with gresource. 

qubes_cfg_dir="$HOME/.config//The Qubes Project/"
dark_stylesheet=dark-stylesheet.css
echo '
QMenu {
    border: 1px solid #252A32;
}

::separator {
    background-color: #475970;
    height: 1px;
    width: 1px;
}

:disabled {
    color: gray;
}

::tab:!selected {
    background-color: #2F343F;
}

::tab:!selected:hover {
    background-color: #505666;
}

* {
    color: #D3DAE3;
    background-color: #383C4A;
    alternate-background-color: #404552;
    selection-background-color: #5294E2;
}' > "$qubes_cfg_dir/$dark_stylesheet"

Function

Terms to feed to your favorite search engine: - bash sed - bash <() - bash function $# - bash function $@ - bash if [[ ]] - bash recursive function

Bash command &lt;() doesn't handle sudo. Just like file redirection (text &gt; file) doesn't.

A backup file is made for each file! 

python_version=$(python3 --version | grep -Eo '[0-9]+\.[0-9]+')
qm_dir=/usr/lib/python$python_version/site-packages/qubesmanager/
add_data_after_pattern ()
{
    handle_data ()
    {
        if [[ $# -ne 1 ]]
        then
            sed -i -E "/$2/ r"&lt;(echo "$3") $1
            handle_data $1 "${@:4}"
        fi
    }
    local qtool=$qm_dir/$1
    local qtmp=$HOME/$1

    if [ ! -f $qtool.bak ]; then
        sudo cp $qtool $qtool.bak
    fi
    sudo cp $qtool $qtmp
    sudo chown user:user $qtmp

    handle_data $qtmp "${@:2}"


    sudo mv $qtmp $qm_dir

    sudo chown root:root $qtool
}

Qubes tools

If setting is set to dark mode, use our css stylesheet. 

add_dark_mode ()
{
    local qm_darkmode="
        if not parent:
            manager_settings = QtCore.QSettings(
                'The Qubes Project', 'qubes-qube-manager')
        else:
            manager_settings = QtCore.QSettings(self)
        if manager_settings.value('view/darkmode',
                                  defaultValue='false') != 'false':
            qubes_cfg_dir = '$qubes_cfg_dir'
            stylesheet = open(qubes_cfg_dir + '$dark_stylesheet', 'r')
            self.setStyleSheet(stylesheet.read())
            stylesheet.close()"
    for qtool_file in $@
    do
        add_data_after_pattern $qtool_file 'setupUi' "$qm_darkmode"
    done
}
add_dark_mode \
    global_settings.py \
    settings.py \
    template_manager.py \
    create_new_vm.py \
    clone_vm.py \
    backup.py \
    restore.py \
    log_dialog.py

sudo sed -i 's/^from PyQt5 import /&amp;QtCore, /' $qm_dir/log_dialog.py

Qube manager

Add a toggle option in the view menu. 

qm_set_darkmode="
    @pyqtSlot(bool)
    def on_action_dark_mode_toggled(self, checked):
        if checked:

            qubes_cfg_dir = '/home/user/.config/The Qubes Project/'
            stylesheet = open(qubes_cfg_dir + 'dark-stylesheet.css', 'r')

            self.setStyleSheet(stylesheet.read())
            stylesheet.close()
        else:
            self.setStyleSheet('')
        if self.settings_loaded:
            self.manager_settings.setValue('view/darkmode', checked)"

qm_menu () {
    echo "        self.menu_view.addAction(self.$1)"
}
qm_darkmode_menu=$(qm_menu action_dark_mode)

qm_restore () {
    echo "
        if self.manager_settings.value('$1',
                                       defaultValue='false') != 'false':
            self.action_dark_mode.setChecked(True)"
}
qm_darkmode_restore=$(qm_restore 'view/darkmode')

add_data_after_pattern qube_manager.py \
    'self\.close' "$qm_set_darkmode" \
    'compact_view\.setChecked' "$qm_darkmode_restore" \
    'Action\(self\.action_compact_view' "$qm_darkmode_menu"

Create the Qt widget to handle dark mode. (Qt is the gui framework) 

qm_widget () {
    echo "
        self.$1 = QtWidgets.QAction(VmManagerWindow)
        self.$1.setCheckable(True)
        self.$1.setChecked($2)
        self.$1.setObjectName('$1')"
}
qm_darkmode_widget=$(qm_widget action_dark_mode 'False')

qm_text () {
    echo "        self.$1.$2(_translate('VmManagerWindow', '$3'))"
}
qm_darkmode_text=$(qm_text action_dark_mode setText 'Dark mode')

add_data_after_pattern ui_qubemanager.py \
    '"action_compact_view"' "$qm_darkmode_widget" \
    'Compact view' "$qm_darkmode_text"

Note

qube manager version: 4.1.25-1 Dark mode will be erase if qube manager get updated.