diff --git a/src/renderer/assets/AppChromeBtn-Open.svg b/src/renderer/assets/AppChromeBtn-Open.svg
new file mode 100644
index 00000000..fdb29b10
--- /dev/null
+++ b/src/renderer/assets/AppChromeBtn-Open.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 300 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <rect x="0" y="0" width="300" height="100" style="fill:rgb(15,15,15);"/>
+    <g transform="matrix(0.30081,0,0,0.30081,-41.1651,-47.9227)">
+        <g transform="matrix(1.26848,0,0,1.26848,167,195.512)">
+            <circle cx="101" cy="102.5" r="79.5" style="fill:rgb(15,15,15);"/>
+        </g>
+        <g transform="matrix(0.260038,0,0,0.260038,167,195.511)">
+            <g id="Release.afdesign">
+                <g>
+                    <path d="M501,21C765.367,21 980,235.633 980,500C980,764.367 765.367,979 501,979C236.633,979 22,764.367 22,500C22,235.633 236.633,21 501,21ZM501,169C683.684,169 832,317.316 832,500C832,682.684 683.684,831 501,831C318.316,831 170,682.684 170,500C170,317.316 318.316,169 501,169Z" style="fill:rgb(255,38,84);"/>
+                    <path d="M501,224C653.053,224 776.5,347.447 776.5,499.5C776.5,651.553 653.053,775 501,775C348.947,775 225.5,651.553 225.5,499.5C225.5,347.447 348.947,224 501,224ZM589.165,492.207C595.163,495.672 595.163,504.328 589.165,507.793L439.502,594.256C433.502,597.722 426,593.392 426,586.463L426,413.537C426,406.608 433.502,402.278 439.502,405.744L589.165,492.207Z" style="fill:rgb(255,38,84);"/>
+                </g>
+            </g>
+        </g>
+        <g transform="matrix(10.0544,0,0,10.0544,472.765,384.95)">
+            <text x="0px" y="0px" style="font-family:'Inter-Bold', 'Inter';font-weight:700;font-size:16px;fill:rgb(235,235,235);">Cider</text>
+        </g>
+    </g>
+    <g transform="matrix(-0.0132579,-1.62362e-18,-1.62362e-18,0.0132579,288.703,42.7877)">
+        <g id="g3003">
+            <path id="path3005" d="M1611,832C1611,796.667 1598.67,766.667 1574,742L923,91C897.667,65.667 867.333,53 832,53C796,53 766,65.667 742,91L91,742C65.667,766 53,796 53,832C53,867.333 65.667,897.667 91,923L165,998C191,1022.67 221.333,1035 256,1035C291.333,1035 321.333,1022.67 346,998L832,512L1318,998C1342.67,1022.67 1372.67,1035 1408,1035C1442.67,1035 1473,1022.67 1499,998L1574,923C1598.67,897 1611,866.667 1611,832Z" style="fill:rgb(235,235,235);fill-rule:nonzero;"/>
+        </g>
+    </g>
+</svg>
diff --git a/src/renderer/themes/dark.less b/src/renderer/themes/dark.less
new file mode 100644
index 00000000..5a8b69aa
--- /dev/null
+++ b/src/renderer/themes/dark.less
@@ -0,0 +1,3 @@
+#app {
+  --color1: #111;
+}
\ No newline at end of file
diff --git a/src/renderer/views/main.ejs b/src/renderer/views/main.ejs
index 4973ed00..cf6adea2 100644
--- a/src/renderer/views/main.ejs
+++ b/src/renderer/views/main.ejs
@@ -172,7 +172,7 @@
                         </template>
 
                     </div>
-                    <div class="app-chrome-item full-height" v-if="chrome.windowControlPosition == 'right'">
+                    <div class="app-chrome-item full-height" id="window-controls-container" v-if="chrome.windowControlPosition == 'right'">
                         <div class="window-controls">
                             <div class="minimize" @click="ipcRenderer.send('minimize', true)"></div>
                             <div class="minmax restore" v-if="chrome.maximized"
diff --git a/src/renderer/views/pages/settings.ejs b/src/renderer/views/pages/settings.ejs
index 8c5bd28f..57ed1d90 100644
--- a/src/renderer/views/pages/settings.ejs
+++ b/src/renderer/views/pages/settings.ejs
@@ -104,6 +104,7 @@
                     <div class="md-option-segment md-option-segment_auto">
                         <select class="md-select" @change="$root.setTheme($root.cfg.visual.theme)" v-model="$root.cfg.visual.theme">
                             <option value="default.less">Cider</option>
+                            <option value="dark.less">Dark</option>
                             <option v-for="theme in themes" :value="theme">{{ theme }}</option>
                         </select>
                     </div>