Visuals - Custom Themes - Icon Pack

Switch out the standard openpilot icons with a set of themed icons.

Want to submit your own icon pack? Post it in the 'feature-request' channel in the FrogPilot Discord!

selfdrive/ui/qt/sidebar.cc

@@ -50,6 +50,19 @@ Sidebar::Sidebar(QWidget *parent) : QFrame(parent), onroad(false), flag_pressed(
     {3, {"stalin_theme", {QColor(255, 0, 0)}}}
   };
 
+  for (auto &[key, themeData] : themeConfiguration) {
+    QString &themeName = themeData.first;
+    QString base = themeName == "stock" ? "../assets/images" : QString("../frogpilot/assets/custom_themes/%1/images").arg(themeName);
+    std::vector<QString> paths = {base + "/button_home.png", base + "/button_flag.png", base + "/button_settings.png"};
+
+    home_imgs[key] = loadPixmap(paths[0], home_btn.size());
+    flag_imgs[key] = loadPixmap(paths[1], home_btn.size());
+    settings_imgs[key] = loadPixmap(paths[2], settings_btn.size(), Qt::IgnoreAspectRatio);
+  }
+
+  home_img = home_imgs[scene.custom_icons];
+  flag_img = flag_imgs[scene.custom_icons];
+  settings_img = settings_imgs[scene.custom_icons];
   currentColors = themeConfiguration[scene.custom_colors].second;
 }
 
@@ -95,6 +108,10 @@ void Sidebar::updateState(const UIState &s) {
   // FrogPilot properties
   const UIScene &scene = s.scene;
 
+  home_img = home_imgs[scene.custom_icons];
+  flag_img = flag_imgs[scene.custom_icons];
+  settings_img = settings_imgs[scene.custom_icons];
+
   currentColors = themeConfiguration[scene.custom_colors].second;
 
   auto frogpilotDeviceState = sm["frogpilotDeviceState"].getFrogpilotDeviceState();

selfdrive/ui/qt/sidebar.h

@@ -64,6 +64,9 @@ private:
   Params params;
 
   std::unordered_map<int, std::pair<QString, std::vector<QColor>>> themeConfiguration;
+  std::unordered_map<int, QPixmap> flag_imgs;
+  std::unordered_map<int, QPixmap> home_imgs;
+  std::unordered_map<int, QPixmap> settings_imgs;
 
   std::vector<QColor> currentColors;
 };

selfdrive/ui/ui.cc

@@ -331,6 +331,7 @@ void ui_update_frogpilot_params(UIState *s, Params &params) {
 
   bool custom_theme = params.getBool("CustomTheme");
   scene.custom_colors = custom_theme ? params.getInt("CustomColors") : 0;
+  scene.custom_icons = custom_theme ? params.getInt("CustomIcons") : 0;
 
   scene.disable_smoothing_mtsc = params.getBool("MTSCEnabled") && params.getBool("DisableMTSCSmoothing");
   scene.disable_smoothing_vtsc = params.getBool("VisionTurnControl") && params.getBool("DisableVTSCSmoothing");

selfdrive/ui/ui.h

@@ -186,6 +186,7 @@ typedef struct UIScene {
   int conditional_speed_lead;
   int conditional_status;
   int custom_colors;
+  int custom_icons;
   int model_length;
   int steering_angle_deg;
   int tethering_config;