diff --git a/imagelab_electron/assets/logos/Image Lab icon.ico b/imagelab_electron/assets/logos/Image Lab icon.ico
new file mode 100644
index 0000000..6ab7975
Binary files /dev/null and b/imagelab_electron/assets/logos/Image Lab icon.ico differ
diff --git a/imagelab_electron/index.html b/imagelab_electron/index.html
index 37bdbad..aaca279 100644
--- a/imagelab_electron/index.html
+++ b/imagelab_electron/index.html
@@ -4,6 +4,7 @@
+
Image Lab
@@ -209,7 +210,7 @@
class="mdi mdi-play-circle-outline"
style="
font-size: 30px;
- color: #367930;
+ color: var(--execute-button-color);
vertical-align: super;
"
>
@@ -219,7 +220,7 @@
class="mdi mdi-undo"
style="
font-size: 30px;
- color: #000000;
+ color: var(--icon-color);
vertical-align: super;
"
>
@@ -229,7 +230,7 @@
class="mdi mdi-redo"
style="
font-size: 30px;
- color: #000000;
+ color: var(--icon-color);
vertical-align: super;
"
>
@@ -239,7 +240,7 @@
onclick="resetWorkspace()"
style="
font-size: 30px;
- color: #bb1010;
+ color: var(--reset-button-color);
vertical-align: super;
"
>
diff --git a/imagelab_electron/styles/style.css b/imagelab_electron/styles/style.css
index be0ba6f..00d0091 100644
--- a/imagelab_electron/styles/style.css
+++ b/imagelab_electron/styles/style.css
@@ -13,6 +13,9 @@
--label-color: white;
--category-color: #035fbb;
--wave-color: #1b2440;
+ --icon-color: #000000;
+ --execute-button-color: #367930;
+ --reset-button-color: #bb1010;
}
/* Dark mode colors used in building UI*/
@@ -26,6 +29,9 @@
--label-color: white;
--category-color: #1f2b4b;
--wave-color: #e8f2fc;
+ --icon-color: #f1f1f1;
+ --execute-button-color: #23e700;
+ --reset-button-color: #ff0000;
}
/* =================================================================*/