From 036621084159b29960b4db2503660f38b40a2863 Mon Sep 17 00:00:00 2001
From: GabiZar <GabiZar@proton.me>
Date: Tue, 17 Feb 2026 13:33:44 +0100
Subject: [PATCH] Add icons and fix a security warning

---
 renderer/assets/{ => icons}/check.svg   |  0
 renderer/assets/icons/cloud.svg         |  1 +
 renderer/assets/{ => icons}/cross.svg   |  0
 renderer/assets/icons/folder.svg        |  1 +
 renderer/assets/{ => icons}/github.svg  |  0
 renderer/assets/icons/settings.svg      |  9 +++++++++
 renderer/assets/icons/start-modded.svg  | 11 +++++++++++
 renderer/assets/icons/start-vanilla.svg |  9 +++++++++
 renderer/index.html                     | 25 +++++++++++++------------
 renderer/renderer.js                    |  4 ++--
 renderer/style.css                      |  4 ++++
 renderer/welcome.html                   |  1 +
 12 files changed, 51 insertions(+), 14 deletions(-)
 rename renderer/assets/{ => icons}/check.svg (100%)
 create mode 100644 renderer/assets/icons/cloud.svg
 rename renderer/assets/{ => icons}/cross.svg (100%)
 create mode 100644 renderer/assets/icons/folder.svg
 rename renderer/assets/{ => icons}/github.svg (100%)
 create mode 100644 renderer/assets/icons/settings.svg
 create mode 100644 renderer/assets/icons/start-modded.svg
 create mode 100644 renderer/assets/icons/start-vanilla.svg

diff --git a/renderer/assets/check.svg b/renderer/assets/icons/check.svg
similarity index 100%
rename from renderer/assets/check.svg
rename to renderer/assets/icons/check.svg
diff --git a/renderer/assets/icons/cloud.svg b/renderer/assets/icons/cloud.svg
new file mode 100644
index 0000000..70a0af7
--- /dev/null
+++ b/renderer/assets/icons/cloud.svg
@@ -0,0 +1 @@
+<svg role="img" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path d="m 1,8.3051015 c 0,-0.6641 0.2078922,-1.253128 0.6236766,-1.772859 0.4157844,-0.51973 0.9412897,-0.854668 1.5822907,-0.999037 0.1790183,-0.791146 0.5890279,-1.437922 1.2184793,-1.946102 0.6294514,-0.508181 1.3570741,-0.762272 2.1713184,-0.762272 0.79692,0 1.507219,0.248316 2.130895,0.739172 0.623677,0.490857 1.027912,1.126083 1.212705,1.899904 l 0.190568,0 c 0.51973,0 0.999037,0.127045 1.437921,0.375361 0.438883,0.248316 0.791145,0.594803 1.045236,1.033686 C 12.86718,7.3118385 13,7.7853705 13,8.3051015 c 0,0.508181 -0.12127,0.981713 -0.363811,1.414822 -0.242541,0.4331085 -0.577479,0.7795955 -0.999038,1.0394605 -0.421559,0.259866 -0.889317,0.398461 -1.391723,0.415785 l -6.4735319,0 C 2.9980751,11.14052 2.3455245,10.846006 1.8084697,10.291627 1.2714148,9.7430225 1,9.0789225 1,8.3051015 Z m 0.987488,0 c 0,0.502406 0.1732435,0.935515 0.5197305,1.305101 0.346487,0.369586 0.7680462,0.5659275 1.2646776,0.5948015 l 6.4619829,0 c 0.496631,-0.0231 0.91819,-0.2252155 1.264677,-0.5948015 0.352262,-0.369586 0.525506,-0.80847 0.525506,-1.305101 0,-0.508181 -0.190568,-0.94129 -0.565929,-1.310876 -0.375361,-0.369586 -0.820019,-0.554379 -1.33975,-0.554379 l -0.923965,0 c -0.06352,0 -0.09817,-0.03465 -0.09817,-0.103947 L 9.055828,6.0067375 C 8.992308,5.3830605 8.72089,4.8575555 8.247358,4.4359965 7.773826,4.0144375 7.225222,3.8007705 6.59577,3.8007705 c -0.6294512,0 -1.1838304,0.213667 -1.6458131,0.635226 -0.4677575,0.421559 -0.7333975,0.947064 -0.7911454,1.570741 l -0.046198,0.329162 c 0,0.0693 -0.040424,0.103947 -0.1154957,0.103947 l -0.3060635,0 c -0.4850818,0.05775 -0.8893167,0.26564 -1.2127045,0.617901 -0.3233879,0.352262 -0.4908566,0.768047 -0.4908566,1.247354 z"/></svg>
\ No newline at end of file
diff --git a/renderer/assets/cross.svg b/renderer/assets/icons/cross.svg
similarity index 100%
rename from renderer/assets/cross.svg
rename to renderer/assets/icons/cross.svg
diff --git a/renderer/assets/icons/folder.svg b/renderer/assets/icons/folder.svg
new file mode 100644
index 0000000..40a1970
--- /dev/null
+++ b/renderer/assets/icons/folder.svg
@@ -0,0 +1 @@
+<svg role="img" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path d="m 13,5.384615 v 5.07693 q 0,0.66346 -0.47596,1.13942 -0.47596,0.47596 -1.13942,0.47596 H 2.61538 q -0.663457,0 -1.139418,-0.47596 Q 1,11.125005 1,10.461545 V 3.538465 Q 1,2.875005 1.475962,2.399045 1.951923,1.923075 2.61538,1.923075 h 2.3077 q 0.66346,0 1.13942,0.47597 0.47596,0.47596 0.47596,1.13942 v 0.23077 h 4.84616 q 0.66346,0 1.13942,0.47596 Q 13,4.721155 13,5.384615 z"/></svg>
\ No newline at end of file
diff --git a/renderer/assets/github.svg b/renderer/assets/icons/github.svg
similarity index 100%
rename from renderer/assets/github.svg
rename to renderer/assets/icons/github.svg
diff --git a/renderer/assets/icons/settings.svg b/renderer/assets/icons/settings.svg
new file mode 100644
index 0000000..bd5b460
--- /dev/null
+++ b/renderer/assets/icons/settings.svg
@@ -0,0 +1,9 @@
+<svg
+   role="img"
+   focusable="false"
+   aria-hidden="true"
+   viewBox="0 0 14 14"
+   xmlns="http://www.w3.org/2000/svg">
+  <path
+     d="m 8.8752116,12.181305 v -0.845421 c 0.3824271,-0.154001 0.726847,-0.36571 1.0522956,-0.605995 l 0.7732288,0.43071 c 0.129524,0.07348 0.274423,0.111383 0.423312,0.111383 0.07294,0 0.14588,-0.0105 0.216596,-0.02797 0.216594,-0.05726 0.40349,-0.194791 0.514241,-0.381738 L 12.886967,9.137646 C 13.120376,8.7467822 12.980643,8.2446393 12.57519,8.0191521 L 11.798888,7.5845715 c 0.02336,-0.1937454 0.05915,-0.3841963 0.05915,-0.58406 0,-0.200282 -0.03578,-0.3919096 -0.05915,-0.5854981 L 12.57519,5.9817665 C 12.769673,5.8719503 12.910975,5.6936322 12.97129,5.4831529 13.02958,5.2718895 12.99661,5.0497752 12.88697,4.8614422 L 11.854885,3.1377619 C 11.699911,2.8751729 11.41463,2.7284127 11.122019,2.7284127 c -0.144899,0 -0.288488,0.034775 -0.421219,0.1098161 L 9.9275724,3.2698799 C 9.6021235,3.0301169 9.256657,2.8177291 8.8752766,2.6630465 V 1.8201103 C 8.8752766,1.3669134 8.4961856,1 8.0281931,1 H 5.9710286 C 5.5019897,1 5.1238146,1.3669134 5.1238146,1.8201103 V 2.6630465 C 4.7434808,2.8178336 4.3959207,3.0302213 4.0729577,3.2698799 L 3.2988145,2.8372867 C 3.1697472,2.7645994 3.0251103,2.7282557 2.8783147,2.7282557 c -0.073855,0 -0.1488238,0.010461 -0.2218277,0.027978 C 2.4398921,2.8119249 2.256332,2.9484095 2.1422449,3.1364026 L 1.1123216,4.8612069 c -0.23151155,0.3921709 -0.09407,0.8935296 0.3104686,1.1203242 l 0.7773489,0.433247 c -0.023163,0.193484 -0.059268,0.3851637 -0.059268,0.5855242 0,0.1997591 0.036177,0.39021 0.059268,0.583354 L 1.4227902,8.0174787 C 1.0182522,8.2431227 0.88081119,8.7454488 1.1123216,9.1373584 L 2.1421142,10.86198 c 0.1140877,0.186948 0.2977122,0.32453 0.5142421,0.381738 0.071957,0.0183 0.1458801,0.02797 0.218622,0.02797 0.149086,0 0.2937219,-0.03791 0.4237052,-0.111384 l 0.7722463,-0.430711 c 0.3249255,0.240286 0.6724201,0.452176 1.0528194,0.606022 v 0.84542 C 5.1237492,12.632693 5.5019241,13 5.9709632,13 h 2.0571645 c 0.4679925,1.83e-4 0.8470835,-0.367176 0.8470835,-0.818855 z M 4.663215,7.0004593 c 0,-1.2491741 1.0468009,-2.2607289 2.334205,-2.2607289 1.2928991,0 2.3395692,1.0114764 2.3395692,2.2607289 0,1.2470298 -1.0466701,2.2585586 -2.3395692,2.2585586 C 5.7100159,9.2589655 4.663215,8.2474891 4.663215,7.0004593 Z" />
+</svg>
diff --git a/renderer/assets/icons/start-modded.svg b/renderer/assets/icons/start-modded.svg
new file mode 100644
index 0000000..4df4740
--- /dev/null
+++ b/renderer/assets/icons/start-modded.svg
@@ -0,0 +1,11 @@
+<svg
+   role="img"
+   focusable="false"
+   aria-hidden="true"
+   viewBox="0 0 14 14"
+   xmlns="http://www.w3.org/2000/svg">
+  <path
+     d="m 10.781355,12.15887 v -0.352258 c 0.159345,-0.06416 0.302854,-0.152379 0.438458,-0.252498 l 0.32218,0.179463 c 0.05396,0.03062 0.114338,0.0464 0.176383,0.0464 0.03039,0 0.06079,-0.0044 0.09023,-0.01163 0.09026,-0.02386 0.168121,-0.08116 0.214269,-0.159057 l 0.430036,-0.718594 c 0.09725,-0.16286 0.03902,-0.372086 -0.129909,-0.466039 l -0.323454,-0.181075 c 0.0098,-0.08074 0.02464,-0.160081 0.02464,-0.243358 0,-0.08345 -0.01491,-0.1632952 -0.02464,-0.2439564 L 12.323,9.5757277 c 0.08104,-0.04575 0.139914,-0.1200624 0.165044,-0.2077546 0.02429,-0.08803 0.0105,-0.180574 -0.03513,-0.2590459 L 12.022891,8.3907278 c -0.06457,-0.1094124 -0.18344,-0.1705615 -0.305364,-0.1705615 -0.06038,0 -0.1202,0.01449 -0.175508,0.045756 L 11.21984,8.4457815 C 11.084235,8.3458802 10.940291,8.257386 10.781381,8.192935 V 7.8417121 C 10.781381,7.6528803 10.623426,7.5 10.428427,7.5 H 9.5712702 C 9.375837,7.5 9.2182616,7.6528803 9.2182616,7.8417121 V 8.192935 C 9.0597901,8.2574296 8.9149709,8.3459242 8.7804031,8.4457815 L 8.4578409,8.265535 C 8.4040669,8.235247 8.3438034,8.220105 8.2826318,8.220105 c -0.030776,0 -0.062013,0.00436 -0.092425,0.011662 -0.090237,0.023205 -0.166733,0.080074 -0.2142681,0.1584039 L 7.5468008,9.1088332 c -0.096463,0.1634049 -0.039188,0.3723033 0.1293616,0.466802 l 0.3238982,0.1805187 c -0.00962,0.080625 -0.024687,0.1604849 -0.024687,0.2439671 0,0.08324 0.015076,0.162588 0.024687,0.243065 l -0.3238977,0.180759 c -0.168558,0.09401 -0.2258256,0.30332 -0.1293616,0.466615 l 0.4290822,0.718592 c 0.047526,0.0779 0.1240501,0.13522 0.2142681,0.159057 0.029976,0.0076 0.060788,0.01162 0.091088,0.01162 0.062124,0 0.1223876,-0.0158 0.1765454,-0.04641 l 0.3217708,-0.179464 c 0.1353866,0.100125 0.280177,0.188406 0.4386774,0.25251 v 0.352258 c 0,0.18823 0.1575741,0.341274 0.3530085,0.341274 h 0.8571563 c 0.194997,7.6e-5 0.352954,-0.15299 0.352954,-0.341189 z m -1.75501,-2.158683 c 0,-0.520488 0.4361698,-0.9419688 0.9725912,-0.9419688 0.5387118,0 0.9748248,0.4214483 0.9748248,0.9419688 0,0.519595 -0.436113,0.941065 -0.9748248,0.941065 C 9.4625148,10.94123 9.026345,10.519782 9.026345,10.000187 Z" />
+  <path
+     d="m 2.0507813,1 c -0.089411,0.00295 -0.1605651,0.018966 -0.2128907,0.046875 -1.11627902,0.5953992 -1.11627902,11.310851 0,11.90625 0.5030321,0.268306 2.8196481,-0.675028 5.2128906,-1.898437 -0.1052234,-0.193913 -0.037632,-0.436563 0.1601563,-0.546875 L 7.5996094,10.291016 C 7.5880724,10.194444 7.5703125,10.09989 7.5703125,10 c 0,-0.071055 0.00817,-0.140424 0.017578,-0.2089844 -2.15021,1.1602594 -4.4714724,2.1641934 -4.9257812,1.9218754 -0.883721,-0.471358 -0.883721,-8.954424 0,-9.4257816 0.055233,-0.02946 0.1392964,-0.040565 0.2460937,-0.035156 C 4.5101631,2.3330828 11.5,6.1162044 11.5,7 c 0,0.152339 -0.210482,0.3908237 -0.5625,0.6816406 v 0.1503906 c 0.190691,0.077341 0.362665,0.1828527 0.525391,0.3027344 l 0.386718,-0.2148437 c 0.06637,-0.037519 0.138478,-0.056641 0.210938,-0.056641 0.06096,0 0.120542,0.016655 0.175781,0.041016 C 12.712164,7.5177795 13,7.199763 13,7 13,5.8836266 4.1700127,1.1044327 2.1464844,1.0019531 2.1127589,1.0002451 2.0805849,0.999016 2.0507813,1 Z" />
+</svg>
diff --git a/renderer/assets/icons/start-vanilla.svg b/renderer/assets/icons/start-vanilla.svg
new file mode 100644
index 0000000..eaa7f10
--- /dev/null
+++ b/renderer/assets/icons/start-vanilla.svg
@@ -0,0 +1,9 @@
+<svg
+   role="img"
+   focusable="false"
+   aria-hidden="true"
+   viewBox="0 0 14 14"
+   xmlns="http://www.w3.org/2000/svg">
+  <path
+     d="m 2.1464844,1.0019531 c -0.1349019,-0.006832 -0.2388263,0.00771 -0.3085938,0.044922 -1.11627905,0.5953992 -1.11627905,11.3108509 0,11.9062499 C 2.9541697,13.548524 13,8.1907983 13,7 13,5.8836266 4.1700127,1.1044327 2.1464844,1.0019531 Z m 0.7617187,1.25 C 4.5101631,2.3330828 11.5,6.1162044 11.5,7 c 0,0.9427153 -7.9541697,5.184248 -8.8378906,4.712891 -0.883721,-0.471358 -0.883721,-8.954424 0,-9.4257816 0.055233,-0.02946 0.1392964,-0.040565 0.2460937,-0.035156 z" />
+</svg>
diff --git a/renderer/index.html b/renderer/index.html
index 8ff8e05..3459167 100644
--- a/renderer/index.html
+++ b/renderer/index.html
@@ -3,6 +3,7 @@
     <head>
         <meta charset="UTF-8" />
         <title>Silk Fly Launcher</title>
+        <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline'; img-src 'self' https://*.nexusmods.com" />
         <link rel="stylesheet" href="style.css" />
     </head>
     <body>
@@ -19,32 +20,32 @@
                 <nav class="nav">
                     <div class="nav-section">
                         <span class="nav-title">Execute Silksong</span>
-                        <button onclick="launch('vanilla')">
-                            <img src="vanilla_launch_icon.png" class="button-icon" />
+                        <button class="horizontal-div" onclick="launch('vanilla')">
+                            <img src="assets/icons/start-vanilla.svg" class="icons invert-color" />
                             Run Vanilla
                         </button>
-                        <button onclick="launch('modded')">
-                            <img src="modded_launch_icon.png" class="button-icon" />
+                        <button class="horizontal-div" onclick="launch('modded')">
+                            <img src="assets/icons/start-modded.svg" class="icons invert-color" />
                             Run Modded
                         </button>
                     </div>
 
                     <div class="nav-section">
                         <span class="nav-title">Mods</span>
-                        <button onclick="navigate('mods-installed')">
-                            <img src="installed_mods_icon.png" class="button-icon" />
+                        <button class="horizontal-div" onclick="navigate('mods-installed')">
+                            <img src="assets/icons/folder.svg" class="icons invert-color" />
                             Installed
                         </button>
-                        <button onclick="navigate('mods-online')">
-                            <img src="online_mods_icon.png" class="button-icon" />
+                        <button class="horizontal-div" onclick="navigate('mods-online')">
+                            <img src="assets/icons/cloud.svg" class="icons invert-color" />
                             Online
                         </button>
                     </div>
 
                     <div class="nav-section">
                         <span class="nav-title">Settings</span>
-                        <button onclick="navigate('general-settings')">
-                            <img src="general_settings_icon.png" class="button-icon" />
+                        <button class="horizontal-div" onclick="navigate('general-settings')">
+                            <img src="assets/icons/settings.svg" class="icons invert-color" />
                             General
                         </button>
                     </div>
@@ -70,7 +71,7 @@
                     </div>
                 </div>
                 <div class="horizontal-div">
-                    <img onclick="electronAPI.openExternalLink('https://github.com/Gabi-Zar/Silk-Fly-Launcher')" src="assets/github.svg" alt="Github logo" class="logo-img invert-color" />
+                    <img onclick="electronAPI.openExternalLink('https://github.com/Gabi-Zar/Silk-Fly-Launcher')" src="assets/icons/github.svg" alt="Github logo" class="logo-img invert-color" />
                 </div>
             </div>
             <br />
@@ -168,7 +169,7 @@
             <div class="horizontal-div">
                 <label for="nexus-api-label">Enter your nexus api: </label>
                 <input type="text" class="input" id="nexus-api-input" name="nexus-api-input" />
-                <img class="nexus-check-image" id="nexus-check-image" src="assets/cross.svg" />
+                <img class="nexus-check-image" id="nexus-check-image" src="assets/icons/cross.svg" />
                 <button class="default-button" onclick="verifyNexusAPI()">Verify</button>
             </div>
             <br />
diff --git a/renderer/renderer.js b/renderer/renderer.js
index 1b2c818..6339e97 100644
--- a/renderer/renderer.js
+++ b/renderer/renderer.js
@@ -357,9 +357,9 @@ async function verifyNexusAPI() {
     }
 
     if (response) {
-        nexusCheckImage.src = "assets/check.svg";
+        nexusCheckImage.src = "assets/icons/check.svg";
     } else {
-        nexusCheckImage.src = "assets/cross.svg";
+        nexusCheckImage.src = "assets/icons/cross.svg";
     }
 }
 
diff --git a/renderer/style.css b/renderer/style.css
index 2a65e39..350d1a7 100644
--- a/renderer/style.css
+++ b/renderer/style.css
@@ -63,6 +63,10 @@ body {
     background: var(--background-color);
 }
 
+.icons {
+    height: 24px;
+}
+
 .logo-img {
     height: 50px;
 }
diff --git a/renderer/welcome.html b/renderer/welcome.html
index 2a14ab2..d6ffd6e 100644
--- a/renderer/welcome.html
+++ b/renderer/welcome.html
@@ -3,6 +3,7 @@
     <head>
         <meta charset="UTF-8" />
         <title>Welcome to Silk Fly Launcher</title>
+        <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline';" />
         <link rel="stylesheet" href="welcome.css" />
         <link rel="stylesheet" href="style.css" />
     </head>