From 086da07b533d20601384d4f959e3cfe09ab6c39c Mon Sep 17 00:00:00 2001
From: BearOso <bearoso@gmail.com>
Date: Sat, 19 Aug 2023 16:30:11 -0500
Subject: [PATCH] Qt: White icons for dark color schemes.

---
 qt/src/BindingPanel.cpp                   | 10 ++-
 qt/src/ControllerPanel.cpp                |  8 +++
 qt/src/EmuMainWindow.cpp                  | 24 ++++---
 qt/src/EmuSettingsWindow.cpp              | 14 ++++
 qt/src/main.cpp                           |  1 +
 qt/src/resources/snes9x.qrc               | 21 ++++++
 qt/src/resources/whiteicons/a.svg         | 71 ++++++++++++++++++
 qt/src/resources/whiteicons/b.svg         | 71 ++++++++++++++++++
 qt/src/resources/whiteicons/display.svg   |  1 +
 qt/src/resources/whiteicons/down.svg      | 62 ++++++++++++++++
 qt/src/resources/whiteicons/emulation.svg |  1 +
 qt/src/resources/whiteicons/folders.svg   |  1 +
 qt/src/resources/whiteicons/joypad.svg    | 47 ++++++++++++
 qt/src/resources/whiteicons/key.svg       | 87 +++++++++++++++++++++++
 qt/src/resources/whiteicons/keyboard.svg  |  1 +
 qt/src/resources/whiteicons/l.svg         | 81 +++++++++++++++++++++
 qt/src/resources/whiteicons/left.svg      | 63 ++++++++++++++++
 qt/src/resources/whiteicons/r.svg         | 79 ++++++++++++++++++++
 qt/src/resources/whiteicons/right.svg     | 63 ++++++++++++++++
 qt/src/resources/whiteicons/select.svg    | 67 +++++++++++++++++
 qt/src/resources/whiteicons/settings.svg  |  1 +
 qt/src/resources/whiteicons/shader.svg    |  1 +
 qt/src/resources/whiteicons/sound.svg     |  1 +
 qt/src/resources/whiteicons/start.svg     | 67 +++++++++++++++++
 qt/src/resources/whiteicons/up.svg        | 62 ++++++++++++++++
 qt/src/resources/whiteicons/x.svg         | 71 ++++++++++++++++++
 qt/src/resources/whiteicons/y.svg         | 71 ++++++++++++++++++
 27 files changed, 1036 insertions(+), 11 deletions(-)
 create mode 100644 qt/src/resources/whiteicons/a.svg
 create mode 100644 qt/src/resources/whiteicons/b.svg
 create mode 100644 qt/src/resources/whiteicons/display.svg
 create mode 100644 qt/src/resources/whiteicons/down.svg
 create mode 100644 qt/src/resources/whiteicons/emulation.svg
 create mode 100644 qt/src/resources/whiteicons/folders.svg
 create mode 100644 qt/src/resources/whiteicons/joypad.svg
 create mode 100644 qt/src/resources/whiteicons/key.svg
 create mode 100644 qt/src/resources/whiteicons/keyboard.svg
 create mode 100644 qt/src/resources/whiteicons/l.svg
 create mode 100644 qt/src/resources/whiteicons/left.svg
 create mode 100644 qt/src/resources/whiteicons/r.svg
 create mode 100644 qt/src/resources/whiteicons/right.svg
 create mode 100644 qt/src/resources/whiteicons/select.svg
 create mode 100644 qt/src/resources/whiteicons/settings.svg
 create mode 100644 qt/src/resources/whiteicons/shader.svg
 create mode 100644 qt/src/resources/whiteicons/sound.svg
 create mode 100644 qt/src/resources/whiteicons/start.svg
 create mode 100644 qt/src/resources/whiteicons/up.svg
 create mode 100644 qt/src/resources/whiteicons/x.svg
 create mode 100644 qt/src/resources/whiteicons/y.svg

diff --git a/qt/src/BindingPanel.cpp b/qt/src/BindingPanel.cpp
index fd2cc040..d4c976cd 100644
--- a/qt/src/BindingPanel.cpp
+++ b/qt/src/BindingPanel.cpp
@@ -1,5 +1,6 @@
 #include "BindingPanel.hpp"
 #include "EmuApplication.hpp"
+#include <QStyleHints>
 #include <QTimer>
 
 BindingPanel::BindingPanel(EmuApplication *app)
@@ -11,8 +12,11 @@ BindingPanel::BindingPanel(EmuApplication *app)
 
 void BindingPanel::setTableWidget(QTableWidget *bindingTableWidget, EmuBinding *binding, int width, int height)
 {
-    keyboard_icon.addFile(":/icons/blackicons/key.svg");
-    joypad_icon.addFile(":/icons/blackicons/joypad.svg");
+    QString iconset = ":/icons/blackicons/";
+    if (QGuiApplication::styleHints()->colorScheme() == Qt::ColorScheme::Dark)
+        iconset = ":/icons/whiteicons/";
+    keyboard_icon.addFile(iconset + "key.svg");
+    joypad_icon.addFile(iconset + "joypad.svg");
     this->binding_table_widget = bindingTableWidget;
     this->binding = binding;
     table_width = width;
@@ -50,6 +54,8 @@ void BindingPanel::showEvent(QShowEvent *event)
 
 void BindingPanel::hideEvent(QHideEvent *event)
 {
+    if (awaiting_binding)
+        updateCellFromBinding(cell_row, cell_column);
     awaiting_binding = false;
     setRedirectInput(false);
     app->joypads_changed_callback = nullptr;
diff --git a/qt/src/ControllerPanel.cpp b/qt/src/ControllerPanel.cpp
index b86abd13..dc8804af 100644
--- a/qt/src/ControllerPanel.cpp
+++ b/qt/src/ControllerPanel.cpp
@@ -6,6 +6,7 @@
 #include <optional>
 #include <QtEvents>
 #include <QTimer>
+#include <QStyleHints>
 
 ControllerPanel::ControllerPanel(EmuApplication *app)
     : BindingPanel(app)
@@ -48,6 +49,13 @@ ControllerPanel::ControllerPanel(EmuApplication *app)
     editToolButton->setMenu(&edit_menu);
     editToolButton->setPopupMode(QToolButton::InstantPopup);
 
+    QString iconset = QGuiApplication::styleHints()->colorScheme() == Qt::ColorScheme::Dark ? ":/icons/whiteicons/" : ":/icons/blackicons/";
+    const char *icons[] = {
+        "up", "down", "left", "right", "a", "b", "x", "y", "l", "r", "start", "select", "a", "b", "x", "y", "l", "r"
+    };
+    for (int i = 0; i < 18; i++)
+        tableWidget_controller->verticalHeaderItem(i)->setIcon(QIcon(iconset + icons[i] + ".svg"));
+
     recreateAutoAssignMenu();
     onJoypadsChanged([&]{ recreateAutoAssignMenu(); });
 }
diff --git a/qt/src/EmuMainWindow.cpp b/qt/src/EmuMainWindow.cpp
index d0edde0d..a2b8d322 100644
--- a/qt/src/EmuMainWindow.cpp
+++ b/qt/src/EmuMainWindow.cpp
@@ -300,6 +300,8 @@ void EmuMainWindow::createWidgets()
     // Options Menu
     auto options_menu = new QMenu(tr("&Options"));
 
+
+
     std::array<QString, 7> setting_panels = { tr("&General..."),
                                               tr("&Display..."),
                                               tr("&Sound..."),
@@ -307,17 +309,21 @@ void EmuMainWindow::createWidgets()
                                               tr("&Controllers..."),
                                               tr("Shortcu&ts..."),
                                               tr("&Files...") };
-    const char *setting_icons[] = { ":/icons/blackicons/settings.svg",
-                                    ":/icons/blackicons/display.svg",
-                                    ":/icons/blackicons/sound.svg",
-                                    ":/icons/blackicons/emulation.svg",
-                                    ":/icons/blackicons/joypad.svg",
-                                    ":/icons/blackicons/keyboard.svg",
-                                    ":/icons/blackicons/folders.svg" };
+    QString iconset =
+        QGuiApplication::styleHints()->colorScheme() == Qt::ColorScheme::Dark
+            ? ":/icons/whiteicons/"
+            : ":/icons/blackicons/";
+    const char *setting_icons[] = { "settings.svg",
+                                    "display.svg",
+                                    "sound.svg",
+                                    "emulation.svg",
+                                    "joypad.svg",
+                                    "keyboard.svg",
+                                    "folders.svg" };
 
     for (int i = 0; i < setting_panels.size(); i++)
     {
-        auto action = options_menu->addAction(QIcon(setting_icons[i]), setting_panels[i]);
+        auto action = options_menu->addAction(QIcon(iconset + setting_icons[i]), setting_panels[i]);
         QObject::connect(action, &QAction::triggered, [&, i] {
             if (!g_emu_settings_window)
                 g_emu_settings_window = new EmuSettingsWindow(this, app);
@@ -326,7 +332,7 @@ void EmuMainWindow::createWidgets()
     }
 
     options_menu->addSeparator();
-    auto shader_settings_item = new QAction(QIcon(":/icons/blackicons/shader.svg"), tr("S&hader Settings..."));
+    auto shader_settings_item = new QAction(QIcon(iconset + "shader.svg"), tr("S&hader Settings..."));
     QObject::connect(shader_settings_item, &QAction::triggered, [&] {
         if (canvas)
             canvas->showParametersDialog();
diff --git a/qt/src/EmuSettingsWindow.cpp b/qt/src/EmuSettingsWindow.cpp
index 5af7e259..9b822336 100644
--- a/qt/src/EmuSettingsWindow.cpp
+++ b/qt/src/EmuSettingsWindow.cpp
@@ -3,6 +3,7 @@
 #include "EmuConfig.hpp"
 
 #include <QScrollArea>
+#include <QStyleHints>
 #include <QWhatsThis>
 
 EmuSettingsWindow::EmuSettingsWindow(QWidget *parent, EmuApplication *app_)
@@ -45,6 +46,19 @@ EmuSettingsWindow::EmuSettingsWindow(QWidget *parent, EmuApplication *app_)
         stackedWidget->setCurrentIndex(panelList->currentRow());
     });
 
+    QString iconset = ":/icons/whiteicons/";
+    if (QGuiApplication::styleHints()->colorScheme() == Qt::ColorScheme::Light)
+        iconset = ":/icons/blackicons/";
+    auto icon = [iconset](QString name) -> QIcon { return QIcon(iconset + name); };
+
+    panelList->item(0)->setIcon(icon("settings.svg"));
+    panelList->item(1)->setIcon(icon("display.svg"));
+    panelList->item(2)->setIcon(icon("sound.svg"));
+    panelList->item(3)->setIcon(icon("emulation.svg"));
+    panelList->item(4)->setIcon(icon("joypad.svg"));
+    panelList->item(5)->setIcon(icon("keyboard.svg"));
+    panelList->item(6)->setIcon(icon("folders.svg"));
+
     connect(defaultsButton, &QPushButton::clicked, [&](bool) {
         auto section = stackedWidget->currentIndex();
         bool restart_needed = app->config->setDefaults(stackedWidget->currentIndex());
diff --git a/qt/src/main.cpp b/qt/src/main.cpp
index 13ef65e7..4717ee95 100644
--- a/qt/src/main.cpp
+++ b/qt/src/main.cpp
@@ -26,6 +26,7 @@ int main(int argc, char *argv[])
     emu.qtapp = std::make_unique<QApplication>(argc, argv);
 
     QGuiApplication::setDesktopFileName("snes9x-gtk");
+    //emu.qtapp->setStyle("fusion");
 
 #ifndef _WIN32
     auto quit_handler = [](int) { QApplication::quit(); };
diff --git a/qt/src/resources/snes9x.qrc b/qt/src/resources/snes9x.qrc
index 399f8db2..267d5359 100644
--- a/qt/src/resources/snes9x.qrc
+++ b/qt/src/resources/snes9x.qrc
@@ -1,5 +1,26 @@
 <RCC>
   <qresource prefix="icons">
+    <file>whiteicons/a.svg</file>
+    <file>whiteicons/b.svg</file>
+    <file>whiteicons/display.svg</file>
+    <file>whiteicons/down.svg</file>
+    <file>whiteicons/emulation.svg</file>
+    <file>whiteicons/folders.svg</file>
+    <file>whiteicons/joypad.svg</file>
+    <file>whiteicons/key.svg</file>
+    <file>whiteicons/keyboard.svg</file>
+    <file>whiteicons/l.svg</file>
+    <file>whiteicons/left.svg</file>
+    <file>whiteicons/r.svg</file>
+    <file>whiteicons/right.svg</file>
+    <file>whiteicons/select.svg</file>
+    <file>whiteicons/settings.svg</file>
+    <file>whiteicons/shader.svg</file>
+    <file>whiteicons/sound.svg</file>
+    <file>whiteicons/start.svg</file>
+    <file>whiteicons/up.svg</file>
+    <file>whiteicons/x.svg</file>
+    <file>whiteicons/y.svg</file>
     <file>snes9x.svg</file>
     <file>blackicons/settings.svg</file>
     <file>blackicons/folders.svg</file>
diff --git a/qt/src/resources/whiteicons/a.svg b/qt/src/resources/whiteicons/a.svg
new file mode 100644
index 00000000..16423d68
--- /dev/null
+++ b/qt/src/resources/whiteicons/a.svg
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="16.0px"
+   height="16.0px"
+   viewBox="0 0 16.0 16.0"
+   version="1.1"
+   id="SVGRoot"
+   sodipodi:docname="a.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview4430"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="38.057741"
+     inkscape:cx="4.611414"
+     inkscape:cy="8.2637591"
+     inkscape:window-width="1920"
+     inkscape:window-height="1021"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4436" />
+  </sodipodi:namedview>
+  <defs
+     id="defs4425" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <circle
+       style="opacity:1;fill:none;fill-opacity:0.5;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:bevel;stroke-dasharray:none;stroke-opacity:1"
+       id="path4495"
+       cx="8"
+       cy="3"
+       r="2.5" />
+    <circle
+       style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:bevel;stroke-dasharray:none;stroke-opacity:1"
+       id="path4495-3"
+       cx="3"
+       cy="8"
+       r="2.5" />
+    <circle
+       style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:bevel;stroke-dasharray:none;stroke-opacity:1"
+       id="path4495-6"
+       cx="8"
+       cy="13"
+       r="2.5" />
+    <circle
+       style="fill:#ffffff;fill-opacity:0.5;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:bevel;stroke-dasharray:none;stroke-opacity:1"
+       id="path4495-7"
+       cx="13"
+       cy="8"
+       r="2.5" />
+  </g>
+</svg>
diff --git a/qt/src/resources/whiteicons/b.svg b/qt/src/resources/whiteicons/b.svg
new file mode 100644
index 00000000..42037a10
--- /dev/null
+++ b/qt/src/resources/whiteicons/b.svg
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="16.0px"
+   height="16.0px"
+   viewBox="0 0 16.0 16.0"
+   version="1.1"
+   id="SVGRoot"
+   sodipodi:docname="b.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview4430"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="38.057741"
+     inkscape:cx="4.611414"
+     inkscape:cy="8.2637591"
+     inkscape:window-width="1920"
+     inkscape:window-height="1021"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4436" />
+  </sodipodi:namedview>
+  <defs
+     id="defs4425" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <circle
+       style="opacity:1;fill:none;fill-opacity:0.5;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:bevel;stroke-dasharray:none;stroke-opacity:1"
+       id="path4495"
+       cx="8"
+       cy="3"
+       r="2.5" />
+    <circle
+       style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:bevel;stroke-dasharray:none;stroke-opacity:1"
+       id="path4495-3"
+       cx="3"
+       cy="8"
+       r="2.5" />
+    <circle
+       style="fill:#ffffff;fill-opacity:0.5;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:bevel;stroke-dasharray:none;stroke-opacity:1"
+       id="path4495-6"
+       cx="8"
+       cy="13"
+       r="2.5" />
+    <circle
+       style="fill:none;fill-opacity:0.5;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:bevel;stroke-dasharray:none;stroke-opacity:1"
+       id="path4495-7"
+       cx="13"
+       cy="8"
+       r="2.5" />
+  </g>
+</svg>
diff --git a/qt/src/resources/whiteicons/display.svg b/qt/src/resources/whiteicons/display.svg
new file mode 100644
index 00000000..1f02013c
--- /dev/null
+++ b/qt/src/resources/whiteicons/display.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 96 960 960" width="24"><path fill="#ffffff" d="M300 696h60V536h-60v50h-60v60h60v50Zm100-50h320v-60H400v60Zm200-110h60v-50h60v-60h-60v-50h-60v160Zm-360-50h320v-60H240v60Zm80 450v-80H160q-33 0-56.5-23.5T80 776V296q0-33 23.5-56.5T160 216h640q33 0 56.5 23.5T880 296v480q0 33-23.5 56.5T800 856H640v80H320ZM160 776h640V296H160v480Zm0 0V296v480Z"/></svg>
diff --git a/qt/src/resources/whiteicons/down.svg b/qt/src/resources/whiteicons/down.svg
new file mode 100644
index 00000000..d4f5b3cc
--- /dev/null
+++ b/qt/src/resources/whiteicons/down.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="down.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="41.7193"
+     inkscape:cx="3.3917156"
+     inkscape:cy="7.5624471"
+     inkscape:window-width="1920"
+     inkscape:window-height="1021"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid9"
+       spacingx="0.5"
+       spacingy="0.5"
+       empspacing="10" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 5.5,0.5 v 5 h -5 v 5 h 5 v 5 h 5 v -5 h 5 v -5 h -5 v -5 z"
+       id="path117"
+       sodipodi:nodetypes="ccccccccccccc" />
+    <rect
+       style="opacity:0.5;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.88976;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+       id="rect947"
+       width="4"
+       height="5"
+       x="6"
+       y="10" />
+  </g>
+</svg>
diff --git a/qt/src/resources/whiteicons/emulation.svg b/qt/src/resources/whiteicons/emulation.svg
new file mode 100644
index 00000000..14b0989b
--- /dev/null
+++ b/qt/src/resources/whiteicons/emulation.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 96 960 960" width="24"><path fill="#ffffff" d="M80 896V256h800v640H80Zm80-80h640V416H160v400Zm140-40-56-56 103-104-104-104 57-56 160 160-160 160Zm180 0v-80h240v80H480Z"/></svg>
diff --git a/qt/src/resources/whiteicons/folders.svg b/qt/src/resources/whiteicons/folders.svg
new file mode 100644
index 00000000..936439c9
--- /dev/null
+++ b/qt/src/resources/whiteicons/folders.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 96 960 960" width="24"><path stroke="#ffffff" fill="#ffffff" d="M120 936q-33 0-56.5-23.5T40 856V336h80v520h680v80H120Zm160-160q-33 0-56.5-23.5T200 696V256q0-33 23.5-56.5T280 176h200l80 80h280q33 0 56.5 23.5T920 336v360q0 33-23.5 56.5T840 776H280Zm0-80h560V336H527l-80-80H280v440Zm0 0V256v440Z"/></svg>
diff --git a/qt/src/resources/whiteicons/joypad.svg b/qt/src/resources/whiteicons/joypad.svg
new file mode 100644
index 00000000..97b288d8
--- /dev/null
+++ b/qt/src/resources/whiteicons/joypad.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="joypad.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="41.7193"
+     inkscape:cx="7.7542049"
+     inkscape:cy="8.4972662"
+     inkscape:window-width="1920"
+     inkscape:window-height="1021"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid941" />
+  </sodipodi:namedview>
+  <path
+     d="M 4,5 C 3.966482,4.9992664 3.932975,5.00195 3.9,5.008 2.3557709,5.051666 1.0228084,6.1025927 0.62000004,7.594 0.21166956,9.1238633 0.87975114,10.737506 2.25,11.531 c 1.3592384,0.782703 3.0731398,0.566167 4.195,-0.53 H 9.5550001 C 10.67686,12.097167 12.390762,12.313703 13.75,11.531 15.120249,10.737506 15.78833,9.1238633 15.38,7.594 14.976552,6.1005143 13.640475,5.0490552 12.094,5.008 12.06301,5.00223 12.03152,4.99955 12,5 12,5 3.9291169,5 4,5 Z m 0,1 h 8 c 1.134,0 2.123,0.758 2.416,1.854 0.293689,1.0932733 -0.184847,2.247341 -1.166,2.812 -0.920496,0.530147 -2.076001,0.41769 -2.877,-0.28 C 10.243,10.257 10.114,9.9960003 9.8790001,10 H 6.12 c -0.234,-0.003 -0.394,0.268 -0.492,0.385 -0.8,0.693 -1.95,0.817 -2.879,0.281 C 1.7683339,10.100978 1.290585,8.9468293 1.585,7.854 1.8759471,6.7595374 2.8675267,5.9982999 4,6 Z M 3.5,7 v 1 h -1 v 1.0000003 h 1 V 10 h 1 V 9.0000003 h 1 V 8 h -1 V 7 Z M 12,7 c -0.666666,0 -0.666666,1 0,1 0.666666,0 0.666666,-1 0,-1 z M 11,8 C 10.333333,8 10.333333,9.0000003 11,9.0000003 11.666667,9.0000003 11.666667,8 11,8 Z m 2,0 C 12.333333,8 12.333333,9.0000003 13,9.0000003 13.666667,9.0000003 13.666667,8 13,8 Z M 12,9.0000003 C 11.333334,9.0000003 11.333334,10 12,10 c 0.666666,0 0.666666,-0.9999997 0,-0.9999997 z"
+     fill="#ffffff"
+     font-family="sans-serif"
+     font-weight="400"
+     overflow="visible"
+     style="font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#ffffff;text-transform:none;text-orientation:mixed;shape-padding:0;isolation:auto;mix-blend-mode:normal;fill:#ffffff;fill-opacity:1"
+     white-space="normal"
+     id="path2"
+     sodipodi:nodetypes="ccccccccccccsccccccccccccccccccccccssssssssssss" />
+</svg>
diff --git a/qt/src/resources/whiteicons/key.svg b/qt/src/resources/whiteicons/key.svg
new file mode 100644
index 00000000..7beb8158
--- /dev/null
+++ b/qt/src/resources/whiteicons/key.svg
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="key.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="20.85965"
+     inkscape:cx="11.817073"
+     inkscape:cy="8.9886455"
+     inkscape:window-width="1920"
+     inkscape:window-height="1021"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid132"
+       spacingx="0.5"
+       spacingy="0.5" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.2;stroke-dasharray:none"
+       id="rect1845"
+       width="10.5"
+       height="9"
+       x="2.75"
+       y="2"
+       rx="1.4999999"
+       ry="1.5000001" />
+    <rect
+       style="fill:none;fill-opacity:0.17;stroke:#ffffff;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.2;stroke-dasharray:none"
+       id="rect1877"
+       width="14"
+       height="14"
+       x="1"
+       y="1"
+       rx="1.5"
+       ry="1.5000001" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:0.3;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;opacity:1"
+       d="M 2.6610169,9.5423728 1.5,14.5"
+       id="path1937"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:0.3;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;opacity:1"
+       d="M 13.322033,9.542373 14.5,14.5 v 0 0"
+       id="path3492"
+       sodipodi:nodetypes="cccc" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:0.3;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;opacity:1"
+       d="m 1.5,1.5 1,1 v 0 L 3,3"
+       id="path3494"
+       sodipodi:nodetypes="cccc" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:0.3;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;opacity:1"
+       d="M 14.5,1.5 13,3"
+       id="path3496"
+       sodipodi:nodetypes="cc" />
+  </g>
+</svg>
diff --git a/qt/src/resources/whiteicons/keyboard.svg b/qt/src/resources/whiteicons/keyboard.svg
new file mode 100644
index 00000000..3c63bb69
--- /dev/null
+++ b/qt/src/resources/whiteicons/keyboard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 96 960 960" width="24"><path fill="#ffffff" d="M80 856V296h800v560H80Zm80-80h640V376H160v400Zm160-40h320v-80H320v80ZM200 616h80v-80h-80v80Zm120 0h80v-80h-80v80Zm120 0h80v-80h-80v80Zm120 0h80v-80h-80v80Zm120 0h80v-80h-80v80ZM200 496h80v-80h-80v80Zm120 0h80v-80h-80v80Zm120 0h80v-80h-80v80Zm120 0h80v-80h-80v80Zm120 0h80v-80h-80v80ZM160 776V376v400Z"/></svg>
diff --git a/qt/src/resources/whiteicons/l.svg b/qt/src/resources/whiteicons/l.svg
new file mode 100644
index 00000000..ceb424c9
--- /dev/null
+++ b/qt/src/resources/whiteicons/l.svg
@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="l.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="29.5"
+     inkscape:cx="5.4237288"
+     inkscape:cy="9.2711864"
+     inkscape:window-width="1920"
+     inkscape:window-height="1021"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid132" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1721">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.5;"
+         offset="0"
+         id="stop1717" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop1719" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1721"
+       id="linearGradient1723"
+       x1="1.000001"
+       y1="7.5"
+       x2="14.999999"
+       y2="7.5"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     fill="url(#linearGradient1723)"
+     stroke="#ffffff">
+    <rect
+       style="fill:url(#linearGradient1723);fill-opacity:1;stroke:#ffffff;stroke-width:0.999995;stroke-linecap:round;stroke-linejoin:round"
+       id="rect236"
+       width="13.000003"
+       height="4.0000029"
+       x="1.4999985"
+       y="5.4999986"
+       rx="1.5"
+       ry="1.5000001" />
+  </g>
+</svg>
diff --git a/qt/src/resources/whiteicons/left.svg b/qt/src/resources/whiteicons/left.svg
new file mode 100644
index 00000000..a2191880
--- /dev/null
+++ b/qt/src/resources/whiteicons/left.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="left.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="41.7193"
+     inkscape:cx="3.3917156"
+     inkscape:cy="7.5624471"
+     inkscape:window-width="1920"
+     inkscape:window-height="1021"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid9"
+       spacingx="0.5"
+       spacingy="0.5"
+       empspacing="10" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 5.5,0.5 v 5 h -5 v 5 h 5 v 5 h 5 v -5 h 5 v -5 h -5 v -5 z"
+       id="path117"
+       sodipodi:nodetypes="ccccccccccccc" />
+    <rect
+       style="opacity:0.5;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.88976;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+       id="rect947"
+       width="4"
+       height="5"
+       x="-10"
+       y="1"
+       transform="rotate(-90)" />
+  </g>
+</svg>
diff --git a/qt/src/resources/whiteicons/r.svg b/qt/src/resources/whiteicons/r.svg
new file mode 100644
index 00000000..ea0b5695
--- /dev/null
+++ b/qt/src/resources/whiteicons/r.svg
@@ -0,0 +1,79 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="r.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="29.5"
+     inkscape:cx="5.4237288"
+     inkscape:cy="9.2711864"
+     inkscape:window-width="1920"
+     inkscape:window-height="1021"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid132" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1721">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="0"
+         id="stop1719" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.5;"
+         offset="1"
+         id="stop1717" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1721"
+       id="linearGradient1723"
+       x1="1.000001"
+       y1="7.5"
+       x2="14.999999"
+       y2="7.5"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="fill:url(#linearGradient1723);fill-opacity:1;stroke:#ffffff;stroke-width:0.999995;stroke-linecap:round;stroke-linejoin:round"
+       id="rect236"
+       width="13.000003"
+       height="4.0000029"
+       x="1.4999985"
+       y="5.4999986"
+       rx="1.5"
+       ry="1.5000001" />
+  </g>
+</svg>
diff --git a/qt/src/resources/whiteicons/right.svg b/qt/src/resources/whiteicons/right.svg
new file mode 100644
index 00000000..725f50dd
--- /dev/null
+++ b/qt/src/resources/whiteicons/right.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="right.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="41.7193"
+     inkscape:cx="3.3917156"
+     inkscape:cy="7.5624471"
+     inkscape:window-width="1920"
+     inkscape:window-height="1021"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid9"
+       spacingx="0.5"
+       spacingy="0.5"
+       empspacing="10" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 5.5,0.5 v 5 h -5 v 5 h 5 v 5 h 5 v -5 h 5 v -5 h -5 v -5 z"
+       id="path117"
+       sodipodi:nodetypes="ccccccccccccc" />
+    <rect
+       style="opacity:0.5;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.88976;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+       id="rect947"
+       width="4"
+       height="5"
+       x="-10"
+       y="10"
+       transform="rotate(-90)" />
+  </g>
+</svg>
diff --git a/qt/src/resources/whiteicons/select.svg b/qt/src/resources/whiteicons/select.svg
new file mode 100644
index 00000000..cb604c7f
--- /dev/null
+++ b/qt/src/resources/whiteicons/select.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="16.0px"
+   height="16.0px"
+   viewBox="0 0 16.0 16.0"
+   version="1.1"
+   id="SVGRoot"
+   sodipodi:docname="select.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview9265"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="38.057741"
+     inkscape:cx="6.5295521"
+     inkscape:cy="8.2112073"
+     inkscape:window-width="1920"
+     inkscape:window-height="1021"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid9271" />
+  </sodipodi:namedview>
+  <defs
+     id="defs9260" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="fill:none;fill-opacity:0.5;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:round"
+       id="rect9280-5"
+       width="6"
+       height="2"
+       x="0.66721022"
+       y="12.520413"
+       rx="0.5"
+       ry="0.5"
+       transform="rotate(-40)" />
+    <rect
+       style="fill:#ffffff;fill-opacity:0.49454543;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:round"
+       id="rect9280-5-3"
+       width="6"
+       height="2"
+       x="-4.6951008"
+       y="8.0208998"
+       rx="0.5"
+       ry="0.5"
+       transform="rotate(-40)" />
+  </g>
+</svg>
diff --git a/qt/src/resources/whiteicons/settings.svg b/qt/src/resources/whiteicons/settings.svg
new file mode 100644
index 00000000..00f89c2f
--- /dev/null
+++ b/qt/src/resources/whiteicons/settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path fill="#ffffff" d="m370-80-16-128q-13-5-24.5-12T307-235l-119 50L78-375l103-78q-1-7-1-13.5v-27q0-6.5 1-13.5L78-585l110-190 119 50q11-8 23-15t24-12l16-128h220l16 128q13 5 24.5 12t22.5 15l119-50 110 190-103 78q1 7 1 13.5v27q0 6.5-2 13.5l103 78-110 190-118-50q-11 8-23 15t-24 12L590-80H370Zm112-260q58 0 99-41t41-99q0-58-41-99t-99-41q-59 0-99.5 41T342-480q0 58 40.5 99t99.5 41Zm0-80q-25 0-42.5-17.5T422-480q0-25 17.5-42.5T482-540q25 0 42.5 17.5T542-480q0 25-17.5 42.5T482-420Zm-2-60Zm-40 320h79l14-106q31-8 57.5-23.5T639-327l99 41 39-68-86-65q5-14 7-29.5t2-31.5q0-16-2-31.5t-7-29.5l86-65-39-68-99 42q-22-23-48.5-38.5T533-694l-13-106h-79l-14 106q-31 8-57.5 23.5T321-633l-99-41-39 68 86 64q-5 15-7 30t-2 32q0 16 2 31t7 30l-86 65 39 68 99-42q22 23 48.5 38.5T427-266l13 106Z"/></svg>
diff --git a/qt/src/resources/whiteicons/shader.svg b/qt/src/resources/whiteicons/shader.svg
new file mode 100644
index 00000000..33de7660
--- /dev/null
+++ b/qt/src/resources/whiteicons/shader.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path fill="#ffffff" d="M440-440v-80h80v80h-80Zm-80 80v-80h80v80h-80Zm160 0v-80h80v80h-80Zm80-80v-80h80v80h-80Zm-320 0v-80h80v80h-80Zm-80 320q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm80-80h80v-80h-80v80Zm160 0h80v-80h-80v80Zm320 0v-80 80Zm-560-80h80v-80h80v80h80v-80h80v80h80v-80h80v80h80v-80h-80v-80h80v-320H200v320h80v80h-80v80Zm0 80v-560 560Zm560-240v80-80ZM600-280v80h80v-80h-80Z"/></svg>
diff --git a/qt/src/resources/whiteicons/sound.svg b/qt/src/resources/whiteicons/sound.svg
new file mode 100644
index 00000000..1c707f5f
--- /dev/null
+++ b/qt/src/resources/whiteicons/sound.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 96 960 960" width="24"><path fill="#ffffff" d="M560 925v-82q90-26 145-100t55-168q0-94-55-168T560 307v-82q124 28 202 125.5T840 575q0 127-78 224.5T560 925ZM120 696V456h160l200-200v640L280 696H120Zm440 40V414q47 22 73.5 66t26.5 96q0 51-26.5 94.5T560 736ZM400 450l-86 86H200v80h114l86 86V450ZM300 576Z"/></svg>
diff --git a/qt/src/resources/whiteicons/start.svg b/qt/src/resources/whiteicons/start.svg
new file mode 100644
index 00000000..552f76f2
--- /dev/null
+++ b/qt/src/resources/whiteicons/start.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="16.0px"
+   height="16.0px"
+   viewBox="0 0 16.0 16.0"
+   version="1.1"
+   id="SVGRoot"
+   sodipodi:docname="start.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview9265"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="38.057741"
+     inkscape:cx="6.5295521"
+     inkscape:cy="8.2112073"
+     inkscape:window-width="1920"
+     inkscape:window-height="1021"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid9271" />
+  </sodipodi:namedview>
+  <defs
+     id="defs9260" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="fill:#ffffff;fill-opacity:0.49454543;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:round"
+       id="rect9280-5"
+       width="6"
+       height="2"
+       x="0.66721022"
+       y="12.520413"
+       rx="0.5"
+       ry="0.5"
+       transform="rotate(-40)" />
+    <rect
+       style="fill:none;fill-opacity:0.49454543;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:round"
+       id="rect9280-5-3"
+       width="6"
+       height="2"
+       x="-4.6951008"
+       y="8.0208998"
+       rx="0.5"
+       ry="0.5"
+       transform="rotate(-40)" />
+  </g>
+</svg>
diff --git a/qt/src/resources/whiteicons/up.svg b/qt/src/resources/whiteicons/up.svg
new file mode 100644
index 00000000..aee521d4
--- /dev/null
+++ b/qt/src/resources/whiteicons/up.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="up.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="41.7193"
+     inkscape:cx="3.3917156"
+     inkscape:cy="7.5624471"
+     inkscape:window-width="1920"
+     inkscape:window-height="1021"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid9"
+       spacingx="0.5"
+       spacingy="0.5"
+       empspacing="10" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 5.5,0.5 v 5 h -5 v 5 h 5 v 5 h 5 v -5 h 5 v -5 h -5 v -5 z"
+       id="path117"
+       sodipodi:nodetypes="ccccccccccccc" />
+    <rect
+       style="opacity:0.5;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.88976;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+       id="rect947"
+       width="4"
+       height="5"
+       x="6"
+       y="1" />
+  </g>
+</svg>
diff --git a/qt/src/resources/whiteicons/x.svg b/qt/src/resources/whiteicons/x.svg
new file mode 100644
index 00000000..0e9bf26f
--- /dev/null
+++ b/qt/src/resources/whiteicons/x.svg
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="16.0px"
+   height="16.0px"
+   viewBox="0 0 16.0 16.0"
+   version="1.1"
+   id="SVGRoot"
+   sodipodi:docname="x.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview4430"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="38.057741"
+     inkscape:cx="4.611414"
+     inkscape:cy="8.2637591"
+     inkscape:window-width="1920"
+     inkscape:window-height="1021"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4436" />
+  </sodipodi:namedview>
+  <defs
+     id="defs4425" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <circle
+       style="opacity:1;fill:#ffffff;fill-opacity:0.5;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:bevel;stroke-dasharray:none;stroke-opacity:1"
+       id="path4495"
+       cx="8"
+       cy="3"
+       r="2.5" />
+    <circle
+       style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:bevel;stroke-dasharray:none;stroke-opacity:1"
+       id="path4495-3"
+       cx="3"
+       cy="8"
+       r="2.5" />
+    <circle
+       style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:bevel;stroke-dasharray:none;stroke-opacity:1"
+       id="path4495-6"
+       cx="8"
+       cy="13"
+       r="2.5" />
+    <circle
+       style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:bevel;stroke-dasharray:none;stroke-opacity:1"
+       id="path4495-7"
+       cx="13"
+       cy="8"
+       r="2.5" />
+  </g>
+</svg>
diff --git a/qt/src/resources/whiteicons/y.svg b/qt/src/resources/whiteicons/y.svg
new file mode 100644
index 00000000..e2e3155b
--- /dev/null
+++ b/qt/src/resources/whiteicons/y.svg
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="16.0px"
+   height="16.0px"
+   viewBox="0 0 16.0 16.0"
+   version="1.1"
+   id="SVGRoot"
+   sodipodi:docname="y.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview4430"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="38.057741"
+     inkscape:cx="4.611414"
+     inkscape:cy="8.2637591"
+     inkscape:window-width="1920"
+     inkscape:window-height="1021"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4436" />
+  </sodipodi:namedview>
+  <defs
+     id="defs4425" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <circle
+       style="opacity:1;fill:none;fill-opacity:0.5;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:bevel;stroke-dasharray:none;stroke-opacity:1"
+       id="path4495"
+       cx="8"
+       cy="3"
+       r="2.5" />
+    <circle
+       style="fill:#ffffff;fill-opacity:0.5;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:bevel;stroke-dasharray:none;stroke-opacity:1"
+       id="path4495-3"
+       cx="3"
+       cy="8"
+       r="2.5" />
+    <circle
+       style="fill:none;fill-opacity:0.5;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:bevel;stroke-dasharray:none;stroke-opacity:1"
+       id="path4495-6"
+       cx="8"
+       cy="13"
+       r="2.5" />
+    <circle
+       style="fill:none;fill-opacity:0.5;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:bevel;stroke-dasharray:none;stroke-opacity:1"
+       id="path4495-7"
+       cx="13"
+       cy="8"
+       r="2.5" />
+  </g>
+</svg>