diff --git a/include/gz/gui/qml/Main.qml b/include/gz/gui/qml/Main.qml
index c18154f29..c7e540200 100644
--- a/include/gz/gui/qml/Main.qml
+++ b/include/gz/gui/qml/Main.qml
@@ -189,8 +189,8 @@ ApplicationWindow
         contentItem: Image {
           fillMode: Image.Pad
           horizontalAlignment: Image.AlignHCenter
-          verticalAlignment: Image.AlignVCenter
-          source: "images/drawer.png"
+          verticalAlignment: Image.AlignVCenter 
+          source: Material.theme === Material.Light ? "images/drawer.png" : "images/drawer_dark.png"
         }
         onClicked: drawer.open()
       }
@@ -221,7 +221,7 @@ ApplicationWindow
           fillMode: Image.Pad
           horizontalAlignment: Image.AlignHCenter
           verticalAlignment: Image.AlignVCenter
-          source: "images/menu.png"
+          source: Material.theme === Material.Light ? "images/menu.png"  : "images/menu_dark.png"
         }
         onClicked: pluginMenu.open()
 
diff --git a/include/gz/gui/qml/images/drawer_dark.png b/include/gz/gui/qml/images/drawer_dark.png
new file mode 100644
index 000000000..7e0089474
Binary files /dev/null and b/include/gz/gui/qml/images/drawer_dark.png differ
diff --git a/include/gz/gui/qml/images/menu_dark.png b/include/gz/gui/qml/images/menu_dark.png
new file mode 100644
index 000000000..6f4ad6eb9
Binary files /dev/null and b/include/gz/gui/qml/images/menu_dark.png differ
diff --git a/include/gz/gui/resources.qrc b/include/gz/gui/resources.qrc
index 8a18a99f6..1668662ab 100644
--- a/include/gz/gui/resources.qrc
+++ b/include/gz/gui/resources.qrc
@@ -24,7 +24,9 @@
 
   <file>qml/images/gazebo_logo.png</file>
   <file>qml/images/drawer.png</file>
+  <file>qml/images/drawer_dark.png</file>
   <file>qml/images/menu.png</file>
+  <file>qml/images/menu_dark.png</file>
   <file>qml/images/export_icon.png</file>
   <file>qml/images/search.svg</file>
   <file>qml/images/plottable_icon.svg</file>