diff --git a/README.md b/README.md
index 04c9b0c..bf420f5 100644
--- a/README.md
+++ b/README.md
@@ -1,42 +1,83 @@
-# osmos-v3
+# [Osmos greeter theme](https://warinyourself.github.io/lightdm-webkit-theme-osmos/)
 
-This template should help get you started developing with Vue 3 in Vite.
+![INTRO](https://user-images.githubusercontent.com/83131232/154862858-3acede10-9987-4d58-bae4-d173e51dc833.gif)
 
-## Recommended IDE Setup
+<br />
 
-[VS Code](https://code.visualstudio.com/) + [Vue (Official)](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+## Installation
 
-## Recommended Browser Setup
+### Arch Linux:
 
-- Chromium-based browsers (Chrome, Edge, Brave, etc.):
-  - [Vue.js devtools](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)
-  - [Turn on Custom Object Formatter in Chrome DevTools](http://bit.ly/object-formatters)
-- Firefox:
-  - [Vue.js devtools](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/)
-  - [Turn on Custom Object Formatter in Firefox DevTools](https://fxdx.dev/firefox-devtools-custom-object-formatters/)
+``` sh
+yay -S lightdm-webkit-theme-osmos
+```
 
-## Type Support for `.vue` Imports in TS
+### Manual installation:
 
-TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
+Set `greeter-session = lightdm-webkit2-greeter` in `/etc/lightdm/lightdm.conf`:
+```sh
+sudo sed -i 's/^\(#\?greeter\)-session\s*=\s*\(.*\)/greeter-session = lightdm-webkit2-greeter/g' /etc/lightdm/lightdm.conf
+```
+Then edit `/etc/lightdm/lightdm-webkit2-greeter.conf` to set `webkit_theme=osmos`.
+``` sh
+sudo sed -i 's/^webkit_theme\s*=\s*\(.*\)/webkit_theme = osmos/g' /etc/lightdm/lightdm-webkit2-greeter.conf
+```
 
-## Customize configuration
+<br />
 
-See [Vite Configuration Reference](https://vite.dev/config/).
+## Control brightness and battery:
+![image](https://user-images.githubusercontent.com/83131232/206694253-865022cd-5406-45f2-9bf1-6307816adcf7.png)
 
-## Project Setup
+If you want to control brightness and battery - install [node-greeter](https://github.com/JezerM/nody-greeter#installation).
 
-```sh
-npm install
+Set `greeter-session = nody-greeter` in `/etc/lightdm/lightdm.conf`:
+``` sh
+sudo sed -i 's/^\(#\?greeter\)-session\s*=\s*\(.*\)/greeter-session = nody-greeter/g' /etc/lightdm/lightdm.conf
 ```
 
-### Compile and Hot-Reload for Development
+Then edit `/etc/lightdm/web-greeter.yml` to set `theme: osmos`:
 
-```sh
-npm run dev
+``` sh
+sudo sed -i 's/\stheme:\s*\(.*\)/ theme: osmos/g' /etc/lightdm/web-greeter.yml
 ```
 
-### Type-Check, Compile and Minify for Production
-
+Link webkit theme with nody greeter themes:
 ```sh
-npm run build
+ln -s /usr/share/lightdm-webkit/themes/osmos /usr/share/web-greeter/themes/osmos
+```
+
+To control battery install the [acpid](https://archlinux.org/packages/?name=acpid) package and enable/start acpid.service.
+``` sh
+sudo systemctl enable acpid
+sudo systemctl start acpid
 ```
+
+<br />
+
+## Check the themes:
+[![Random](https://user-images.githubusercontent.com/83131232/153943224-2264f687-7c81-4d06-8424-3f31f8aefd66.png)](https://warinyourself.github.io/lightdm-webkit-theme-osmos/?pxratio=0.8&animation-speed=5&symmetry=0.01&thickness=0.1&hue=360&brightness=1&invert=false&blur=false&no-transition=false&show-framerate=false&only-ui=true&themeName=Random)
+
+[![Sphere](https://user-images.githubusercontent.com/83131232/153943231-0523905f-66e7-41a5-980b-1246a3ec2438.png)](https://warinyourself.github.io/lightdm-webkit-theme-osmos/?pxratio=0.8&invert=false&hue=21&brightness=1&animation-speed=7.32&size=1.75&blur=false&no-transition=false&show-framerate=false&only-ui=false&themeName=Sphere)
+
+[![Planet](https://user-images.githubusercontent.com/83131232/153943216-0f5da865-e8e1-4d79-8df3-56db406a5de2.png)](https://warinyourself.github.io/lightdm-webkit-theme-osmos/?pxratio=0.8&animation-speed=5&position=7.02&blur=false&no-transition=false&show-framerate=false&only-ui=true&themeName=Planet)
+
+[![Destruction](https://user-images.githubusercontent.com/83131232/153943194-bd44a36b-7aec-4fa1-974a-93ab39cb5947.png)](https://warinyourself.github.io/lightdm-webkit-theme-osmos/?pxratio=0.8&position=1&perspective=0.02&animation-speed=10&blur=false&no-transition=false&show-framerate=false&only-ui=true&themeName=Destruction)
+
+[![Rings](https://user-images.githubusercontent.com/83131232/153943227-ba025898-4141-4d00-9db0-7f1b951aa05a.png)](https://warinyourself.github.io/lightdm-webkit-theme-osmos/?animation-speed=5&blur=false&hue=0.03&no-transition=false&only-ui=true&pxratio=0.8&show-framerate=false&themeName=Rings&zoom=74.3)
+
+[![Tenderness](https://user-images.githubusercontent.com/83131232/153943232-b6989a78-5871-4844-b2c0-8b1202ac53f2.png)]((https://warinyourself.github.io/lightdm-webkit-theme-osmos/?pxratio=0.8&animation-speed=10&blur=false&no-transition=false&show-framerate=false&only-ui=false&themeName=Tenderness))
+
+[![Plasma](https://user-images.githubusercontent.com/83131232/153943346-c09fcbaa-0b57-43d6-98fc-5b43d0f65f25.png)](https://warinyourself.github.io/lightdm-webkit-theme-osmos/?pxratio=0.8&hue=81&animation-speed=10&blur=false&no-transition=false&show-framerate=false&only-ui=false&themeName=Plasma)
+
+[![Flow](https://user-images.githubusercontent.com/83131232/153943203-cfa24684-c94f-4763-945d-3875cd2f0a69.png)](https://warinyourself.github.io/lightdm-webkit-theme-osmos/?pxratio=0.8&animation-speed=10&size=1&blur=false&no-transition=false&show-framerate=false&only-ui=false&themeName=Flow)
+
+[![Infinity](https://user-images.githubusercontent.com/83131232/153943210-e4cc3bc3-3ade-4323-a216-acf787b61d76.png)](https://warinyourself.github.io/lightdm-webkit-theme-osmos/?palette=3&size=11&amount=50&animation-speed=20&blur=false&no-transition=false&show-framerate=false&only-ui=true&themeName=Infinity)
+
+</br>
+
+## ROADMAP
+- Integrates with nody-greeter [x]
+- Add possibility to guest login []
+- Add possibility to pick the wallpaper []
+- Add zoom slider (for hight DPI screens) [x]
+- Add CHANGELOG []
\ No newline at end of file
diff --git a/env.d.ts b/env.d.ts
index c1fd3b9..50036ec 100644
--- a/env.d.ts
+++ b/env.d.ts
@@ -1,5 +1,11 @@
 /// <reference types="vite/client" />
 
+declare module '*.svg' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent
+  export default component
+}
+
 declare module '*.glsl' {
   const content: string
   export default content
diff --git a/package-lock.json b/package-lock.json
index 8380782..89adf53 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -33,6 +33,7 @@
         "vite": "^8.0.8",
         "vite-plugin-glsl": "^1.6.0",
         "vite-plugin-vue-devtools": "^8.1.1",
+        "vite-svg-loader": "^5.1.1",
         "vue-tsc": "^3.2.6"
       },
       "engines": {
@@ -1491,6 +1492,13 @@
         "url": "https://github.com/sponsors/antfu"
       }
     },
+    "node_modules/boolbase": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/brace-expansion": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.1.tgz",
@@ -1607,6 +1615,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/commander": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
     "node_modules/confbox": {
       "version": "0.2.4",
       "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.2.4.tgz",
@@ -1683,6 +1701,86 @@
         "url": "https://opencollective.com/css-doodle"
       }
     },
+    "node_modules/css-select": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.2.2.tgz",
+      "integrity": "sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.1.0",
+        "domhandler": "^5.0.2",
+        "domutils": "^3.0.1",
+        "nth-check": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/css-tree": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
+      "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.0.30",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+      }
+    },
+    "node_modules/css-what": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.2.2.tgz",
+      "integrity": "sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/csso": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/csso/-/csso-5.0.5.tgz",
+      "integrity": "sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "css-tree": "~2.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
+        "npm": ">=7.0.0"
+      }
+    },
+    "node_modules/csso/node_modules/css-tree": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.2.1.tgz",
+      "integrity": "sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.0.28",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
+        "npm": ">=7.0.0"
+      }
+    },
+    "node_modules/csso/node_modules/mdn-data": {
+      "version": "2.0.28",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.28.tgz",
+      "integrity": "sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
     "node_modules/csstype": {
       "version": "3.2.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
@@ -1760,6 +1858,78 @@
         "node": ">=8"
       }
     },
+    "node_modules/dom-serializer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.2",
+        "entities": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/dom-serializer/node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/domhandler": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "domelementtype": "^2.3.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/domutils": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.2.tgz",
+      "integrity": "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "dom-serializer": "^2.0.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
     "node_modules/eastasianwidth": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
@@ -2390,6 +2560,13 @@
         "url": "https://github.com/sponsors/sxzz"
       }
     },
+    "node_modules/mdn-data": {
+      "version": "2.0.30",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
+      "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
     "node_modules/memorystream": {
       "version": "0.3.1",
       "resolved": "https://registry.npmjs.org/memorystream/-/memorystream-0.3.1.tgz",
@@ -2566,6 +2743,19 @@
         "npm": ">= 10"
       }
     },
+    "node_modules/nth-check": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
+      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/nth-check?sponsor=1"
+      }
+    },
     "node_modules/object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
@@ -3159,6 +3349,42 @@
         "node": ">=16"
       }
     },
+    "node_modules/svgo": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-3.3.3.tgz",
+      "integrity": "sha512-+wn7I4p7YgJhHs38k2TNjy1vCfPIfLIJWR5MnCStsN8WuuTcBnRKcMHQLMM2ijxGZmDoZwNv8ipl5aTTen62ng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "commander": "^7.2.0",
+        "css-select": "^5.1.0",
+        "css-tree": "^2.3.1",
+        "css-what": "^6.1.0",
+        "csso": "^5.0.5",
+        "picocolors": "^1.0.0",
+        "sax": "^1.5.0"
+      },
+      "bin": {
+        "svgo": "bin/svgo"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/svgo"
+      }
+    },
+    "node_modules/svgo/node_modules/sax": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.6.0.tgz",
+      "integrity": "sha512-6R3J5M4AcbtLUdZmRv2SygeVaM7IhrLXu9BmnOGmmACak8fiUtOsYNWUS4uK7upbmHIBbLBeFeI//477BKLBzA==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=11.0.0"
+      }
+    },
     "node_modules/tinyglobby": {
       "version": "0.2.17",
       "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz",
@@ -3584,6 +3810,20 @@
         "@babel/core": "^7.0.0-0"
       }
     },
+    "node_modules/vite-svg-loader": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/vite-svg-loader/-/vite-svg-loader-5.1.1.tgz",
+      "integrity": "sha512-RPzcXA/EpKJA0585x58DBgs7my2VfeJ+j2j1EoHY4Zh82Y7hV4cR1fElgy2aZi85+QSrcLLoTStQ5uZjD68u+Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.3.4",
+        "svgo": "^3.3.3"
+      },
+      "peerDependencies": {
+        "vue": ">=3.2.13"
+      }
+    },
     "node_modules/vscode-uri": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.1.0.tgz",
diff --git a/package.json b/package.json
index 446a3b4..39c10b4 100644
--- a/package.json
+++ b/package.json
@@ -36,6 +36,7 @@
     "vite": "^8.0.8",
     "vite-plugin-glsl": "^1.6.0",
     "vite-plugin-vue-devtools": "^8.1.1",
+    "vite-svg-loader": "^5.1.1",
     "vue-tsc": "^3.2.6"
   },
   "engines": {
diff --git a/src/assets/icons/arch-linux.svg b/src/assets/icons/arch-linux.svg
new file mode 100644
index 0000000..b4a2ace
--- /dev/null
+++ b/src/assets/icons/arch-linux.svg
@@ -0,0 +1,12 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    style="isolation:isolate"
+    viewBox="535.623 183 294.755 294.755"
+    width="294.755"
+    height="294.755"
+  >
+    <path
+      d=" M 683 183 C 669.879 215.166 661.911 236.236 647.307 267.447 C 656.26 276.94 667.267 287.955 685.124 300.442 C 665.927 292.544 652.842 284.636 643.061 276.405 C 624.366 315.414 595.058 370.961 535.623 477.755 C 582.323 450.795 618.531 434.159 652.273 427.812 C 650.825 421.59 650.056 414.829 650.112 407.805 L 650.149 406.332 C 650.89 376.406 666.461 353.391 684.906 354.953 C 703.348 356.514 717.708 382.052 716.966 411.984 C 716.824 417.621 716.17 423.037 715.06 428.066 C 748.436 434.596 784.299 451.154 830.377 477.755 C 821.291 461.028 813.153 445.954 805.406 431.589 C 793.206 422.133 780.485 409.832 754.529 396.509 C 772.371 401.147 785.155 406.507 795.112 412.485 C 716.368 265.868 710.002 246.372 683 183 L 683 183 L 683 183 Z "
+    />
+  </svg>
diff --git a/src/assets/icons/arrow.svg b/src/assets/icons/arrow.svg
new file mode 100644
index 0000000..cc13071
--- /dev/null
+++ b/src/assets/icons/arrow.svg
@@ -0,0 +1,12 @@
+<svg
+    width="26"
+    height="26"
+    viewBox="0 0 26 26"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M13 26C20.1797 26 26 20.1797 26 13C26 5.8203 20.1797 0 13 0C5.8203 0 0 5.8203 0 13C0 20.1797 5.8203 26 13 26ZM18.353 12.5199L14.2351 8.19887C13.9824 7.93371 13.5727 7.93371 13.32 8.19887C13.0673 8.46403 13.0673 8.89394 13.32 9.1591L16.3333 12.321H7.54248C6.81917 12.4847 6.81917 13.5153 7.54248 13.679H16.3333L13.32 16.8409C13.0673 17.1061 13.0673 17.536 13.32 17.8011C13.5727 18.0663 13.9824 18.0663 14.2351 17.8011L18.353 13.4801C18.6057 13.215 18.6057 12.785 18.353 12.5199Z"
+    />
+  </svg>
diff --git a/src/assets/icons/awesome.svg b/src/assets/icons/awesome.svg
new file mode 100644
index 0000000..0300eda
--- /dev/null
+++ b/src/assets/icons/awesome.svg
@@ -0,0 +1,11 @@
+<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M0 24V8.25H16.5V7.5H0V0H24V24H16.5V15.75H7.5V16.5H15.75V24H0Z"
+    />
+  </svg>
diff --git a/src/assets/icons/brightness.svg b/src/assets/icons/brightness.svg
new file mode 100644
index 0000000..ffea846
--- /dev/null
+++ b/src/assets/icons/brightness.svg
@@ -0,0 +1,11 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+    <path d="M8.00002 12.9033C7.57246 12.9033 7.22583 13.2499 7.22583 13.6774V15.2258C7.22583 15.6534 7.57246 16 8.00002 16C8.42758 16 8.7742 15.6534 8.7742 15.2259V13.6775C8.7742 13.2499 8.42758 12.9033 8.00002 12.9033Z" />
+    <path d="M8.00002 0C7.57246 0 7.22583 0.346625 7.22583 0.774188V2.32256C7.22583 2.75012 7.57246 3.09675 8.00002 3.09675C8.42758 3.09675 8.7742 2.75012 8.7742 2.32256V0.774188C8.7742 0.346625 8.42758 0 8.00002 0Z" />
+    <path d="M8.0001 4.64517C6.15035 4.64523 4.64539 6.1502 4.64539 8.00001C4.64539 9.84982 6.15026 11.3548 8.00001 11.3549C9.84991 11.3549 11.355 9.84988 11.355 8.00001C11.355 6.15013 9.85001 4.64517 8.0001 4.64517Z" />
+    <path d="M16 7.99999C16 7.57242 15.6534 7.2258 15.2259 7.2258H13.6775C13.2499 7.2258 12.9033 7.57242 12.9033 7.99999C12.9033 8.42755 13.2499 8.77417 13.6775 8.77417H15.2259C15.6534 8.77417 16 8.42755 16 7.99999Z" />
+    <path d="M0 7.99999C0 8.42755 0.346625 8.77417 0.774188 8.77417H2.32256C2.75012 8.77417 3.09675 8.42755 3.09675 7.99999C3.09675 7.57242 2.75012 7.2258 2.32256 7.2258H0.774188C0.346625 7.2258 0 7.57242 0 7.99999Z" />
+    <path d="M12.0145 4.75962C12.2126 4.75962 12.4108 4.684 12.5619 4.53284L13.6569 3.43796C13.9591 3.13562 13.9591 2.64544 13.6569 2.34309C13.3545 2.04075 12.8644 2.04075 12.5619 2.34309L11.4671 3.43796C11.1647 3.74031 11.1647 4.2305 11.4671 4.53284C11.6183 4.68402 11.8164 4.75962 12.0145 4.75962Z" />
+    <path d="M2.89062 13.8836C3.08877 13.8836 3.2869 13.808 3.43802 13.6569L4.53292 12.562C4.83527 12.2597 4.83527 11.7694 4.53292 11.4671C4.23061 11.1647 3.7404 11.1647 3.43805 11.4671L2.34315 12.562C2.04081 12.8642 2.04081 13.3545 2.34315 13.6569C2.49431 13.808 2.69246 13.8836 2.89062 13.8836Z" />
+    <path d="M12.562 11.4671C12.2597 11.1647 11.7695 11.1647 11.4671 11.4671C11.1648 11.7694 11.1648 12.2596 11.4671 12.562L12.562 13.6569C12.7133 13.808 12.9114 13.8836 13.1094 13.8836C13.3076 13.8836 13.5058 13.808 13.6569 13.6569C13.9591 13.3546 13.9591 12.8644 13.6569 12.562L12.562 11.4671Z" />
+    <path d="M3.43805 4.53284C3.58923 4.68403 3.78737 4.75963 3.98552 4.75963C4.18368 4.75963 4.3818 4.684 4.53292 4.53284C4.83527 4.2305 4.83527 3.74032 4.53292 3.43797L3.43802 2.34307C3.13573 2.04075 2.6455 2.04075 2.34315 2.34307C2.04081 2.6454 2.04081 3.13559 2.34315 3.43794L3.43805 4.53284Z" />
+  </svg>
diff --git a/src/assets/icons/charge.svg b/src/assets/icons/charge.svg
new file mode 100644
index 0000000..109976d
--- /dev/null
+++ b/src/assets/icons/charge.svg
@@ -0,0 +1,12 @@
+<svg
+    width="29"
+    height="12"
+    viewBox="0 0 29 12"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M12.7573 6.98762L12.142 0.419995C12.1171 0.15406 12.3907 -0.0543317 12.6768 0.0126378L28.8393 3.79557C29.0764 3.85104 29.0417 4.16413 28.7973 4.1762L17.2789 4.74482C17.0429 4.75647 16.8619 4.9383 16.8741 5.15137L17.2434 11.5926C17.2584 11.8538 16.9882 12.053 16.7077 11.9874L0.160717 8.11679C-0.0792939 8.06065 -0.0397734 7.74266 0.208049 7.73595L12.3429 7.40719C12.5887 7.40053 12.778 7.2089 12.7573 6.98762Z"
+      fill="currentColor"
+    />
+  </svg>
diff --git a/src/assets/icons/checkbox.svg b/src/assets/icons/checkbox.svg
new file mode 100644
index 0000000..cc17846
--- /dev/null
+++ b/src/assets/icons/checkbox.svg
@@ -0,0 +1,14 @@
+<svg
+    width="37"
+    height="28"
+    viewBox="0 0 37 28"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M3 16.0213L11.9362 24.9574L33.8936 3"
+      stroke="currentColor"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
diff --git a/src/assets/icons/cinnamon.svg b/src/assets/icons/cinnamon.svg
new file mode 100644
index 0000000..f931a5d
--- /dev/null
+++ b/src/assets/icons/cinnamon.svg
@@ -0,0 +1,13 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    style="isolation:isolate"
+    viewBox="0 0 90 87.407"
+    width="90"
+    height="87.407"
+  >
+    <path
+      d=" M 79.536 54.583 C 80.721 51.087 81.327 47.412 81.327 43.703 C 81.327 39.029 80.364 34.406 78.491 30.13 C 76.652 25.95 74.024 22.16 70.737 18.994 C 67.398 15.768 63.478 13.209 59.185 11.448 C 54.683 9.61 49.861 8.664 44.996 8.673 C 40.139 8.664 35.317 9.61 30.815 11.448 C 26.522 13.209 22.602 15.768 19.263 18.994 C 15.976 22.16 13.339 25.95 11.509 30.121 C 9.636 34.406 8.673 39.029 8.673 43.703 L 8.673 43.703 C 8.673 48.378 9.636 53.001 11.509 57.277 C 12.556 59.668 13.867 61.932 15.413 64.025 L 46.401 28.959 L 50.737 37.632 L 42.931 55.846 L 61.584 34.163 L 79.536 54.583 Z  M 0 43.703 C 0 37.832 1.214 32.03 3.565 26.652 C 5.854 21.431 9.141 16.713 13.235 12.758 C 17.372 8.76 22.22 5.594 27.537 3.417 C 33.079 1.154 39.011 -0.009 44.996 0 C 50.989 -0.009 56.921 1.154 62.463 3.417 C 67.78 5.594 72.628 8.76 76.756 12.758 C 80.859 16.713 84.146 21.431 86.435 26.644 C 88.786 32.03 90 37.832 90 43.703 C 90 49.575 88.786 55.377 86.435 60.763 C 84.146 65.976 80.859 70.694 76.756 74.649 C 72.628 78.647 67.78 81.813 62.463 83.99 C 56.921 86.253 50.989 87.416 44.996 87.407 C 39.011 87.416 33.079 86.253 27.537 83.99 C 22.22 81.813 17.372 78.647 13.235 74.649 C 9.141 70.694 5.854 65.976 3.565 60.763 C 1.214 55.377 0 49.575 0 43.703 L 0 43.703 Z "
+      fill-rule="evenodd"
+    />
+  </svg>
diff --git a/src/assets/icons/close.svg b/src/assets/icons/close.svg
new file mode 100644
index 0000000..13eccd1
--- /dev/null
+++ b/src/assets/icons/close.svg
@@ -0,0 +1,12 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    style="isolation:isolate"
+    viewBox="0 0 70.055 70.055"
+    width="70.055"
+    height="70.055"
+  >
+    <path
+      d=" M 42.013 35.028 L 68.615 8.426 C 69.532 7.499 70.055 6.246 70.055 4.933 C 70.055 3.621 69.532 2.368 68.615 1.441 C 67.687 0.523 66.434 0 65.122 0 C 63.809 0 62.556 0.523 61.629 1.441 L 35.028 28.042 L 8.426 1.441 C 7.499 0.523 6.246 0 4.933 0 C 3.621 0 2.368 0.523 1.441 1.441 C 0.523 2.368 0 3.621 0 4.933 C 0 6.246 0.523 7.499 1.441 8.426 L 28.042 35.028 L 1.441 61.629 C 0.523 62.556 0 63.809 0 65.122 C 0 66.434 0.523 67.687 1.441 68.615 C 2.368 69.532 3.621 70.055 4.933 70.055 C 6.246 70.055 7.499 69.532 8.426 68.615 L 35.028 42.013 L 61.629 68.615 C 62.556 69.532 63.809 70.055 65.122 70.055 C 66.434 70.055 67.687 69.532 68.615 68.615 C 69.532 67.687 70.055 66.434 70.055 65.122 C 70.055 63.809 69.532 62.556 68.615 61.629 L 42.013 35.028 Z "
+    />
+  </svg>
diff --git a/src/assets/icons/collapse.svg b/src/assets/icons/collapse.svg
new file mode 100644
index 0000000..ec6d74d
--- /dev/null
+++ b/src/assets/icons/collapse.svg
@@ -0,0 +1,14 @@
+<svg
+    width="18"
+    height="18"
+    viewBox="0 0 18 18"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M17.8535 0.646508C18.0488 0.84177 18.0488 1.15835 17.8535 1.35361L12.7071 6.50006H16C16.2761 6.50006 16.5 6.72391 16.5 7.00006C16.5 7.2762 16.2761 7.50006 16 7.50006L11.5 7.50006C11.2238 7.50006 11 7.2762 11 7.00006V2.50006C11 2.22391 11.2238 2.00006 11.5 2.00006C11.7761 2.00006 12 2.22391 12 2.50006V5.79295L17.1464 0.646508C17.3417 0.451245 17.6582 0.451246 17.8535 0.646508ZM11 11.0001C11 10.7239 11.2238 10.5001 11.5 10.5001H16C16.2761 10.5001 16.5 10.7239 16.5 11.0001C16.5 11.2762 16.2761 11.5001 16 11.5001H12.7071L17.8535 16.6465C18.0488 16.8418 18.0488 17.1584 17.8535 17.3536C17.6582 17.5489 17.3417 17.5489 17.1464 17.3536L12 12.2072V15.5001C12 15.7762 11.7761 16.0001 11.5 16.0001C11.2238 16.0001 11 15.7762 11 15.5001V11.0001ZM7.49981 7.00011C7.49981 7.27625 7.27596 7.50011 6.99981 7.50011L2.49981 7.50011C2.22367 7.50011 1.99981 7.27625 1.99981 7.00011C1.99981 6.72396 2.22367 6.50011 2.49981 6.50011H5.79271L0.646269 1.35367C0.451007 1.15841 0.451007 0.841823 0.646269 0.646562C0.841531 0.4513 1.15811 0.451299 1.35338 0.646562L6.49981 5.793V2.50011C6.49981 2.22396 6.72367 2.00011 6.99981 2.00011C7.27596 2.00011 7.49981 2.22396 7.49981 2.50011L7.49981 7.00011ZM6.99981 10.5002C7.27595 10.5002 7.49981 10.724 7.49981 11.0002V15.5002C7.49981 15.7763 7.27595 16.0002 6.99981 16.0002C6.72366 16.0002 6.49981 15.7763 6.49981 15.5002L6.49981 12.2073L1.35337 17.3537C1.15811 17.549 0.841525 17.549 0.646263 17.3537C0.451001 17.1584 0.451001 16.8419 0.646263 16.6466L5.7927 11.5002L2.49981 11.5002C2.22366 11.5002 1.99981 11.2763 1.99981 11.0002C1.99981 10.724 2.22366 10.5002 2.49981 10.5002H6.99981Z"
+      fill="currentColor"
+    />
+  </svg>
diff --git a/src/assets/icons/elementary.svg b/src/assets/icons/elementary.svg
new file mode 100644
index 0000000..cf93641
--- /dev/null
+++ b/src/assets/icons/elementary.svg
@@ -0,0 +1,12 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    style="isolation:isolate"
+    viewBox="0 0 100 100"
+    width="100"
+    height="100"
+  >
+    <path
+      d=" M 50 0 C 22.386 0 0 22.386 0 50 C 0 77.614 22.386 100 50 100 C 77.614 100 100 77.614 100 50 C 100 22.386 77.614 0 50 0 Z  M 50 4.167 C 70.995 4.167 88.692 18.283 94.12 37.542 C 89.445 47.184 82.793 55.865 74.693 62.88 C 70.801 66.25 66.553 69.254 61.859 71.37 C 57.166 73.485 52.004 74.685 46.865 74.391 C 43.003 74.169 39.189 73.094 35.807 71.219 C 44.769 66.363 52.855 59.888 59.474 52.135 C 63.819 47.047 67.62 41.263 69.083 34.734 C 69.815 31.47 69.939 28.051 69.255 24.776 C 68.571 21.501 67.057 18.38 64.766 15.943 C 62.527 13.561 59.588 11.874 56.437 11.005 C 53.287 10.136 49.934 10.069 46.719 10.656 C 40.288 11.831 34.547 15.569 29.943 20.208 C 21.826 28.387 16.809 39.926 17.729 51.411 C 18.189 57.154 20.114 62.797 23.411 67.521 C 24.148 68.575 24.957 69.58 25.823 70.531 C 21.019 72.213 16.045 73.409 11 74.083 C 6.669 67.085 4.167 58.835 4.167 50 C 4.167 24.687 24.687 4.167 50 4.167 Z  M 50.292 13.427 C 53.514 13.431 56.757 14.407 59.328 16.349 C 61.644 18.099 63.36 20.588 64.333 23.323 C 65.306 26.058 65.556 29.028 65.224 31.911 C 64.56 37.679 61.651 42.968 58.135 47.589 C 51.911 55.77 43.638 62.317 34.438 66.901 C 33.496 67.37 32.539 67.816 31.578 68.245 C 29.576 66.493 27.86 64.415 26.552 62.099 C 23.819 57.26 22.918 51.511 23.448 45.979 C 23.978 40.447 25.877 35.115 28.427 30.177 C 31.384 24.452 35.415 19.029 41.057 15.917 C 43.879 14.361 47.07 13.423 50.292 13.427 Z  M 95.422 43.865 C 95.69 45.872 95.833 47.919 95.833 50 C 95.833 75.313 75.313 95.833 50 95.833 C 35.784 95.833 23.079 89.362 14.672 79.203 C 19.861 78.025 24.932 76.332 29.797 74.177 C 31.924 75.797 34.273 77.126 36.771 78.083 C 43.963 80.841 52.128 80.442 59.406 77.922 C 66.685 75.402 73.139 70.88 78.766 65.62 C 85.468 59.354 91.12 51.969 95.422 43.865 Z "
+    />
+  </svg>
diff --git a/src/assets/icons/eye.svg b/src/assets/icons/eye.svg
new file mode 100644
index 0000000..8e708cd
--- /dev/null
+++ b/src/assets/icons/eye.svg
@@ -0,0 +1,32 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    version="1.0"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xml:space="preserve"
+  >
+    <path
+      stroke="currentColor"
+      stroke-width="2"
+      fill="none"
+      d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"
+    />
+    <circle
+      fill="currentColor"
+      cx="12"
+      cy="12"
+      r="3"
+    />
+    <line
+      class="slash"
+      stroke-width="2px"
+      stroke="currentColor"
+      stroke-linecap="round"
+      x1="2"
+      y1="2"
+      x2="22"
+      y2="22"
+    />
+  </svg>
diff --git a/src/assets/icons/fedora.svg b/src/assets/icons/fedora.svg
new file mode 100644
index 0000000..ce90c0a
--- /dev/null
+++ b/src/assets/icons/fedora.svg
@@ -0,0 +1,13 @@
+<svg
+    width="56"
+    fill="currentColor"
+    height="56"
+    viewBox="0 0 56 56"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M0 27.9863C0.0112 12.5316 12.5427 0.0015583 28.0001 0.0015583L27.9999 -0.00012207C43.4638 -0.00012207 56 12.5355 56 28C56 43.4604 43.4741 56.0002 28.0153 56.0002H4.34534C1.93831 56.0002 0 54.0618 0 51.6548V27.9863ZM24 19C24 11.8203 29.8203 6 37 6C37.7394 6 38.4554 6.08497 39.1603 6.20703C39.3947 6.2202 39.6267 6.26085 39.8517 6.32813L39.8557 6.32812L39.8595 6.32813C41.1286 6.70759 41.9987 7.87454 42.0001 9.19922C42.0001 10.8561 40.6569 12.1992 39.0001 12.1992C38.8061 12.1997 38.6124 12.1814 38.422 12.1445H38.418C37.9604 12.0494 37.4855 12 37 12C33.134 12 30 15.134 30 19V23.9219C30 25.9988 31.8477 26 31.8477 26H35.0859C36.6875 26.1408 37.944 27.4581 37.9453 29.1016C37.9453 30.4294 37.1227 31.5436 35.9648 32H28V39C28 46.1797 22.1797 52 15 52C14.2857 52 13.5855 51.9401 12.9023 51.8281C12.8828 51.8249 12.8663 51.8161 12.8497 51.8073C12.8365 51.8003 12.8233 51.7932 12.8086 51.7891C11.2314 51.6882 10.003 50.3812 10 48.8008C10 47.1439 11.3431 45.8008 13 45.8008C13.063 45.812 13.1236 45.8229 13.1826 45.8336C13.7039 45.928 14.1016 46 15 46C18.866 46 22 42.866 22 39V34.0781C22 32.0012 20.1523 32 20.1523 32H15.9844C14.8325 31.541 14.0195 30.4292 14.0195 29.1055C14.0191 27.4386 15.3077 26.1219 16.9453 26H24V19Z"
+    />
+  </svg>
diff --git a/src/assets/icons/gentoo.svg b/src/assets/icons/gentoo.svg
new file mode 100644
index 0000000..03513a6
--- /dev/null
+++ b/src/assets/icons/gentoo.svg
@@ -0,0 +1,21 @@
+<svg
+    width="63"
+    height="65"
+    viewBox="0 0 63 65"
+    fill="currentColor"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M27.5314 16.5725C24.0072 22.0321 32.6483 23.7106 33.9712 22.715C39.6749 18.4223 29.0841 14.1671 27.5314 16.5725Z"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M24.4059 2.6499C18.1721 3.30684 16.9782 4.10916 11.3309 8.38186C9.43819 9.81387 5.9546 13.2982 5.06203 17.4318C4.72208 19.0061 5.12391 20.3653 6.25773 21.3185C9.1679 23.7651 13.6496 25.8416 17.8811 27.8023C18.9285 28.2876 19.9607 28.7658 20.9498 29.2408C22.41 29.9419 21.4432 31.2132 19.0885 33.2517C18.3758 33.8687 17.6329 34.5018 16.8765 35.1466C11.3272 39.8763 5.04655 45.2292 4.55301 49.4281C4.28875 51.6764 5.05844 54.7314 7.78737 56.2948C10.9752 58.1211 17.5926 56.9291 22.0113 55.2836C28.4685 52.8791 36.9505 47.5725 43.6844 42.3561C50.6869 36.9318 57.1976 30.0422 57.5196 28.9185C57.9151 27.5386 57.8757 26.2641 57.1125 24.7988C55.9925 22.6485 54.5199 21.0145 52.9277 19.2479L52.9237 19.2434C52.8134 19.121 52.7024 18.9978 52.5911 18.874C47.9746 14.0071 43.0901 9.7306 37.2461 6.45347C33.026 4.08693 29.3129 2.13279 24.4059 2.6499ZM40.8649 20.0102C40.1421 25.3055 35.5199 27.453 30.1574 26.7076C27.0306 26.273 20.7773 22.7515 21.2489 16.6577C21.7025 10.7957 28.4314 9.70419 31.5307 10.553C35.2422 11.5695 41.4155 15.9766 40.8649 20.0102Z"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M6.56325 41.8314C3.30212 45.2558 1.007 49.0253 0.99999 51.7251C0.999788 51.7962 0.998666 51.8799 0.997392 51.975C0.983068 53.044 0.949533 55.5469 1.98836 57.5571C2.01458 57.6078 2.04379 57.6659 2.07636 57.7306C2.57223 58.7163 3.8487 61.2536 7.26971 63.1839C9.59988 64.4988 12.9203 64.9825 16.1703 64.5187C26.2284 63.0833 39.6988 54.5526 49.3115 46.608C55.4379 41.5448 59.9158 36.638 61.2093 34.2221C62.2529 32.2729 62.3693 28.7754 61.7639 26.5813C60.044 20.3476 46.0651 7.58081 34.6346 2.44191C30.991 0.803857 26.5641 0.294854 22.7083 0.999997C11.1199 3.11925 2.96717 13.1433 2.27665 19.7485C1.93785 22.9892 3.68459 25.4149 4.64828 26.4856C6.67729 28.7399 10.2759 30.579 13.3451 32.1475C14.2156 32.5924 15.0435 33.0155 15.781 33.4201C10.956 37.534 8.74264 39.5428 6.56325 41.8314ZM19.0364 31.1999C15.8776 33.8669 13.7774 35.6652 11.1443 38.0718C4.80338 43.8673 0.494994 48.2787 2.71622 54.3089C5.27855 61.2651 10.8954 60.9124 17.482 59.6194C34.4598 56.2709 62.3683 34.8154 60.9458 26.8905C59.7948 20.4781 44.2026 7.72933 34.9709 3.1927C32.0868 1.77543 28.763 1.04242 25.4291 1.19928C12.735 1.79843 2.82167 13.3558 3.32808 19.6178C3.73532 24.6535 14.3262 29.1536 17.8844 30.6656C18.6309 30.9827 19.0679 31.1684 19.0364 31.1999Z"
+    />
+  </svg>
diff --git a/src/assets/icons/github.svg b/src/assets/icons/github.svg
new file mode 100644
index 0000000..679169a
--- /dev/null
+++ b/src/assets/icons/github.svg
@@ -0,0 +1,14 @@
+<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M12 0C5.37 0 0 5.37 0 12C0 17.31 3.435 21.795 8.205 23.385C8.805 23.49 9.03 23.13 9.03 22.815C9.03 22.53 9.015 21.585 9.015 20.58C6 21.135 5.22 19.845 4.98 19.17C4.845 18.825 4.26 17.76 3.75 17.475C3.33 17.25 2.73 16.695 3.735 16.68C4.68 16.665 5.355 17.55 5.58 17.91C6.66 19.725 8.385 19.215 9.075 18.9C9.18 18.12 9.495 17.595 9.84 17.295C7.17 16.995 4.38 15.96 4.38 11.37C4.38 10.065 4.845 8.985 5.61 8.145C5.49 7.845 5.07 6.615 5.73 4.965C5.73 4.965 6.735 4.65 9.03 6.195C9.99 5.925 11.01 5.79 12.03 5.79C13.05 5.79 14.07 5.925 15.03 6.195C17.325 4.635 18.33 4.965 18.33 4.965C18.99 6.615 18.57 7.845 18.45 8.145C19.215 8.985 19.68 10.05 19.68 11.37C19.68 15.975 16.875 16.995 14.205 17.295C14.64 17.67 15.015 18.39 15.015 19.515C15.015 21.12 15 22.41 15 22.815C15 23.13 15.225 23.505 15.825 23.385C18.2072 22.5808 20.2773 21.0498 21.7438 19.0074C23.2103 16.9651 23.9994 14.5143 24 12C24 5.37 18.63 0 12 0Z"
+      fill="currentColor"
+    />
+  </svg>
diff --git a/src/assets/icons/gnome.svg b/src/assets/icons/gnome.svg
new file mode 100644
index 0000000..a0ea195
--- /dev/null
+++ b/src/assets/icons/gnome.svg
@@ -0,0 +1,13 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    style="isolation:isolate"
+    viewBox="0 0 81.359 100"
+    width="81.359"
+    height="100"
+  >
+    <path
+      d=" M 72.781 0 C 51.978 0 48.075 29.63 59.778 29.63 C 71.48 29.63 93.585 0 72.781 0 L 72.781 0 L 72.781 0 L 72.781 0 Z  M 38.238 25.959 C 44.469 26.339 51.305 2.179 39.594 3.699 C 27.887 5.218 32.004 25.578 38.238 25.959 L 38.238 25.959 L 38.238 25.959 L 38.238 25.959 Z  M 9.68 40.972 C 14.112 39.021 10.251 19.94 2.715 25.144 C -4.818 30.348 5.248 42.922 9.68 40.972 L 9.68 40.972 L 9.68 40.972 Z  M 22.167 30.984 C 27.443 29.909 27.732 8.268 18.324 12.15 C 8.914 16.033 16.896 32.062 22.167 30.984 L 22.167 30.984 L 22.167 30.984 Z  M 49.716 79.412 C 50.652 86.561 44.471 90.091 38.419 85.483 C 19.15 70.813 70.322 63.494 66.949 43.452 C 64.149 26.816 13.105 31.937 7.292 57.968 C 3.358 75.574 23.488 100 44.493 100 C 54.826 100 66.744 90.67 68.974 78.85 C 70.677 69.837 48.934 73.448 49.716 79.412 L 49.716 79.412 Z "
+      fill-rule="evenodd"
+    />
+  </svg>
diff --git a/src/assets/icons/heart.svg b/src/assets/icons/heart.svg
new file mode 100644
index 0000000..4ff0110
--- /dev/null
+++ b/src/assets/icons/heart.svg
@@ -0,0 +1,9 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    style="isolation:isolate"
+    viewBox="0 0 43 40"
+  >
+    <path
+      d="M20 4c-2-2-5-4-9-4C5 0 0 5 0 12q0 9 20 23 20-13 20-23c0-9-5-12-11-12-4 0-7 2-9 4z"
+    />
+  </svg>
diff --git a/src/assets/icons/hibernate.svg b/src/assets/icons/hibernate.svg
new file mode 100644
index 0000000..76d1bbd
--- /dev/null
+++ b/src/assets/icons/hibernate.svg
@@ -0,0 +1,19 @@
+<svg
+    width="26"
+    height="26"
+    viewBox="0 0 26 26"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M25 13C25 19.6274 19.6274 25 13 25C6.37258 25 1 19.6274 1 13C1 6.37258 6.37258 1 13 1C19.6274 1 25 6.37258 25 13Z"
+      stroke="currentColor"
+      stroke-width="2"
+    />
+    <path
+      d="M13 7L13 19"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+    />
+  </svg>
diff --git a/src/assets/icons/i3.svg b/src/assets/icons/i3.svg
new file mode 100644
index 0000000..baf858e
--- /dev/null
+++ b/src/assets/icons/i3.svg
@@ -0,0 +1,13 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    style="isolation:isolate"
+    viewBox="0 0 106.903 106.903"
+    width="106.903"
+    height="106.903"
+  >
+    <path
+      d=" M 24.85 34.532 C 21.923 31.605 21.923 26.852 24.85 23.925 C 27.777 20.998 32.529 20.998 35.456 23.925 C 38.383 26.852 38.383 31.605 35.456 34.532 C 32.529 37.459 27.777 37.459 24.85 34.532 L 24.85 34.532 L 24.85 34.532 L 24.85 34.532 Z  M 2.195 57.186 C -0.732 54.259 -0.732 49.507 2.195 46.58 C 5.122 43.653 9.875 43.653 12.802 46.58 C 15.729 49.507 15.729 54.259 12.802 57.186 C 9.875 60.113 5.122 60.113 2.195 57.186 L 2.195 57.186 L 2.195 57.186 L 2.195 57.186 Z  M 46.58 12.802 C 43.653 9.875 43.653 5.122 46.58 2.195 C 49.507 -0.732 54.259 -0.732 57.186 2.195 C 60.113 5.122 60.113 9.875 57.186 12.802 C 54.259 15.729 49.507 15.729 46.58 12.802 L 46.58 12.802 L 46.58 12.802 Z  M 74.871 64.258 C 76.278 65.665 77.063 67.581 77.063 69.561 C 77.063 71.555 76.271 73.464 74.871 74.864 C 73.464 76.272 71.555 77.064 69.561 77.064 C 67.581 77.064 65.672 76.272 64.264 74.864 L 38.851 49.451 C 37.444 48.044 36.652 46.135 36.652 44.155 C 36.652 42.161 37.444 40.252 38.851 38.844 C 40.251 37.444 42.16 36.652 44.154 36.652 C 46.134 36.652 48.05 37.437 49.458 38.844 L 74.871 64.258 L 74.871 64.258 Z  M 61.04 27.262 C 59.633 25.855 58.841 23.946 58.848 21.959 C 58.841 19.972 59.633 18.063 61.04 16.655 C 62.447 15.248 64.356 14.456 66.343 14.463 C 68.33 14.456 70.239 15.248 71.647 16.655 L 95.519 40.527 C 102.809 47.818 106.903 57.71 106.903 68.02 C 106.903 78.329 102.802 88.229 95.519 95.512 C 88.228 102.802 78.329 106.903 68.019 106.903 C 57.71 106.903 47.817 102.809 40.527 95.519 L 16.655 71.647 C 15.248 70.24 14.456 68.331 14.463 66.344 C 14.456 64.357 15.248 62.448 16.655 61.041 C 18.062 59.633 19.971 58.841 21.958 58.848 C 23.945 58.841 25.854 59.633 27.261 61.041 L 51.133 84.912 C 55.609 89.388 61.691 91.906 68.026 91.906 C 74.348 91.906 80.429 89.388 84.912 84.905 C 89.388 80.429 91.905 74.348 91.905 68.027 C 91.905 61.691 89.388 55.61 84.912 51.134 L 61.04 27.262 Z "
+      fill-rule="evenodd"
+    />
+  </svg>
diff --git a/src/assets/icons/kodi.svg b/src/assets/icons/kodi.svg
new file mode 100644
index 0000000..807da00
--- /dev/null
+++ b/src/assets/icons/kodi.svg
@@ -0,0 +1,13 @@
+<svg
+    width="60"
+    height="60"
+    viewBox="0 0 60 60"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M25.6801 1.761C26.8551 0.586002 28.4281 0 29.9991 0C31.5711 0 33.1431 0.586002 34.3181 1.761L44.2971 11.742L16.0001 40.034V11.441L25.6801 1.761ZM10.0001 17.445L1.76013 25.683C-0.588873 28.033 -0.585875 31.964 1.76412 34.314L10.0001 42.546V17.445ZM16.0001 48.55L25.6841 58.236C28.0331 60.586 31.9681 60.589 34.3181 58.24L44.0821 48.472L30.0621 34.452L16.0001 48.519V48.55ZM48.3281 44.226L58.2381 34.317C60.5871 31.968 60.5871 28.033 58.2381 25.683L48.5391 15.984L34.3091 30.21L48.3281 44.226Z"
+    />
+  </svg>
diff --git a/src/assets/icons/linux-mint.svg b/src/assets/icons/linux-mint.svg
new file mode 100644
index 0000000..b56f4f0
--- /dev/null
+++ b/src/assets/icons/linux-mint.svg
@@ -0,0 +1,14 @@
+<svg
+    width="19"
+    height="16"
+    fill="currentColor"
+    viewBox="0 0 19 16"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M0.515625 0.078125V4.76562H2.85938V9.45312C2.85938 12.5781 4.8125 15.3125 7.9375 15.3125H18.0938V5.54688C18.0938 2.33359 15.4476 0.0935957 12.2344 0.078125H0.515625ZM1.6875 1.25H12.2344C14.8184 1.25 16.9219 2.96289 16.9219 5.54688V14.1406H7.9375C5.59375 14.1406 4.03125 11.7969 4.03125 9.45312V5.15625C4.03125 3.99816 3.58116 3.59375 2.46875 3.59375H1.6875V1.25Z"
+    />
+    <path
+      d="M5.59375 2.42186V10.2344C5.59375 11.7969 6.76563 12.5781 7.9375 12.5781H13.4063C14.7047 12.5781 15.3594 11.9234 15.3594 10.625V5.54688C15.3594 4.57071 14.3562 3.98438 13.4063 3.98438C12.8308 3.98438 12.3995 4.24115 12.0271 4.62289C11.6547 4.24115 11.2473 3.98438 10.6719 3.98438C9.64203 3.98438 8.71875 4.58488 8.71875 5.54688V9.45313H9.89063V5.93753C9.89063 5.45214 10.1865 5.15628 10.6719 5.15628C11.1573 5.15628 11.4531 5.45213 11.4531 5.93753V9.45313H12.625V5.93749C12.625 5.4521 12.9208 5.15626 13.4063 5.15626C13.8917 5.15626 14.1875 5.4521 14.1875 5.93749V10.625C14.1875 11.2742 14.0555 11.4062 13.4063 11.4062L7.9375 11.4063C7.15625 11.4063 6.76563 10.625 6.76563 9.84376V2.42188L5.59375 2.42186Z"
+    />
+  </svg>
diff --git a/src/assets/icons/loader.svg b/src/assets/icons/loader.svg
new file mode 100644
index 0000000..dcee328
--- /dev/null
+++ b/src/assets/icons/loader.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
+  <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-dasharray="31.4 31.4" transform-origin="center">
+    <animateTransform attributeName="transform" type="rotate" from="0" to="360" dur="0.8s" repeatCount="indefinite"/>
+  </circle>
+</svg>
diff --git a/src/assets/icons/mate.svg b/src/assets/icons/mate.svg
new file mode 100644
index 0000000..8b0bb99
--- /dev/null
+++ b/src/assets/icons/mate.svg
@@ -0,0 +1,13 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    style="isolation:isolate"
+    viewBox="0 0 97.338 94.68"
+    width="97.338"
+    height="94.68"
+  >
+    <path
+      d=" M 0 78.895 L 0 48.096 L 0 17.297 L 26.673 32.697 L 53.345 48.096 L 26.673 63.496 L 0 78.895 L 0 78.895 Z  M 20.588 21.19 L 18.548 23.88 L 11.958 18.85 L 14.618 15.86 C 15.578 14.79 16.578 13.76 17.628 12.78 C 22.048 8.63 27.228 5.37 32.878 3.18 C 38.338 1.08 44.138 0 49.988 0 C 56.348 0 62.648 1.27 68.518 3.75 C 74.588 6.33 80.048 10.15 84.558 14.97 C 88.698 19.39 91.958 24.57 94.148 30.22 C 96.258 35.68 97.338 41.48 97.338 47.33 C 97.338 53.69 96.058 59.99 93.578 65.86 C 90.998 71.93 87.178 77.39 82.358 81.9 C 77.938 86.04 72.768 89.3 67.108 91.49 C 61.658 93.6 55.858 94.68 50.008 94.68 C 43.638 94.68 37.338 93.4 31.478 90.92 C 25.408 88.34 19.938 84.52 15.438 79.7 L 12.708 76.78 L 19.438 72.01 L 21.278 74.24 C 25.018 78.24 29.558 81.41 34.598 83.56 C 39.478 85.62 44.718 86.68 50.008 86.68 C 54.868 86.68 59.688 85.78 64.228 84.03 C 68.918 82.21 73.218 79.5 76.898 76.06 C 80.898 72.31 84.068 67.78 86.218 62.73 C 88.278 57.86 89.338 52.62 89.338 47.33 C 89.338 42.47 88.438 37.65 86.688 33.11 C 84.868 28.41 82.158 24.11 78.718 20.44 C 74.968 16.44 70.438 13.26 65.388 11.12 C 60.518 9.06 55.278 8 49.988 8 C 45.128 8 40.298 8.89 35.768 10.64 C 31.068 12.47 26.768 15.17 23.098 18.62 C 22.228 19.44 21.388 20.29 20.588 21.19 L 20.588 21.19 Z  M 31.148 29.39 L 29.178 31.36 L 22.598 26.78 L 25.358 23.88 C 31.778 17.13 40.708 13.3 50.028 13.3 C 58.758 13.3 67.158 16.66 73.478 22.67 C 80.238 29.09 84.058 38.02 84.058 47.34 C 84.058 56.07 80.708 64.47 74.698 70.8 C 68.268 77.55 59.338 81.38 50.018 81.37 C 41.288 81.37 32.888 78.02 26.568 72.01 L 23.668 69.25 L 30.689 64.971 L 32.078 66.21 C 36.918 70.81 43.348 73.38 50.018 73.37 C 57.148 73.38 63.978 70.45 68.898 65.28 C 73.498 60.44 76.058 54.02 76.058 47.34 C 76.058 40.21 73.138 33.38 67.968 28.47 C 63.128 23.87 56.708 21.3 50.028 21.3 C 42.898 21.3 36.068 24.23 31.148 29.39 Z "
+      fill-rule="evenodd"
+    />
+  </svg>
diff --git a/src/assets/icons/openbox.svg b/src/assets/icons/openbox.svg
new file mode 100644
index 0000000..4d074ea
--- /dev/null
+++ b/src/assets/icons/openbox.svg
@@ -0,0 +1,10 @@
+<svg
+    width="511"
+    height="491"
+    viewBox="0 0 511 491"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M506.575 227.66L453.569 163.874L497.007 103.095C504.153 93.0988 500.157 79.0326 488.82 74.2841L314.93 1.48904C306.681 -1.96514 297.145 0.744401 291.944 8.01923L255.499 59.0093L219.051 8.01923C213.854 0.744401 204.318 -1.96514 196.069 1.48904L22.1787 74.2841C10.8415 79.0326 6.84148 93.0949 13.9916 103.095L57.43 163.874L4.42434 227.66C-3.79786 237.551 -0.10976 252.603 11.7615 257.574L62.4475 278.794V398.47C62.4475 406.193 67.0869 413.16 74.2097 416.142L248.1 488.941C252.833 490.922 258.166 490.922 262.895 488.941L436.789 416.142C443.912 413.16 448.547 406.193 448.547 398.47V278.794L499.237 257.574C511.105 252.607 514.801 237.554 506.575 227.66ZM314.232 42.7326L451.873 100.354L422.696 141.181L285.047 83.5589L314.232 42.7326ZM255.499 216.783L131.215 164.755L255.499 112.725L379.784 164.755L255.499 216.783ZM196.771 42.7326L225.948 83.5589L88.3071 141.181L59.1259 100.354L196.771 42.7326ZM87.2817 187.898L224.217 245.223L187.375 289.554C174.159 284.022 63.5664 237.726 50.4437 232.229L87.2817 187.898ZM410.236 385.725L255.499 450.501L100.763 385.725V294.833L185.652 330.373C193.422 333.624 202.404 331.422 207.784 324.946L255.499 267.527L303.215 324.946C308.606 331.433 317.593 333.616 325.347 330.373L410.236 294.833V385.725ZM323.624 289.554L286.782 245.223L423.717 187.898L460.559 232.229C447.425 237.73 336.86 284.014 323.624 289.554Z"
+    />
+  </svg>
diff --git a/src/assets/icons/plasma.svg b/src/assets/icons/plasma.svg
new file mode 100644
index 0000000..6256a9c
--- /dev/null
+++ b/src/assets/icons/plasma.svg
@@ -0,0 +1,13 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    style="isolation:isolate"
+    viewBox="0 0 89.753 100"
+    width="89.753"
+    height="100"
+  >
+    <path
+      d=" M 41.1 56.122 L 41.1 6.412 C 41.1 4.58 41.698 3.053 42.892 1.832 C 44.086 0.611 45.628 0 47.516 0 C 49.405 0 50.932 0.569 52.099 1.707 C 53.293 2.845 53.89 4.413 53.89 6.412 L 53.89 24.98 L 74.887 2.415 C 76.359 0.805 78.011 0 79.844 0 C 81.538 0 83.01 0.583 84.26 1.748 C 85.538 2.886 86.176 4.385 86.176 6.245 C 86.176 7.3 85.843 8.34 85.177 9.367 C 84.51 10.367 83.441 11.602 81.969 13.073 L 65.846 29.102 L 85.552 49.877 C 86.69 50.959 87.565 52.014 88.176 53.041 C 88.815 54.04 89.134 55.15 89.134 56.372 C 89.134 58.315 88.496 59.799 87.218 60.826 C 85.94 61.826 84.357 62.325 82.469 62.325 C 81.358 62.325 80.344 62.02 79.428 61.409 C 78.539 60.799 77.4 59.772 76.011 58.328 L 53.89 34.181 L 53.89 56.122 C 53.89 57.87 53.293 59.342 52.099 60.535 C 50.904 61.729 49.377 62.325 47.516 62.325 C 45.655 62.325 44.114 61.756 42.892 60.618 C 41.698 59.48 41.1 57.981 41.1 56.122 L 41.1 56.122 Z  M 9.756 80.339 L 17.951 88.919 L 31.219 79.949 L 41.755 84.629 L 45.267 100 L 56.584 99.896 L 59.705 84.125 L 70.242 79.949 L 83.51 88.529 L 89.753 79.949 L 74.696 65.748 C 36.102 101.124 2.752 46.602 35.901 23.792 L 35.901 15.602 L 31.999 17.552 L 19.902 9.866 L 11.545 16.724 L 19.121 29.641 L 14.829 40.171 L 0.046 42.625 L 0 53.82 L 15.219 57.72 L 19.414 67.957 L 9.756 80.339 L 9.756 80.339 Z "
+      fill-rule="evenodd"
+    />
+  </svg>
diff --git a/src/assets/icons/restart.svg b/src/assets/icons/restart.svg
new file mode 100644
index 0000000..f1e6f2c
--- /dev/null
+++ b/src/assets/icons/restart.svg
@@ -0,0 +1,11 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    style="isolation:isolate"
+    viewBox="1137.995 728.973 31.153 35"
+    fill="currentColor"
+  >
+    <path
+      d=" M 1149.413 733.396 C 1146.299 734.257 1143.525 736.065 1141.473 738.582 C 1139.223 741.359 1137.995 744.819 1137.995 748.392 C 1137.995 749.474 1138.107 750.555 1138.332 751.619 C 1139.067 755.106 1140.988 758.246 1143.756 760.495 C 1146.525 762.745 1149.994 763.973 1153.558 763.973 C 1154.648 763.973 1155.73 763.861 1156.785 763.636 C 1160.28 762.901 1163.412 760.989 1165.661 758.212 C 1167.911 755.443 1169.148 751.983 1169.148 748.41 C 1169.148 747.328 1169.035 746.247 1168.81 745.183 C 1168.239 742.484 1166.959 739.975 1165.099 737.933 C 1164.796 737.596 1164.364 737.388 1163.905 737.371 C 1163.447 737.345 1162.997 737.509 1162.659 737.82 C 1162.322 738.123 1162.114 738.556 1162.097 739.014 C 1162.071 739.473 1162.236 739.923 1162.538 740.26 C 1163.983 741.852 1164.978 743.799 1165.419 745.901 C 1165.592 746.723 1165.687 747.562 1165.687 748.41 C 1165.687 751.187 1164.727 753.877 1162.98 756.031 C 1161.223 758.186 1158.792 759.682 1156.076 760.253 C 1155.245 760.426 1154.406 760.513 1153.558 760.513 C 1150.781 760.513 1148.091 759.552 1145.937 757.805 C 1143.782 756.057 1142.294 753.618 1141.723 750.901 C 1141.542 750.079 1141.455 749.232 1141.455 748.392 C 1141.455 745.615 1142.415 742.925 1144.163 740.762 C 1145.655 738.923 1147.652 737.569 1149.895 736.857 L 1150.26 739.479 C 1150.433 740.719 1151.382 741.11 1152.378 740.351 L 1156.037 737.561 L 1159.695 734.772 C 1160.691 734.013 1160.556 733.019 1159.392 732.554 L 1155.1 730.84 L 1150.809 729.126 C 1149.645 728.662 1148.841 729.292 1149.014 730.533 L 1149.413 733.396 Z "
+    />
+  </svg>
diff --git a/src/assets/icons/settings.svg b/src/assets/icons/settings.svg
new file mode 100644
index 0000000..5c85c29
--- /dev/null
+++ b/src/assets/icons/settings.svg
@@ -0,0 +1,12 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    style="isolation:isolate"
+    viewBox="1303.7 727.244 33.56 33.464"
+    fill="currentColor"
+  >
+    <path
+      d="M 1320.75 751.23 C 1318.75 751.23 1316.83 750.43 1315.42 749.02 C 1314 747.6 1313.21 745.68 1313.21 743.68 C 1313.21 741.68 1314 739.76 1315.42 738.35 C 1316.83 736.93 1318.75 736.14 1320.75 736.14 C 1322.75 736.14 1324.68 736.93 1326.09 738.35 C 1327.5 739.76 1328.3 741.68 1328.3 743.68 C 1328.3 745.68 1327.5 747.6 1326.09 749.02 C 1324.68 750.43 1322.75 751.23 1320.75 751.23 L 1320.75 751.23 Z  M 1328.594 757.292 L 1327.093 756.466 C 1325.288 755.474 1323.006 756.128 1322.002 757.926 L 1321.166 759.422 C 1320.161 761.22 1318.74 761.121 1317.996 759.2 L 1317.376 757.603 C 1316.631 755.682 1314.463 754.717 1312.538 755.449 L 1310.936 756.057 C 1309.01 756.789 1307.986 755.8 1308.65 753.85 L 1309.202 752.228 C 1309.866 750.278 1308.826 748.145 1306.88 747.467 L 1305.262 746.904 C 1303.317 746.227 1303.168 744.81 1304.93 743.743 L 1306.396 742.856 C 1308.158 741.789 1308.732 739.486 1307.677 737.717 L 1306.8 736.245 C 1305.745 734.476 1306.541 733.295 1308.577 733.611 L 1310.27 733.873 C 1312.306 734.188 1314.226 732.793 1314.555 730.759 L 1314.829 729.068 C 1315.158 727.035 1316.527 726.642 1317.884 728.192 L 1319.012 729.481 C 1320.369 731.032 1322.736 731.197 1324.296 729.851 L 1325.593 728.731 C 1327.152 727.385 1328.453 727.964 1328.496 730.024 L 1328.531 731.737 C 1328.574 733.796 1330.282 735.445 1332.341 735.416 L 1334.055 735.392 C 1336.114 735.363 1336.739 736.643 1335.448 738.248 L 1334.374 739.584 C 1333.083 741.189 1333.331 743.549 1334.928 744.851 L 1336.255 745.934 C 1337.852 747.236 1337.507 748.617 1335.487 749.017 L 1333.806 749.35 C 1331.785 749.75 1330.458 751.718 1330.844 753.741 L 1331.165 755.424 C 1331.551 757.448 1330.399 758.285 1328.594 757.292 L 1328.594 757.292 Z "
+      fill-rule="evenodd"
+    />
+  </svg>
diff --git a/src/assets/icons/shutdown.svg b/src/assets/icons/shutdown.svg
new file mode 100644
index 0000000..8b204b4
--- /dev/null
+++ b/src/assets/icons/shutdown.svg
@@ -0,0 +1,12 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    style="isolation:isolate"
+    viewBox="1032.87 723.63 35 37.465"
+    fill="currentColor"
+  >
+    <path
+      d="M 1054.626 730.926 L 1054.626 726.495 L 1056.575 727.236 C 1059.899 728.494 1062.756 730.735 1064.772 733.658 C 1066.787 736.582 1067.87 740.047 1067.87 743.604 C 1067.87 745.719 1067.479 747.827 1066.729 749.801 C 1065.463 753.124 1063.222 755.981 1060.299 757.997 C 1057.375 760.012 1053.91 761.095 1050.362 761.095 C 1048.238 761.095 1046.139 760.704 1044.156 759.954 C 1040.841 758.688 1037.976 756.447 1035.96 753.524 C 1033.945 750.6 1032.87 747.135 1032.87 743.587 C 1032.87 741.463 1033.253 739.364 1034.011 737.382 C 1035.66 733.05 1038.959 729.535 1043.19 727.636 L 1045.089 726.787 L 1045.089 730.926 C 1041.866 732.376 1039.159 735.557 1037.901 738.864 C 1037.326 740.372 1037.035 741.971 1037.035 743.587 C 1037.035 746.294 1037.851 748.934 1039.392 751.167 C 1040.933 753.391 1043.107 755.098 1045.639 756.056 C 1047.147 756.631 1048.746 756.931 1050.362 756.931 C 1053.069 756.931 1055.709 756.106 1057.941 754.573 C 1060.165 753.032 1061.873 750.85 1062.831 748.326 C 1063.405 746.819 1063.705 745.211 1063.705 743.604 C 1063.705 740.897 1062.881 738.248 1061.348 736.024 C 1059.807 733.8 1057.15 731.884 1054.626 730.926 Z  M 1052.26 726.15 L 1052.16 743.56 C 1052.15 744.22 1051.89 744.85 1051.41 745.32 C 1050.94 745.79 1050.31 746.05 1049.64 746.04 C 1048.98 746.04 1048.34 745.77 1047.88 745.3 C 1047.41 744.83 1047.15 744.19 1047.16 743.53 L 1047.26 726.12 C 1047.26 725.45 1047.53 724.82 1048 724.35 C 1048.47 723.89 1049.11 723.63 1049.77 723.63 C 1050.43 723.63 1051.07 723.9 1051.53 724.37 C 1052 724.84 1052.26 725.48 1052.26 726.15 Z"
+      fill-rule="evenodd"
+    />
+  </svg>
diff --git a/src/assets/icons/suprematism-bottom-left-pattern.svg b/src/assets/icons/suprematism-bottom-left-pattern.svg
new file mode 100644
index 0000000..1460136
--- /dev/null
+++ b/src/assets/icons/suprematism-bottom-left-pattern.svg
@@ -0,0 +1,344 @@
+<svg
+    width="198"
+    height="348"
+    viewBox="0 0 198 348"
+    fill="var(--color-active)"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M189 18C193.971 18 198 13.9706 198 9C198 4.02944 193.971 0 189 0C184.029 0 180 4.02944 180 9C180 13.9706 184.029 18 189 18Z"
+      fill="black"
+    />
+    <path
+      d="M189 48C193.971 48 198 43.9706 198 39C198 34.0294 193.971 30 189 30C184.029 30 180 34.0294 180 39C180 43.9706 184.029 48 189 48Z"
+      fill="black"
+    />
+    <path
+      d="M189 78C193.971 78 198 73.9706 198 69C198 64.0294 193.971 60 189 60C184.029 60 180 64.0294 180 69C180 73.9706 184.029 78 189 78Z"
+      fill="black"
+    />
+    <path
+      d="M189 108C193.971 108 198 103.971 198 99C198 94.0294 193.971 90 189 90C184.029 90 180 94.0294 180 99C180 103.971 184.029 108 189 108Z"
+      fill="black"
+    />
+    <path
+      d="M189 138C193.971 138 198 133.971 198 129C198 124.029 193.971 120 189 120C184.029 120 180 124.029 180 129C180 133.971 184.029 138 189 138Z"
+      fill="black"
+    />
+    <path
+      d="M189 168C193.971 168 198 163.971 198 159C198 154.029 193.971 150 189 150C184.029 150 180 154.029 180 159C180 163.971 184.029 168 189 168Z"
+      fill="black"
+    />
+    <path
+      d="M189 198C193.971 198 198 193.971 198 189C198 184.029 193.971 180 189 180C184.029 180 180 184.029 180 189C180 193.971 184.029 198 189 198Z"
+      fill="black"
+    />
+    <path
+      d="M189 228C193.971 228 198 223.971 198 219C198 214.029 193.971 210 189 210C184.029 210 180 214.029 180 219C180 223.971 184.029 228 189 228Z"
+      fill="black"
+    />
+    <path
+      d="M189 258C193.971 258 198 253.971 198 249C198 244.029 193.971 240 189 240C184.029 240 180 244.029 180 249C180 253.971 184.029 258 189 258Z"
+      fill="black"
+    />
+    <path
+      d="M189 288C193.971 288 198 283.971 198 279C198 274.029 193.971 270 189 270C184.029 270 180 274.029 180 279C180 283.971 184.029 288 189 288Z"
+      fill="black"
+    />
+    <path
+      d="M189 318C193.971 318 198 313.971 198 309C198 304.029 193.971 300 189 300C184.029 300 180 304.029 180 309C180 313.971 184.029 318 189 318Z"
+      fill="black"
+    />
+    <path
+      d="M189 348C193.971 348 198 343.971 198 339C198 334.029 193.971 330 189 330C184.029 330 180 334.029 180 339C180 343.971 184.029 348 189 348Z"
+      fill="black"
+    />
+    <path
+      d="M159 18C163.971 18 168 13.9706 168 9C168 4.02944 163.971 0 159 0C154.029 0 150 4.02944 150 9C150 13.9706 154.029 18 159 18Z"
+      fill="black"
+    />
+    <path
+      d="M159 48C163.971 48 168 43.9706 168 39C168 34.0294 163.971 30 159 30C154.029 30 150 34.0294 150 39C150 43.9706 154.029 48 159 48Z"
+      fill="black"
+    />
+    <path
+      d="M159 78C163.971 78 168 73.9706 168 69C168 64.0294 163.971 60 159 60C154.029 60 150 64.0294 150 69C150 73.9706 154.029 78 159 78Z"
+      fill="black"
+    />
+    <path
+      d="M159 108C163.971 108 168 103.971 168 99C168 94.0294 163.971 90 159 90C154.029 90 150 94.0294 150 99C150 103.971 154.029 108 159 108Z"
+      fill="black"
+    />
+    <path
+      d="M159 138C163.971 138 168 133.971 168 129C168 124.029 163.971 120 159 120C154.029 120 150 124.029 150 129C150 133.971 154.029 138 159 138Z"
+      fill="black"
+    />
+    <path
+      d="M159 168C163.971 168 168 163.971 168 159C168 154.029 163.971 150 159 150C154.029 150 150 154.029 150 159C150 163.971 154.029 168 159 168Z"
+      fill="black"
+    />
+    <path
+      d="M159 198C163.971 198 168 193.971 168 189C168 184.029 163.971 180 159 180C154.029 180 150 184.029 150 189C150 193.971 154.029 198 159 198Z"
+      fill="black"
+    />
+    <path
+      d="M159 228C163.971 228 168 223.971 168 219C168 214.029 163.971 210 159 210C154.029 210 150 214.029 150 219C150 223.971 154.029 228 159 228Z"
+      fill="black"
+    />
+    <path
+      d="M159 258C163.971 258 168 253.971 168 249C168 244.029 163.971 240 159 240C154.029 240 150 244.029 150 249C150 253.971 154.029 258 159 258Z"
+      fill="black"
+    />
+    <path
+      d="M159 288C163.971 288 168 283.971 168 279C168 274.029 163.971 270 159 270C154.029 270 150 274.029 150 279C150 283.971 154.029 288 159 288Z"
+      fill="black"
+    />
+    <path
+      d="M159 318C163.971 318 168 313.971 168 309C168 304.029 163.971 300 159 300C154.029 300 150 304.029 150 309C150 313.971 154.029 318 159 318Z"
+      fill="black"
+    />
+    <path
+      d="M159 348C163.971 348 168 343.971 168 339C168 334.029 163.971 330 159 330C154.029 330 150 334.029 150 339C150 343.971 154.029 348 159 348Z"
+      fill="black"
+    />
+    <path
+      d="M129 18C133.971 18 138 13.9706 138 9C138 4.02944 133.971 0 129 0C124.029 0 120 4.02944 120 9C120 13.9706 124.029 18 129 18Z"
+      fill="black"
+    />
+    <path
+      d="M129 48C133.971 48 138 43.9706 138 39C138 34.0294 133.971 30 129 30C124.029 30 120 34.0294 120 39C120 43.9706 124.029 48 129 48Z"
+      fill="black"
+    />
+    <path
+      d="M129 78C133.971 78 138 73.9706 138 69C138 64.0294 133.971 60 129 60C124.029 60 120 64.0294 120 69C120 73.9706 124.029 78 129 78Z"
+      fill="black"
+    />
+    <path
+      d="M129 108C133.971 108 138 103.971 138 99C138 94.0294 133.971 90 129 90C124.029 90 120 94.0294 120 99C120 103.971 124.029 108 129 108Z"
+      fill="black"
+    />
+    <path
+      d="M129 138C133.971 138 138 133.971 138 129C138 124.029 133.971 120 129 120C124.029 120 120 124.029 120 129C120 133.971 124.029 138 129 138Z"
+      fill="black"
+    />
+    <path
+      d="M129 168C133.971 168 138 163.971 138 159C138 154.029 133.971 150 129 150C124.029 150 120 154.029 120 159C120 163.971 124.029 168 129 168Z"
+      fill="black"
+    />
+    <path
+      d="M129 198C133.971 198 138 193.971 138 189C138 184.029 133.971 180 129 180C124.029 180 120 184.029 120 189C120 193.971 124.029 198 129 198Z"
+      fill="black"
+    />
+    <path
+      d="M129 228C133.971 228 138 223.971 138 219C138 214.029 133.971 210 129 210C124.029 210 120 214.029 120 219C120 223.971 124.029 228 129 228Z"
+      fill="black"
+    />
+    <path
+      d="M129 258C133.971 258 138 253.971 138 249C138 244.029 133.971 240 129 240C124.029 240 120 244.029 120 249C120 253.971 124.029 258 129 258Z"
+      fill="black"
+    />
+    <path
+      d="M129 288C133.971 288 138 283.971 138 279C138 274.029 133.971 270 129 270C124.029 270 120 274.029 120 279C120 283.971 124.029 288 129 288Z"
+      fill="black"
+    />
+    <path
+      d="M129 318C133.971 318 138 313.971 138 309C138 304.029 133.971 300 129 300C124.029 300 120 304.029 120 309C120 313.971 124.029 318 129 318Z"
+      fill="black"
+    />
+    <path
+      d="M129 348C133.971 348 138 343.971 138 339C138 334.029 133.971 330 129 330C124.029 330 120 334.029 120 339C120 343.971 124.029 348 129 348Z"
+      fill="black"
+    />
+    <path
+      d="M99 18C103.971 18 108 13.9706 108 9C108 4.02944 103.971 0 99 0C94.0294 0 90 4.02944 90 9C90 13.9706 94.0294 18 99 18Z"
+      fill="black"
+    />
+    <path
+      d="M99 48C103.971 48 108 43.9706 108 39C108 34.0294 103.971 30 99 30C94.0294 30 90 34.0294 90 39C90 43.9706 94.0294 48 99 48Z"
+      fill="black"
+    />
+    <path
+      d="M99 78C103.971 78 108 73.9706 108 69C108 64.0294 103.971 60 99 60C94.0294 60 90 64.0294 90 69C90 73.9706 94.0294 78 99 78Z"
+      fill="black"
+    />
+    <path
+      d="M99 108C103.971 108 108 103.971 108 99C108 94.0294 103.971 90 99 90C94.0294 90 90 94.0294 90 99C90 103.971 94.0294 108 99 108Z"
+      fill="black"
+    />
+    <path
+      d="M99 138C103.971 138 108 133.971 108 129C108 124.029 103.971 120 99 120C94.0294 120 90 124.029 90 129C90 133.971 94.0294 138 99 138Z"
+      fill="black"
+    />
+    <path
+      d="M99 168C103.971 168 108 163.971 108 159C108 154.029 103.971 150 99 150C94.0294 150 90 154.029 90 159C90 163.971 94.0294 168 99 168Z"
+      fill="black"
+    />
+    <path
+      d="M99 198C103.971 198 108 193.971 108 189C108 184.029 103.971 180 99 180C94.0294 180 90 184.029 90 189C90 193.971 94.0294 198 99 198Z"
+      fill="black"
+    />
+    <path
+      d="M99 228C103.971 228 108 223.971 108 219C108 214.029 103.971 210 99 210C94.0294 210 90 214.029 90 219C90 223.971 94.0294 228 99 228Z"
+      fill="black"
+    />
+    <path
+      d="M99 258C103.971 258 108 253.971 108 249C108 244.029 103.971 240 99 240C94.0294 240 90 244.029 90 249C90 253.971 94.0294 258 99 258Z"
+      fill="black"
+    />
+    <path
+      d="M99 288C103.971 288 108 283.971 108 279C108 274.029 103.971 270 99 270C94.0294 270 90 274.029 90 279C90 283.971 94.0294 288 99 288Z"
+      fill="black"
+    />
+    <path
+      d="M99 318C103.971 318 108 313.971 108 309C108 304.029 103.971 300 99 300C94.0294 300 90 304.029 90 309C90 313.971 94.0294 318 99 318Z"
+      fill="black"
+    />
+    <path
+      d="M99 348C103.971 348 108 343.971 108 339C108 334.029 103.971 330 99 330C94.0294 330 90 334.029 90 339C90 343.971 94.0294 348 99 348Z"
+      fill="black"
+    />
+    <path
+      d="M69 18C73.9706 18 78 13.9706 78 9C78 4.02944 73.9706 0 69 0C64.0294 0 60 4.02944 60 9C60 13.9706 64.0294 18 69 18Z"
+      fill="black"
+    />
+    <path
+      d="M69 48C73.9706 48 78 43.9706 78 39C78 34.0294 73.9706 30 69 30C64.0294 30 60 34.0294 60 39C60 43.9706 64.0294 48 69 48Z"
+      fill="black"
+    />
+    <path
+      d="M69 78C73.9706 78 78 73.9706 78 69C78 64.0294 73.9706 60 69 60C64.0294 60 60 64.0294 60 69C60 73.9706 64.0294 78 69 78Z"
+      fill="black"
+    />
+    <path
+      d="M69 108C73.9706 108 78 103.971 78 99C78 94.0294 73.9706 90 69 90C64.0294 90 60 94.0294 60 99C60 103.971 64.0294 108 69 108Z"
+      fill="black"
+    />
+    <path
+      d="M69 138C73.9706 138 78 133.971 78 129C78 124.029 73.9706 120 69 120C64.0294 120 60 124.029 60 129C60 133.971 64.0294 138 69 138Z"
+      fill="black"
+    />
+    <path
+      d="M69 168C73.9706 168 78 163.971 78 159C78 154.029 73.9706 150 69 150C64.0294 150 60 154.029 60 159C60 163.971 64.0294 168 69 168Z"
+      fill="black"
+    />
+    <path
+      d="M69 198C73.9706 198 78 193.971 78 189C78 184.029 73.9706 180 69 180C64.0294 180 60 184.029 60 189C60 193.971 64.0294 198 69 198Z"
+      fill="black"
+    />
+    <path
+      d="M69 228C73.9706 228 78 223.971 78 219C78 214.029 73.9706 210 69 210C64.0294 210 60 214.029 60 219C60 223.971 64.0294 228 69 228Z"
+      fill="black"
+    />
+    <path
+      d="M69 258C73.9706 258 78 253.971 78 249C78 244.029 73.9706 240 69 240C64.0294 240 60 244.029 60 249C60 253.971 64.0294 258 69 258Z"
+      fill="black"
+    />
+    <path
+      d="M69 288C73.9706 288 78 283.971 78 279C78 274.029 73.9706 270 69 270C64.0294 270 60 274.029 60 279C60 283.971 64.0294 288 69 288Z"
+      fill="black"
+    />
+    <path
+      d="M69 318C73.9706 318 78 313.971 78 309C78 304.029 73.9706 300 69 300C64.0294 300 60 304.029 60 309C60 313.971 64.0294 318 69 318Z"
+      fill="black"
+    />
+    <path
+      d="M69 348C73.9706 348 78 343.971 78 339C78 334.029 73.9706 330 69 330C64.0294 330 60 334.029 60 339C60 343.971 64.0294 348 69 348Z"
+      fill="black"
+    />
+    <path
+      d="M39 18C43.9706 18 48 13.9706 48 9C48 4.02944 43.9706 0 39 0C34.0294 0 30 4.02944 30 9C30 13.9706 34.0294 18 39 18Z"
+      fill="black"
+    />
+    <path
+      d="M39 48C43.9706 48 48 43.9706 48 39C48 34.0294 43.9706 30 39 30C34.0294 30 30 34.0294 30 39C30 43.9706 34.0294 48 39 48Z"
+      fill="black"
+    />
+    <path
+      d="M39 78C43.9706 78 48 73.9706 48 69C48 64.0294 43.9706 60 39 60C34.0294 60 30 64.0294 30 69C30 73.9706 34.0294 78 39 78Z"
+      fill="black"
+    />
+    <path
+      d="M39 108C43.9706 108 48 103.971 48 99C48 94.0294 43.9706 90 39 90C34.0294 90 30 94.0294 30 99C30 103.971 34.0294 108 39 108Z"
+      fill="black"
+    />
+    <path
+      d="M39 138C43.9706 138 48 133.971 48 129C48 124.029 43.9706 120 39 120C34.0294 120 30 124.029 30 129C30 133.971 34.0294 138 39 138Z"
+      fill="black"
+    />
+    <path
+      d="M39 168C43.9706 168 48 163.971 48 159C48 154.029 43.9706 150 39 150C34.0294 150 30 154.029 30 159C30 163.971 34.0294 168 39 168Z"
+      fill="black"
+    />
+    <path
+      d="M39 198C43.9706 198 48 193.971 48 189C48 184.029 43.9706 180 39 180C34.0294 180 30 184.029 30 189C30 193.971 34.0294 198 39 198Z"
+      fill="black"
+    />
+    <path
+      d="M39 228C43.9706 228 48 223.971 48 219C48 214.029 43.9706 210 39 210C34.0294 210 30 214.029 30 219C30 223.971 34.0294 228 39 228Z"
+      fill="black"
+    />
+    <path
+      d="M39 258C43.9706 258 48 253.971 48 249C48 244.029 43.9706 240 39 240C34.0294 240 30 244.029 30 249C30 253.971 34.0294 258 39 258Z"
+      fill="black"
+    />
+    <path
+      d="M39 288C43.9706 288 48 283.971 48 279C48 274.029 43.9706 270 39 270C34.0294 270 30 274.029 30 279C30 283.971 34.0294 288 39 288Z"
+      fill="black"
+    />
+    <path
+      d="M39 318C43.9706 318 48 313.971 48 309C48 304.029 43.9706 300 39 300C34.0294 300 30 304.029 30 309C30 313.971 34.0294 318 39 318Z"
+      fill="black"
+    />
+    <path
+      d="M39 348C43.9706 348 48 343.971 48 339C48 334.029 43.9706 330 39 330C34.0294 330 30 334.029 30 339C30 343.971 34.0294 348 39 348Z"
+      fill="black"
+    />
+    <path
+      d="M9 18C13.9706 18 18 13.9706 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18Z"
+      fill="black"
+    />
+    <path
+      d="M9 48C13.9706 48 18 43.9706 18 39C18 34.0294 13.9706 30 9 30C4.02944 30 0 34.0294 0 39C0 43.9706 4.02944 48 9 48Z"
+      fill="black"
+    />
+    <path
+      d="M9 78C13.9706 78 18 73.9706 18 69C18 64.0294 13.9706 60 9 60C4.02944 60 0 64.0294 0 69C0 73.9706 4.02944 78 9 78Z"
+      fill="black"
+    />
+    <path
+      d="M9 108C13.9706 108 18 103.971 18 99C18 94.0294 13.9706 90 9 90C4.02944 90 0 94.0294 0 99C0 103.971 4.02944 108 9 108Z"
+      fill="black"
+    />
+    <path
+      d="M9 138C13.9706 138 18 133.971 18 129C18 124.029 13.9706 120 9 120C4.02944 120 0 124.029 0 129C0 133.971 4.02944 138 9 138Z"
+      fill="black"
+    />
+    <path
+      d="M9 168C13.9706 168 18 163.971 18 159C18 154.029 13.9706 150 9 150C4.02944 150 0 154.029 0 159C0 163.971 4.02944 168 9 168Z"
+      fill="black"
+    />
+    <path
+      d="M9 198C13.9706 198 18 193.971 18 189C18 184.029 13.9706 180 9 180C4.02944 180 0 184.029 0 189C0 193.971 4.02944 198 9 198Z"
+      fill="black"
+    />
+    <path
+      d="M9 228C13.9706 228 18 223.971 18 219C18 214.029 13.9706 210 9 210C4.02944 210 0 214.029 0 219C0 223.971 4.02944 228 9 228Z"
+      fill="black"
+    />
+    <path
+      d="M9 258C13.9706 258 18 253.971 18 249C18 244.029 13.9706 240 9 240C4.02944 240 0 244.029 0 249C0 253.971 4.02944 258 9 258Z"
+      fill="black"
+    />
+    <path
+      d="M9 288C13.9706 288 18 283.971 18 279C18 274.029 13.9706 270 9 270C4.02944 270 0 274.029 0 279C0 283.971 4.02944 288 9 288Z"
+      fill="black"
+    />
+    <path
+      d="M9 318C13.9706 318 18 313.971 18 309C18 304.029 13.9706 300 9 300C4.02944 300 0 304.029 0 309C0 313.971 4.02944 318 9 318Z"
+      fill="black"
+    />
+    <path
+      d="M9 348C13.9706 348 18 343.971 18 339C18 334.029 13.9706 330 9 330C4.02944 330 0 334.029 0 339C0 343.971 4.02944 348 9 348Z"
+      fill="black"
+    />
+  </svg>
diff --git a/src/assets/icons/suprematism-bottom-left.svg b/src/assets/icons/suprematism-bottom-left.svg
new file mode 100644
index 0000000..beb66b9
--- /dev/null
+++ b/src/assets/icons/suprematism-bottom-left.svg
@@ -0,0 +1,11 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 201 359"
+  >
+    <rect
+      class="cls-1"
+      width="201"
+      height="359"
+      fill="var(--color-active)"
+    />
+  </svg>
diff --git a/src/assets/icons/suprematism-bottom-right.svg b/src/assets/icons/suprematism-bottom-right.svg
new file mode 100644
index 0000000..3c18937
--- /dev/null
+++ b/src/assets/icons/suprematism-bottom-right.svg
@@ -0,0 +1,12 @@
+<svg
+    width="100"
+    height="76"
+    viewBox="0 0 100 76"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M41.0158 0C66.864 0 84.1543 1.57185 93.5854 18.6875C103.017 35.8032 101.969 40.3441 90.9657 53.9668C79.9628 67.5895 54.2892 83.308 41.0158 71.6065C27.7424 59.9049 49.5737 54.3161 49.7483 36.5018C49.923 18.6875 5.2126 43.8371 0.671705 25.1496C-3.86919 6.46205 15.1676 0 41.0158 0Z"
+      fill="var(--color-active)"
+    />
+  </svg>
diff --git a/src/assets/icons/suprematism-top-left.svg b/src/assets/icons/suprematism-top-left.svg
new file mode 100644
index 0000000..3a7180d
--- /dev/null
+++ b/src/assets/icons/suprematism-top-left.svg
@@ -0,0 +1,9 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 455.15 353.29"
+  >
+    <path
+      fill="var(--color-active)"
+      d="M247.9,104.29c95,27,165-14,191,73s35,176-85,176-12-99-106-123-63,146-148,105-5-62,15-121-168-67-100-175S152.9,77.29,247.9,104.29Z"
+    />
+  </svg>
diff --git a/src/assets/icons/suprematism-top-right.svg b/src/assets/icons/suprematism-top-right.svg
new file mode 100644
index 0000000..df2befe
--- /dev/null
+++ b/src/assets/icons/suprematism-top-right.svg
@@ -0,0 +1,21 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 172.8 270.39"
+  >
+    <polygon
+      class="cls-1"
+      fill="none"
+      stroke="var(--color-active)"
+      stroke-width="15px"
+      points="139.24 6.5 100.97 6.5 73.91 33.56 73.91 71.83 100.97 98.89 139.24 98.89 166.3 71.83 166.3 33.56 139.24 6.5"
+    />
+    <polygon
+      class="cls-2"
+      points="60.1 166.29 0 270.39 120.21 270.39 60.1 166.29"
+      fill="var(--color-active)"
+    />
+    <polygon
+      class="cls-3"
+      points="66.1 199.9 35.1 253.59 97.1 253.59 66.1 199.9"
+    />
+  </svg>
diff --git a/src/assets/icons/suspend.svg b/src/assets/icons/suspend.svg
new file mode 100644
index 0000000..a888e3c
--- /dev/null
+++ b/src/assets/icons/suspend.svg
@@ -0,0 +1,12 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    style="isolation:isolate"
+    viewBox="1227.61 729.39 18.25 29.17"
+    fill="currentColor"
+  >
+    <path
+      d=" M 1227.61 731.89 C 1227.61 731.23 1227.87 730.59 1228.34 730.12 C 1228.81 729.66 1229.45 729.39 1230.11 729.39 C 1230.77 729.39 1231.41 729.66 1231.88 730.12 C 1232.35 730.59 1232.61 731.23 1232.61 731.89 L 1232.61 756.06 C 1232.61 756.72 1232.35 757.36 1231.88 757.83 C 1231.41 758.3 1230.77 758.56 1230.11 758.56 C 1229.45 758.56 1228.81 758.3 1228.34 757.83 C 1227.87 757.36 1227.61 756.72 1227.61 756.06 L 1227.61 731.89 Z  M 1240.86 731.89 C 1240.86 731.23 1241.12 730.59 1241.59 730.12 C 1242.06 729.66 1242.7 729.39 1243.36 729.39 C 1244.02 729.39 1244.66 729.66 1245.13 730.12 C 1245.6 730.59 1245.86 731.23 1245.86 731.89 L 1245.86 756.06 C 1245.86 756.72 1245.6 757.36 1245.13 757.83 C 1244.66 758.3 1244.02 758.56 1243.36 758.56 C 1242.7 758.56 1242.06 758.3 1241.59 757.83 C 1241.12 757.36 1240.86 756.72 1240.86 756.06 L 1240.86 731.89 Z "
+      fill-rule="evenodd"
+    />
+  </svg>
diff --git a/src/assets/icons/ubuntu.svg b/src/assets/icons/ubuntu.svg
new file mode 100644
index 0000000..94d4b46
--- /dev/null
+++ b/src/assets/icons/ubuntu.svg
@@ -0,0 +1,26 @@
+<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="currentColor"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M2.49998 14.5C3.88069 14.5 4.99997 13.3807 4.99997 12C4.99997 10.6193 3.88069 9.50002 2.49998 9.50002C1.11928 9.50002 0 10.6193 0 12C0 13.3807 1.11928 14.5 2.49998 14.5Z"
+    />
+    <path
+      d="M18.997 24C20.3777 24 21.497 22.8807 21.497 21.5C21.497 20.1193 20.3777 19 18.997 19C17.6163 19 16.497 20.1193 16.497 21.5C16.497 22.8807 17.6163 24 18.997 24Z"
+    />
+    <path
+      d="M18.997 4.99997C20.3777 4.99997 21.497 3.88069 21.497 2.49998C21.497 1.11928 20.3777 0 18.997 0C17.6163 0 16.497 1.11928 16.497 2.49998C16.497 3.88069 17.6163 4.99997 18.997 4.99997Z"
+    />
+    <path
+      d="M12.223 6.92198C12.3347 7.11553 12.5612 7.21148 12.778 7.15697C15.3994 6.48197 18.079 8.02847 18.806 10.636C18.8668 10.8513 19.0633 10.9999 19.287 11H23.373C23.6491 11.0001 23.8731 10.7764 23.8732 10.5002C23.8732 10.4737 23.8711 10.4472 23.867 10.421C23.5778 8.60217 22.7908 6.89892 21.593 5.49998C21.4278 5.30939 21.1465 5.27166 20.937 5.412C20.3638 5.79553 19.6896 6.00019 18.9999 6C17.0884 5.9932 15.5331 4.45927 15.4999 2.54798C15.4963 2.29509 15.3044 2.08477 15.0529 2.058C13.485 1.89375 11.9005 2.10136 10.4279 2.664C10.17 2.76281 10.0411 3.05198 10.14 3.30984C10.1494 3.33441 10.1607 3.35822 10.1739 3.381L12.223 6.92198Z"
+    />
+    <path
+      d="M23.374 13H19.288C19.0643 13 18.8678 13.1487 18.807 13.364C18.081 15.9722 15.4006 17.5191 12.779 16.843C12.5623 16.7885 12.3357 16.8844 12.224 17.078L10.18 20.619C10.0419 20.8581 10.1237 21.1639 10.3628 21.302C10.3856 21.3152 10.4094 21.3265 10.434 21.336C11.9051 21.9044 13.491 22.1122 15.059 21.942C15.3105 21.9152 15.5024 21.7048 15.506 21.452C15.5281 19.5235 17.1094 17.9781 19.0378 18.0002C19.7145 18.008 20.3743 18.2122 20.937 18.588C21.1475 18.7282 21.4295 18.6891 21.594 18.497C22.7913 17.0989 23.5783 15.3967 23.868 13.579C23.9116 13.3063 23.726 13.0499 23.4533 13.0063C23.427 13.0021 23.4005 13 23.374 13Z"
+    />
+    <path
+      d="M10.416 15.481C8.52905 13.5435 8.52905 10.4555 10.416 8.51798C10.5724 8.35725 10.6027 8.11195 10.49 7.91798L8.44898 4.38497C8.37567 4.25789 8.25028 4.16939 8.106 4.14295C7.96266 4.11825 7.81547 4.15448 7.70002 4.24294C6.24783 5.42362 5.15583 6.9878 4.548 8.75794C4.47998 8.95533 4.54177 9.17423 4.70302 9.30694C6.19059 10.4932 6.43491 12.6607 5.24869 14.1482C5.08781 14.35 4.90477 14.533 4.70302 14.6939C4.54177 14.8266 4.47998 15.0455 4.548 15.2429C5.1562 17.0115 6.24783 18.5742 7.69898 19.7539C7.78828 19.8265 7.89989 19.866 8.01497 19.8659C8.04516 19.8657 8.07525 19.863 8.10497 19.8579C8.24925 19.8315 8.37469 19.743 8.44795 19.6159L10.4889 16.0809C10.602 15.8872 10.5721 15.642 10.416 15.481Z"
+    />
+  </svg>
diff --git a/src/assets/icons/unknown.svg b/src/assets/icons/unknown.svg
new file mode 100644
index 0000000..05282d3
--- /dev/null
+++ b/src/assets/icons/unknown.svg
@@ -0,0 +1,13 @@
+<svg
+    width="27"
+    height="27"
+    viewBox="0 0 27 27"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M13.5 27C20.9558 27 27 20.9558 27 13.5C27 6.04419 20.9558 0 13.5 0C6.04419 0 0 6.04419 0 13.5C0 20.9558 6.04419 27 13.5 27ZM11.8101 15.7068C11.6045 16.2678 11.4937 17.032 11.4773 17.9995H13.7583C13.7583 16.7637 14.0583 15.8167 14.6584 15.158L16.0024 13.8411C17.3342 12.459 18 11.0566 18 9.63403C18 8.19507 17.5642 7.06494 16.6929 6.2439C15.8298 5.41455 14.6213 5 13.0679 5C11.5718 5 10.3552 5.40649 9.41797 6.21948C8.48901 7.02441 8.01636 8.08521 8 9.40234H10.2812C10.2812 8.66235 10.5359 8.073 11.0457 7.63403C11.5552 7.19507 12.2292 6.97559 13.0679 6.97559C13.9309 6.97559 14.5886 7.21948 15.0408 7.70728C15.4929 8.18677 15.7188 8.85352 15.7188 9.70703C15.7188 10.5933 15.3735 11.4224 14.6831 12.1948L13.0679 13.8411C12.4348 14.5239 12.0156 15.146 11.8101 15.7068ZM11.7114 19.8171C11.4895 20.061 11.3787 20.366 11.3787 20.7317C11.3787 21.0977 11.4895 21.4026 11.7114 21.6462C11.8167 21.7539 11.9438 21.8372 12.0935 21.8958C12.2717 21.9653 12.4814 22 12.7227 22C13.1665 22 13.5034 21.8821 13.7336 21.6462C13.9639 21.4026 14.0789 21.0977 14.0789 20.7317C14.0789 20.366 13.9639 20.061 13.7336 19.8171C13.6191 19.6919 13.4783 19.5977 13.311 19.5347C13.1418 19.4709 12.9458 19.4392 12.7227 19.4392C12.4277 19.4392 12.1802 19.4949 11.9797 19.606C11.8782 19.6621 11.7888 19.7324 11.7114 19.8171Z"
+    />
+  </svg>
diff --git a/src/assets/icons/user.svg b/src/assets/icons/user.svg
new file mode 100644
index 0000000..d7755a9
--- /dev/null
+++ b/src/assets/icons/user.svg
@@ -0,0 +1,35 @@
+<svg
+    width="92"
+    height="92"
+    viewBox="0 0 92 92"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M38.7935 55.2327V47.2344C33.0391 45.0181 29.0089 39.9177 29.0089 33.9848V14.4284C29.0089 6.46553 36.2714 0 45.2182 0H46.7818C55.7275 0 62.9899 6.46553 62.9899 14.4284V33.9848C62.9899 39.9177 58.9598 45.0181 53.2054 47.2344V55.2327H75.8905C84.7808 55.2327 92 61.6578 92 69.5713V77.6604C92 85.5749 84.7808 92 75.8905 92H16.1095C7.21812 92 0 85.5749 0 77.6604V69.5713C0 61.6578 7.21812 55.2327 16.1095 55.2327H38.7935Z"
+      fill="var(--color-active)"
+    />
+    <path
+      d="M38.7935 55.2327V47.2344C33.0391 45.0181 29.0089 39.9177 29.0089 33.9848V14.4284C29.0089 6.46553 36.2714 0 45.2182 0H46.7818C55.7275 0 62.9899 6.46553 62.9899 14.4284V33.9848C62.9899 39.9177 58.9598 45.0181 53.2054 47.2344V55.2327H75.8905C84.7808 55.2327 92 61.6578 92 69.5713V77.6604C92 85.5749 84.7808 92 75.8905 92H16.1095C7.21812 92 0 85.5749 0 77.6604V69.5713C0 61.6578 7.21812 55.2327 16.1095 55.2327H38.7935Z"
+      fill="url(#paint0_linear)"
+    />
+    <defs>
+      <linearGradient
+        id="paint0_linear"
+        x1="46"
+        y1="0"
+        x2="46"
+        y2="92"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop
+          offset="0.4"
+          stop-opacity="0"
+        />
+        <stop
+          offset="0.9"
+          stop-opacity="0.5"
+        />
+      </linearGradient>
+    </defs>
+  </svg>
diff --git a/src/assets/icons/xfce.svg b/src/assets/icons/xfce.svg
new file mode 100644
index 0000000..de4ea6e
--- /dev/null
+++ b/src/assets/icons/xfce.svg
@@ -0,0 +1,13 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    style="isolation:isolate"
+    viewBox="0 0 67.156 67.383"
+    width="67.156"
+    height="67.383"
+  >
+    <path
+      color="active"
+      d=" M 51.334 0 C 51.295 0 51.259 0.004 51.218 0.011 C 50.552 0.618 50.254 1.816 49.918 2.732 C 49.125 5.416 48.934 8.227 48.355 10.954 C 48.034 14.867 46.648 18.815 47.597 22.745 C 47.646 23.841 49.224 23.915 49.513 22.793 C 49.733 21.894 50.171 21.149 50.344 20.24 C 51.83 14.074 52.799 7.714 52.392 1.358 C 52.293 0.869 51.919 0.012 51.334 0 L 51.334 0 Z  M 66.062 3.164 C 63.355 4.524 62.009 7.398 60.356 9.775 C 59.73 10.686 59.298 11.719 58.682 12.649 C 56.513 16.334 54.116 20.167 53.85 24.551 C 53.751 26.089 55.988 26.196 56.461 24.972 C 57.129 23.86 57.972 22.79 58.651 21.656 C 62.041 16.293 64.673 10.491 66.989 4.596 C 67.434 3.804 66.943 3.126 66.062 3.164 L 66.062 3.164 Z  M 23.351 5.122 C 23.099 5.122 22.849 5.14 22.598 5.175 C 18.468 5.947 17.066 10.481 17.829 14.171 C 18.131 17.384 18.985 20.532 19.819 23.614 C 17.138 25.711 16.718 20.217 15.502 18.645 C 13.916 15.489 12.264 11.797 8.791 10.391 C 4.982 10.004 2.626 14.415 2.911 17.771 C 2.659 21.289 4.718 24.573 4.495 27.994 C 1.306 36.352 -1.001 45.48 0.437 54.461 C 1.233 59.911 4.994 65.019 10.465 66.457 C 17.062 68.527 23.96 66.753 30.336 64.773 C 39.88 61.802 48.956 57.414 57.493 52.24 C 61.059 49.755 65.393 47.149 66.61 42.691 C 66.973 37.396 62.486 33.304 58.177 31.005 C 51.17 27.317 43.278 25.828 35.568 24.372 C 33.908 23.725 30.717 25.384 30.347 22.03 C 30.242 17.13 30.284 11.872 27.794 7.496 C 26.866 5.944 25.116 5.12 23.351 5.122 L 23.351 5.122 Z "
+    />
+  </svg>
diff --git a/src/assets/icons/xmonad.svg b/src/assets/icons/xmonad.svg
new file mode 100644
index 0000000..8e7b8f7
--- /dev/null
+++ b/src/assets/icons/xmonad.svg
@@ -0,0 +1,13 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    style="isolation:isolate"
+    viewBox="179 14 90 90"
+    width="90"
+    height="90"
+  >
+    <path
+      d=" M 179 59 C 179 34.164 199.164 14 224 14 C 248.836 14 269 34.164 269 59 C 269 83.836 248.836 104 224 104 C 199.164 104 179 83.836 179 59 Z  M 216.5 74.479 L 216.5 78.479 L 225.5 82.479 L 216.5 87.479 L 216.5 91.479 L 229.5 84.479 L 229.5 80.479 L 216.5 74.479 L 216.5 74.479 L 216.5 74.479 L 216.5 74.479 L 216.5 74.479 Z  M 203.5 74.479 L 203.5 78.479 L 212.5 82.479 L 203.5 87.479 L 203.5 91.479 L 216.5 84.479 L 216.5 80.479 L 203.5 74.479 L 203.5 74.479 L 203.5 74.479 L 203.5 74.479 L 203.5 74.479 Z  M 205.5 26.521 L 212.5 26.521 L 223.5 44.479 L 234.5 26.521 L 242.5 26.521 L 227.5 49.479 L 244.5 74.479 L 237.5 74.479 L 223.5 54.479 L 210.5 74.479 L 203.5 74.479 L 219.5 49.479 L 205.5 26.521 L 205.5 26.521 L 205.5 26.521 L 205.5 26.521 Z  M 232.5 78.479 L 244.5 78.479 L 244.5 81.479 L 232.5 81.479 L 232.5 78.479 L 232.5 78.479 L 232.5 78.479 Z  M 232.5 85.479 L 244.5 85.479 L 244.5 88.479 L 232.5 88.479 L 232.5 85.479 L 232.5 85.479 Z "
+      fill-rule="evenodd"
+    />
+  </svg>
diff --git a/src/components/app/AppIcon.vue b/src/components/app/AppIcon.vue
index 9180262..91dc632 100644
--- a/src/components/app/AppIcon.vue
+++ b/src/components/app/AppIcon.vue
@@ -1,979 +1,28 @@
-<template>
-  <svg
-    v-if="name === 'restart'"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    style="isolation:isolate"
-    viewBox="1137.995 728.973 31.153 35"
-    fill="currentColor"
-  >
-    <path
-      d=" M 1149.413 733.396 C 1146.299 734.257 1143.525 736.065 1141.473 738.582 C 1139.223 741.359 1137.995 744.819 1137.995 748.392 C 1137.995 749.474 1138.107 750.555 1138.332 751.619 C 1139.067 755.106 1140.988 758.246 1143.756 760.495 C 1146.525 762.745 1149.994 763.973 1153.558 763.973 C 1154.648 763.973 1155.73 763.861 1156.785 763.636 C 1160.28 762.901 1163.412 760.989 1165.661 758.212 C 1167.911 755.443 1169.148 751.983 1169.148 748.41 C 1169.148 747.328 1169.035 746.247 1168.81 745.183 C 1168.239 742.484 1166.959 739.975 1165.099 737.933 C 1164.796 737.596 1164.364 737.388 1163.905 737.371 C 1163.447 737.345 1162.997 737.509 1162.659 737.82 C 1162.322 738.123 1162.114 738.556 1162.097 739.014 C 1162.071 739.473 1162.236 739.923 1162.538 740.26 C 1163.983 741.852 1164.978 743.799 1165.419 745.901 C 1165.592 746.723 1165.687 747.562 1165.687 748.41 C 1165.687 751.187 1164.727 753.877 1162.98 756.031 C 1161.223 758.186 1158.792 759.682 1156.076 760.253 C 1155.245 760.426 1154.406 760.513 1153.558 760.513 C 1150.781 760.513 1148.091 759.552 1145.937 757.805 C 1143.782 756.057 1142.294 753.618 1141.723 750.901 C 1141.542 750.079 1141.455 749.232 1141.455 748.392 C 1141.455 745.615 1142.415 742.925 1144.163 740.762 C 1145.655 738.923 1147.652 737.569 1149.895 736.857 L 1150.26 739.479 C 1150.433 740.719 1151.382 741.11 1152.378 740.351 L 1156.037 737.561 L 1159.695 734.772 C 1160.691 734.013 1160.556 733.019 1159.392 732.554 L 1155.1 730.84 L 1150.809 729.126 C 1149.645 728.662 1148.841 729.292 1149.014 730.533 L 1149.413 733.396 Z "
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'hibernate'"
-    width="26"
-    height="26"
-    viewBox="0 0 26 26"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M25 13C25 19.6274 19.6274 25 13 25C6.37258 25 1 19.6274 1 13C1 6.37258 6.37258 1 13 1C19.6274 1 25 6.37258 25 13Z"
-      stroke="currentColor"
-      stroke-width="2"
-    />
-    <path
-      d="M13 7L13 19"
-      stroke="currentColor"
-      stroke-width="2"
-      stroke-linecap="round"
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'settings'"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    style="isolation:isolate"
-    viewBox="1303.7 727.244 33.56 33.464"
-    fill="currentColor"
-    v-bind="$attrs"
-  >
-    <path
-      d="M 1320.75 751.23 C 1318.75 751.23 1316.83 750.43 1315.42 749.02 C 1314 747.6 1313.21 745.68 1313.21 743.68 C 1313.21 741.68 1314 739.76 1315.42 738.35 C 1316.83 736.93 1318.75 736.14 1320.75 736.14 C 1322.75 736.14 1324.68 736.93 1326.09 738.35 C 1327.5 739.76 1328.3 741.68 1328.3 743.68 C 1328.3 745.68 1327.5 747.6 1326.09 749.02 C 1324.68 750.43 1322.75 751.23 1320.75 751.23 L 1320.75 751.23 Z  M 1328.594 757.292 L 1327.093 756.466 C 1325.288 755.474 1323.006 756.128 1322.002 757.926 L 1321.166 759.422 C 1320.161 761.22 1318.74 761.121 1317.996 759.2 L 1317.376 757.603 C 1316.631 755.682 1314.463 754.717 1312.538 755.449 L 1310.936 756.057 C 1309.01 756.789 1307.986 755.8 1308.65 753.85 L 1309.202 752.228 C 1309.866 750.278 1308.826 748.145 1306.88 747.467 L 1305.262 746.904 C 1303.317 746.227 1303.168 744.81 1304.93 743.743 L 1306.396 742.856 C 1308.158 741.789 1308.732 739.486 1307.677 737.717 L 1306.8 736.245 C 1305.745 734.476 1306.541 733.295 1308.577 733.611 L 1310.27 733.873 C 1312.306 734.188 1314.226 732.793 1314.555 730.759 L 1314.829 729.068 C 1315.158 727.035 1316.527 726.642 1317.884 728.192 L 1319.012 729.481 C 1320.369 731.032 1322.736 731.197 1324.296 729.851 L 1325.593 728.731 C 1327.152 727.385 1328.453 727.964 1328.496 730.024 L 1328.531 731.737 C 1328.574 733.796 1330.282 735.445 1332.341 735.416 L 1334.055 735.392 C 1336.114 735.363 1336.739 736.643 1335.448 738.248 L 1334.374 739.584 C 1333.083 741.189 1333.331 743.549 1334.928 744.851 L 1336.255 745.934 C 1337.852 747.236 1337.507 748.617 1335.487 749.017 L 1333.806 749.35 C 1331.785 749.75 1330.458 751.718 1330.844 753.741 L 1331.165 755.424 C 1331.551 757.448 1330.399 758.285 1328.594 757.292 L 1328.594 757.292 Z "
-      fill-rule="evenodd"
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'charge'"
-    width="29"
-    height="12"
-    viewBox="0 0 29 12"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M12.7573 6.98762L12.142 0.419995C12.1171 0.15406 12.3907 -0.0543317 12.6768 0.0126378L28.8393 3.79557C29.0764 3.85104 29.0417 4.16413 28.7973 4.1762L17.2789 4.74482C17.0429 4.75647 16.8619 4.9383 16.8741 5.15137L17.2434 11.5926C17.2584 11.8538 16.9882 12.053 16.7077 11.9874L0.160717 8.11679C-0.0792939 8.06065 -0.0397734 7.74266 0.208049 7.73595L12.3429 7.40719C12.5887 7.40053 12.778 7.2089 12.7573 6.98762Z"
-      fill="currentColor"
-    />
-  </svg>
-
-  <svg v-else-if="name === 'brightness'" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-    <path d="M8.00002 12.9033C7.57246 12.9033 7.22583 13.2499 7.22583 13.6774V15.2258C7.22583 15.6534 7.57246 16 8.00002 16C8.42758 16 8.7742 15.6534 8.7742 15.2259V13.6775C8.7742 13.2499 8.42758 12.9033 8.00002 12.9033Z" />
-    <path d="M8.00002 0C7.57246 0 7.22583 0.346625 7.22583 0.774188V2.32256C7.22583 2.75012 7.57246 3.09675 8.00002 3.09675C8.42758 3.09675 8.7742 2.75012 8.7742 2.32256V0.774188C8.7742 0.346625 8.42758 0 8.00002 0Z" />
-    <path d="M8.0001 4.64517C6.15035 4.64523 4.64539 6.1502 4.64539 8.00001C4.64539 9.84982 6.15026 11.3548 8.00001 11.3549C9.84991 11.3549 11.355 9.84988 11.355 8.00001C11.355 6.15013 9.85001 4.64517 8.0001 4.64517Z" />
-    <path d="M16 7.99999C16 7.57242 15.6534 7.2258 15.2259 7.2258H13.6775C13.2499 7.2258 12.9033 7.57242 12.9033 7.99999C12.9033 8.42755 13.2499 8.77417 13.6775 8.77417H15.2259C15.6534 8.77417 16 8.42755 16 7.99999Z" />
-    <path d="M0 7.99999C0 8.42755 0.346625 8.77417 0.774188 8.77417H2.32256C2.75012 8.77417 3.09675 8.42755 3.09675 7.99999C3.09675 7.57242 2.75012 7.2258 2.32256 7.2258H0.774188C0.346625 7.2258 0 7.57242 0 7.99999Z" />
-    <path d="M12.0145 4.75962C12.2126 4.75962 12.4108 4.684 12.5619 4.53284L13.6569 3.43796C13.9591 3.13562 13.9591 2.64544 13.6569 2.34309C13.3545 2.04075 12.8644 2.04075 12.5619 2.34309L11.4671 3.43796C11.1647 3.74031 11.1647 4.2305 11.4671 4.53284C11.6183 4.68402 11.8164 4.75962 12.0145 4.75962Z" />
-    <path d="M2.89062 13.8836C3.08877 13.8836 3.2869 13.808 3.43802 13.6569L4.53292 12.562C4.83527 12.2597 4.83527 11.7694 4.53292 11.4671C4.23061 11.1647 3.7404 11.1647 3.43805 11.4671L2.34315 12.562C2.04081 12.8642 2.04081 13.3545 2.34315 13.6569C2.49431 13.808 2.69246 13.8836 2.89062 13.8836Z" />
-    <path d="M12.562 11.4671C12.2597 11.1647 11.7695 11.1647 11.4671 11.4671C11.1648 11.7694 11.1648 12.2596 11.4671 12.562L12.562 13.6569C12.7133 13.808 12.9114 13.8836 13.1094 13.8836C13.3076 13.8836 13.5058 13.808 13.6569 13.6569C13.9591 13.3546 13.9591 12.8644 13.6569 12.562L12.562 11.4671Z" />
-    <path d="M3.43805 4.53284C3.58923 4.68403 3.78737 4.75963 3.98552 4.75963C4.18368 4.75963 4.3818 4.684 4.53292 4.53284C4.83527 4.2305 4.83527 3.74032 4.53292 3.43797L3.43802 2.34307C3.13573 2.04075 2.6455 2.04075 2.34315 2.34307C2.04081 2.6454 2.04081 3.13559 2.34315 3.43794L3.43805 4.53284Z" />
-  </svg>
-
-  <svg
-    v-else-if="name === 'suspend'"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    style="isolation:isolate"
-    viewBox="1227.61 729.39 18.25 29.17"
-    fill="currentColor"
-  >
-    <path
-      d=" M 1227.61 731.89 C 1227.61 731.23 1227.87 730.59 1228.34 730.12 C 1228.81 729.66 1229.45 729.39 1230.11 729.39 C 1230.77 729.39 1231.41 729.66 1231.88 730.12 C 1232.35 730.59 1232.61 731.23 1232.61 731.89 L 1232.61 756.06 C 1232.61 756.72 1232.35 757.36 1231.88 757.83 C 1231.41 758.3 1230.77 758.56 1230.11 758.56 C 1229.45 758.56 1228.81 758.3 1228.34 757.83 C 1227.87 757.36 1227.61 756.72 1227.61 756.06 L 1227.61 731.89 Z  M 1240.86 731.89 C 1240.86 731.23 1241.12 730.59 1241.59 730.12 C 1242.06 729.66 1242.7 729.39 1243.36 729.39 C 1244.02 729.39 1244.66 729.66 1245.13 730.12 C 1245.6 730.59 1245.86 731.23 1245.86 731.89 L 1245.86 756.06 C 1245.86 756.72 1245.6 757.36 1245.13 757.83 C 1244.66 758.3 1244.02 758.56 1243.36 758.56 C 1242.7 758.56 1242.06 758.3 1241.59 757.83 C 1241.12 757.36 1240.86 756.72 1240.86 756.06 L 1240.86 731.89 Z "
-      fill-rule="evenodd"
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'shutdown'"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    style="isolation:isolate"
-    viewBox="1032.87 723.63 35 37.465"
-    fill="currentColor"
-  >
-    <path
-      d="M 1054.626 730.926 L 1054.626 726.495 L 1056.575 727.236 C 1059.899 728.494 1062.756 730.735 1064.772 733.658 C 1066.787 736.582 1067.87 740.047 1067.87 743.604 C 1067.87 745.719 1067.479 747.827 1066.729 749.801 C 1065.463 753.124 1063.222 755.981 1060.299 757.997 C 1057.375 760.012 1053.91 761.095 1050.362 761.095 C 1048.238 761.095 1046.139 760.704 1044.156 759.954 C 1040.841 758.688 1037.976 756.447 1035.96 753.524 C 1033.945 750.6 1032.87 747.135 1032.87 743.587 C 1032.87 741.463 1033.253 739.364 1034.011 737.382 C 1035.66 733.05 1038.959 729.535 1043.19 727.636 L 1045.089 726.787 L 1045.089 730.926 C 1041.866 732.376 1039.159 735.557 1037.901 738.864 C 1037.326 740.372 1037.035 741.971 1037.035 743.587 C 1037.035 746.294 1037.851 748.934 1039.392 751.167 C 1040.933 753.391 1043.107 755.098 1045.639 756.056 C 1047.147 756.631 1048.746 756.931 1050.362 756.931 C 1053.069 756.931 1055.709 756.106 1057.941 754.573 C 1060.165 753.032 1061.873 750.85 1062.831 748.326 C 1063.405 746.819 1063.705 745.211 1063.705 743.604 C 1063.705 740.897 1062.881 738.248 1061.348 736.024 C 1059.807 733.8 1057.15 731.884 1054.626 730.926 Z  M 1052.26 726.15 L 1052.16 743.56 C 1052.15 744.22 1051.89 744.85 1051.41 745.32 C 1050.94 745.79 1050.31 746.05 1049.64 746.04 C 1048.98 746.04 1048.34 745.77 1047.88 745.3 C 1047.41 744.83 1047.15 744.19 1047.16 743.53 L 1047.26 726.12 C 1047.26 725.45 1047.53 724.82 1048 724.35 C 1048.47 723.89 1049.11 723.63 1049.77 723.63 C 1050.43 723.63 1051.07 723.9 1051.53 724.37 C 1052 724.84 1052.26 725.48 1052.26 726.15 Z"
-      fill-rule="evenodd"
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'close'"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    style="isolation:isolate"
-    viewBox="0 0 70.055 70.055"
-    width="70.055"
-    height="70.055"
-    v-bind="$attrs"
-  >
-    <path
-      d=" M 42.013 35.028 L 68.615 8.426 C 69.532 7.499 70.055 6.246 70.055 4.933 C 70.055 3.621 69.532 2.368 68.615 1.441 C 67.687 0.523 66.434 0 65.122 0 C 63.809 0 62.556 0.523 61.629 1.441 L 35.028 28.042 L 8.426 1.441 C 7.499 0.523 6.246 0 4.933 0 C 3.621 0 2.368 0.523 1.441 1.441 C 0.523 2.368 0 3.621 0 4.933 C 0 6.246 0.523 7.499 1.441 8.426 L 28.042 35.028 L 1.441 61.629 C 0.523 62.556 0 63.809 0 65.122 C 0 66.434 0.523 67.687 1.441 68.615 C 2.368 69.532 3.621 70.055 4.933 70.055 C 6.246 70.055 7.499 69.532 8.426 68.615 L 35.028 42.013 L 61.629 68.615 C 62.556 69.532 63.809 70.055 65.122 70.055 C 66.434 70.055 67.687 69.532 68.615 68.615 C 69.532 67.687 70.055 66.434 70.055 65.122 C 70.055 63.809 69.532 62.556 68.615 61.629 L 42.013 35.028 Z "
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'user'"
-    width="92"
-    height="92"
-    viewBox="0 0 92 92"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    v-bind="$attrs"
-  >
-    <path
-      d="M38.7935 55.2327V47.2344C33.0391 45.0181 29.0089 39.9177 29.0089 33.9848V14.4284C29.0089 6.46553 36.2714 0 45.2182 0H46.7818C55.7275 0 62.9899 6.46553 62.9899 14.4284V33.9848C62.9899 39.9177 58.9598 45.0181 53.2054 47.2344V55.2327H75.8905C84.7808 55.2327 92 61.6578 92 69.5713V77.6604C92 85.5749 84.7808 92 75.8905 92H16.1095C7.21812 92 0 85.5749 0 77.6604V69.5713C0 61.6578 7.21812 55.2327 16.1095 55.2327H38.7935Z"
-      fill="var(--color-active)"
-    />
-    <path
-      d="M38.7935 55.2327V47.2344C33.0391 45.0181 29.0089 39.9177 29.0089 33.9848V14.4284C29.0089 6.46553 36.2714 0 45.2182 0H46.7818C55.7275 0 62.9899 6.46553 62.9899 14.4284V33.9848C62.9899 39.9177 58.9598 45.0181 53.2054 47.2344V55.2327H75.8905C84.7808 55.2327 92 61.6578 92 69.5713V77.6604C92 85.5749 84.7808 92 75.8905 92H16.1095C7.21812 92 0 85.5749 0 77.6604V69.5713C0 61.6578 7.21812 55.2327 16.1095 55.2327H38.7935Z"
-      fill="url(#paint0_linear)"
-    />
-    <defs>
-      <linearGradient
-        id="paint0_linear"
-        x1="46"
-        y1="0"
-        x2="46"
-        y2="92"
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop
-          offset="0.4"
-          stop-opacity="0"
-        />
-        <stop
-          offset="0.9"
-          stop-opacity="0.5"
-        />
-      </linearGradient>
-    </defs>
-  </svg>
-
-  <svg
-    v-else-if="name === 'eye'"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    version="1.0"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    xml:space="preserve"
-    v-bind="$attrs"
-  >
-    <path
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"
-    />
-    <circle
-      fill="currentColor"
-      cx="12"
-      cy="12"
-      r="3"
-    />
-    <line
-      class="slash"
-      stroke-width="2px"
-      stroke="currentColor"
-      stroke-linecap="round"
-      x1="2"
-      y1="2"
-      x2="22"
-      y2="22"
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'collapse'"
-    width="18"
-    height="18"
-    viewBox="0 0 18 18"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    v-bind="$attrs"
-  >
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M17.8535 0.646508C18.0488 0.84177 18.0488 1.15835 17.8535 1.35361L12.7071 6.50006H16C16.2761 6.50006 16.5 6.72391 16.5 7.00006C16.5 7.2762 16.2761 7.50006 16 7.50006L11.5 7.50006C11.2238 7.50006 11 7.2762 11 7.00006V2.50006C11 2.22391 11.2238 2.00006 11.5 2.00006C11.7761 2.00006 12 2.22391 12 2.50006V5.79295L17.1464 0.646508C17.3417 0.451245 17.6582 0.451246 17.8535 0.646508ZM11 11.0001C11 10.7239 11.2238 10.5001 11.5 10.5001H16C16.2761 10.5001 16.5 10.7239 16.5 11.0001C16.5 11.2762 16.2761 11.5001 16 11.5001H12.7071L17.8535 16.6465C18.0488 16.8418 18.0488 17.1584 17.8535 17.3536C17.6582 17.5489 17.3417 17.5489 17.1464 17.3536L12 12.2072V15.5001C12 15.7762 11.7761 16.0001 11.5 16.0001C11.2238 16.0001 11 15.7762 11 15.5001V11.0001ZM7.49981 7.00011C7.49981 7.27625 7.27596 7.50011 6.99981 7.50011L2.49981 7.50011C2.22367 7.50011 1.99981 7.27625 1.99981 7.00011C1.99981 6.72396 2.22367 6.50011 2.49981 6.50011H5.79271L0.646269 1.35367C0.451007 1.15841 0.451007 0.841823 0.646269 0.646562C0.841531 0.4513 1.15811 0.451299 1.35338 0.646562L6.49981 5.793V2.50011C6.49981 2.22396 6.72367 2.00011 6.99981 2.00011C7.27596 2.00011 7.49981 2.22396 7.49981 2.50011L7.49981 7.00011ZM6.99981 10.5002C7.27595 10.5002 7.49981 10.724 7.49981 11.0002V15.5002C7.49981 15.7763 7.27595 16.0002 6.99981 16.0002C6.72366 16.0002 6.49981 15.7763 6.49981 15.5002L6.49981 12.2073L1.35337 17.3537C1.15811 17.549 0.841525 17.549 0.646263 17.3537C0.451001 17.1584 0.451001 16.8419 0.646263 16.6466L5.7927 11.5002L2.49981 11.5002C2.22366 11.5002 1.99981 11.2763 1.99981 11.0002C1.99981 10.724 2.22366 10.5002 2.49981 10.5002H6.99981Z"
-      fill="currentColor"
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'unknown'"
-    width="27"
-    height="27"
-    viewBox="0 0 27 27"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    v-bind="$attrs"
-  >
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M13.5 27C20.9558 27 27 20.9558 27 13.5C27 6.04419 20.9558 0 13.5 0C6.04419 0 0 6.04419 0 13.5C0 20.9558 6.04419 27 13.5 27ZM11.8101 15.7068C11.6045 16.2678 11.4937 17.032 11.4773 17.9995H13.7583C13.7583 16.7637 14.0583 15.8167 14.6584 15.158L16.0024 13.8411C17.3342 12.459 18 11.0566 18 9.63403C18 8.19507 17.5642 7.06494 16.6929 6.2439C15.8298 5.41455 14.6213 5 13.0679 5C11.5718 5 10.3552 5.40649 9.41797 6.21948C8.48901 7.02441 8.01636 8.08521 8 9.40234H10.2812C10.2812 8.66235 10.5359 8.073 11.0457 7.63403C11.5552 7.19507 12.2292 6.97559 13.0679 6.97559C13.9309 6.97559 14.5886 7.21948 15.0408 7.70728C15.4929 8.18677 15.7188 8.85352 15.7188 9.70703C15.7188 10.5933 15.3735 11.4224 14.6831 12.1948L13.0679 13.8411C12.4348 14.5239 12.0156 15.146 11.8101 15.7068ZM11.7114 19.8171C11.4895 20.061 11.3787 20.366 11.3787 20.7317C11.3787 21.0977 11.4895 21.4026 11.7114 21.6462C11.8167 21.7539 11.9438 21.8372 12.0935 21.8958C12.2717 21.9653 12.4814 22 12.7227 22C13.1665 22 13.5034 21.8821 13.7336 21.6462C13.9639 21.4026 14.0789 21.0977 14.0789 20.7317C14.0789 20.366 13.9639 20.061 13.7336 19.8171C13.6191 19.6919 13.4783 19.5977 13.311 19.5347C13.1418 19.4709 12.9458 19.4392 12.7227 19.4392C12.4277 19.4392 12.1802 19.4949 11.9797 19.606C11.8782 19.6621 11.7888 19.7324 11.7114 19.8171Z"
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'openbox'"
-    width="511"
-    height="491"
-    viewBox="0 0 511 491"
-    xmlns="http://www.w3.org/2000/svg"
-    v-bind="$attrs"
-  >
-    <path
-      d="M506.575 227.66L453.569 163.874L497.007 103.095C504.153 93.0988 500.157 79.0326 488.82 74.2841L314.93 1.48904C306.681 -1.96514 297.145 0.744401 291.944 8.01923L255.499 59.0093L219.051 8.01923C213.854 0.744401 204.318 -1.96514 196.069 1.48904L22.1787 74.2841C10.8415 79.0326 6.84148 93.0949 13.9916 103.095L57.43 163.874L4.42434 227.66C-3.79786 237.551 -0.10976 252.603 11.7615 257.574L62.4475 278.794V398.47C62.4475 406.193 67.0869 413.16 74.2097 416.142L248.1 488.941C252.833 490.922 258.166 490.922 262.895 488.941L436.789 416.142C443.912 413.16 448.547 406.193 448.547 398.47V278.794L499.237 257.574C511.105 252.607 514.801 237.554 506.575 227.66ZM314.232 42.7326L451.873 100.354L422.696 141.181L285.047 83.5589L314.232 42.7326ZM255.499 216.783L131.215 164.755L255.499 112.725L379.784 164.755L255.499 216.783ZM196.771 42.7326L225.948 83.5589L88.3071 141.181L59.1259 100.354L196.771 42.7326ZM87.2817 187.898L224.217 245.223L187.375 289.554C174.159 284.022 63.5664 237.726 50.4437 232.229L87.2817 187.898ZM410.236 385.725L255.499 450.501L100.763 385.725V294.833L185.652 330.373C193.422 333.624 202.404 331.422 207.784 324.946L255.499 267.527L303.215 324.946C308.606 331.433 317.593 333.616 325.347 330.373L410.236 294.833V385.725ZM323.624 289.554L286.782 245.223L423.717 187.898L460.559 232.229C447.425 237.73 336.86 284.014 323.624 289.554Z"
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'kodi'"
-    width="60"
-    height="60"
-    viewBox="0 0 60 60"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    v-bind="$attrs"
-  >
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M25.6801 1.761C26.8551 0.586002 28.4281 0 29.9991 0C31.5711 0 33.1431 0.586002 34.3181 1.761L44.2971 11.742L16.0001 40.034V11.441L25.6801 1.761ZM10.0001 17.445L1.76013 25.683C-0.588873 28.033 -0.585875 31.964 1.76412 34.314L10.0001 42.546V17.445ZM16.0001 48.55L25.6841 58.236C28.0331 60.586 31.9681 60.589 34.3181 58.24L44.0821 48.472L30.0621 34.452L16.0001 48.519V48.55ZM48.3281 44.226L58.2381 34.317C60.5871 31.968 60.5871 28.033 58.2381 25.683L48.5391 15.984L34.3091 30.21L48.3281 44.226Z"
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'i3'"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    style="isolation:isolate"
-    viewBox="0 0 106.903 106.903"
-    width="106.903"
-    height="106.903"
-    v-bind="$attrs"
-  >
-    <path
-      d=" M 24.85 34.532 C 21.923 31.605 21.923 26.852 24.85 23.925 C 27.777 20.998 32.529 20.998 35.456 23.925 C 38.383 26.852 38.383 31.605 35.456 34.532 C 32.529 37.459 27.777 37.459 24.85 34.532 L 24.85 34.532 L 24.85 34.532 L 24.85 34.532 Z  M 2.195 57.186 C -0.732 54.259 -0.732 49.507 2.195 46.58 C 5.122 43.653 9.875 43.653 12.802 46.58 C 15.729 49.507 15.729 54.259 12.802 57.186 C 9.875 60.113 5.122 60.113 2.195 57.186 L 2.195 57.186 L 2.195 57.186 L 2.195 57.186 Z  M 46.58 12.802 C 43.653 9.875 43.653 5.122 46.58 2.195 C 49.507 -0.732 54.259 -0.732 57.186 2.195 C 60.113 5.122 60.113 9.875 57.186 12.802 C 54.259 15.729 49.507 15.729 46.58 12.802 L 46.58 12.802 L 46.58 12.802 Z  M 74.871 64.258 C 76.278 65.665 77.063 67.581 77.063 69.561 C 77.063 71.555 76.271 73.464 74.871 74.864 C 73.464 76.272 71.555 77.064 69.561 77.064 C 67.581 77.064 65.672 76.272 64.264 74.864 L 38.851 49.451 C 37.444 48.044 36.652 46.135 36.652 44.155 C 36.652 42.161 37.444 40.252 38.851 38.844 C 40.251 37.444 42.16 36.652 44.154 36.652 C 46.134 36.652 48.05 37.437 49.458 38.844 L 74.871 64.258 L 74.871 64.258 Z  M 61.04 27.262 C 59.633 25.855 58.841 23.946 58.848 21.959 C 58.841 19.972 59.633 18.063 61.04 16.655 C 62.447 15.248 64.356 14.456 66.343 14.463 C 68.33 14.456 70.239 15.248 71.647 16.655 L 95.519 40.527 C 102.809 47.818 106.903 57.71 106.903 68.02 C 106.903 78.329 102.802 88.229 95.519 95.512 C 88.228 102.802 78.329 106.903 68.019 106.903 C 57.71 106.903 47.817 102.809 40.527 95.519 L 16.655 71.647 C 15.248 70.24 14.456 68.331 14.463 66.344 C 14.456 64.357 15.248 62.448 16.655 61.041 C 18.062 59.633 19.971 58.841 21.958 58.848 C 23.945 58.841 25.854 59.633 27.261 61.041 L 51.133 84.912 C 55.609 89.388 61.691 91.906 68.026 91.906 C 74.348 91.906 80.429 89.388 84.912 84.905 C 89.388 80.429 91.905 74.348 91.905 68.027 C 91.905 61.691 89.388 55.61 84.912 51.134 L 61.04 27.262 Z "
-      fill-rule="evenodd"
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'gnome'"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    style="isolation:isolate"
-    viewBox="0 0 81.359 100"
-    width="81.359"
-    height="100"
-    v-bind="$attrs"
-  >
-    <path
-      d=" M 72.781 0 C 51.978 0 48.075 29.63 59.778 29.63 C 71.48 29.63 93.585 0 72.781 0 L 72.781 0 L 72.781 0 L 72.781 0 Z  M 38.238 25.959 C 44.469 26.339 51.305 2.179 39.594 3.699 C 27.887 5.218 32.004 25.578 38.238 25.959 L 38.238 25.959 L 38.238 25.959 L 38.238 25.959 Z  M 9.68 40.972 C 14.112 39.021 10.251 19.94 2.715 25.144 C -4.818 30.348 5.248 42.922 9.68 40.972 L 9.68 40.972 L 9.68 40.972 Z  M 22.167 30.984 C 27.443 29.909 27.732 8.268 18.324 12.15 C 8.914 16.033 16.896 32.062 22.167 30.984 L 22.167 30.984 L 22.167 30.984 Z  M 49.716 79.412 C 50.652 86.561 44.471 90.091 38.419 85.483 C 19.15 70.813 70.322 63.494 66.949 43.452 C 64.149 26.816 13.105 31.937 7.292 57.968 C 3.358 75.574 23.488 100 44.493 100 C 54.826 100 66.744 90.67 68.974 78.85 C 70.677 69.837 48.934 73.448 49.716 79.412 L 49.716 79.412 Z "
-      fill-rule="evenodd"
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'awesome'"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    v-bind="$attrs"
-  >
-    <path
-      d="M0 24V8.25H16.5V7.5H0V0H24V24H16.5V15.75H7.5V16.5H15.75V24H0Z"
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'elementary'"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    style="isolation:isolate"
-    viewBox="0 0 100 100"
-    width="100"
-    height="100"
-    v-bind="$attrs"
-  >
-    <path
-      d=" M 50 0 C 22.386 0 0 22.386 0 50 C 0 77.614 22.386 100 50 100 C 77.614 100 100 77.614 100 50 C 100 22.386 77.614 0 50 0 Z  M 50 4.167 C 70.995 4.167 88.692 18.283 94.12 37.542 C 89.445 47.184 82.793 55.865 74.693 62.88 C 70.801 66.25 66.553 69.254 61.859 71.37 C 57.166 73.485 52.004 74.685 46.865 74.391 C 43.003 74.169 39.189 73.094 35.807 71.219 C 44.769 66.363 52.855 59.888 59.474 52.135 C 63.819 47.047 67.62 41.263 69.083 34.734 C 69.815 31.47 69.939 28.051 69.255 24.776 C 68.571 21.501 67.057 18.38 64.766 15.943 C 62.527 13.561 59.588 11.874 56.437 11.005 C 53.287 10.136 49.934 10.069 46.719 10.656 C 40.288 11.831 34.547 15.569 29.943 20.208 C 21.826 28.387 16.809 39.926 17.729 51.411 C 18.189 57.154 20.114 62.797 23.411 67.521 C 24.148 68.575 24.957 69.58 25.823 70.531 C 21.019 72.213 16.045 73.409 11 74.083 C 6.669 67.085 4.167 58.835 4.167 50 C 4.167 24.687 24.687 4.167 50 4.167 Z  M 50.292 13.427 C 53.514 13.431 56.757 14.407 59.328 16.349 C 61.644 18.099 63.36 20.588 64.333 23.323 C 65.306 26.058 65.556 29.028 65.224 31.911 C 64.56 37.679 61.651 42.968 58.135 47.589 C 51.911 55.77 43.638 62.317 34.438 66.901 C 33.496 67.37 32.539 67.816 31.578 68.245 C 29.576 66.493 27.86 64.415 26.552 62.099 C 23.819 57.26 22.918 51.511 23.448 45.979 C 23.978 40.447 25.877 35.115 28.427 30.177 C 31.384 24.452 35.415 19.029 41.057 15.917 C 43.879 14.361 47.07 13.423 50.292 13.427 Z  M 95.422 43.865 C 95.69 45.872 95.833 47.919 95.833 50 C 95.833 75.313 75.313 95.833 50 95.833 C 35.784 95.833 23.079 89.362 14.672 79.203 C 19.861 78.025 24.932 76.332 29.797 74.177 C 31.924 75.797 34.273 77.126 36.771 78.083 C 43.963 80.841 52.128 80.442 59.406 77.922 C 66.685 75.402 73.139 70.88 78.766 65.62 C 85.468 59.354 91.12 51.969 95.422 43.865 Z "
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'cinnamon'"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    style="isolation:isolate"
-    viewBox="0 0 90 87.407"
-    width="90"
-    height="87.407"
-    v-bind="$attrs"
-  >
-    <path
-      d=" M 79.536 54.583 C 80.721 51.087 81.327 47.412 81.327 43.703 C 81.327 39.029 80.364 34.406 78.491 30.13 C 76.652 25.95 74.024 22.16 70.737 18.994 C 67.398 15.768 63.478 13.209 59.185 11.448 C 54.683 9.61 49.861 8.664 44.996 8.673 C 40.139 8.664 35.317 9.61 30.815 11.448 C 26.522 13.209 22.602 15.768 19.263 18.994 C 15.976 22.16 13.339 25.95 11.509 30.121 C 9.636 34.406 8.673 39.029 8.673 43.703 L 8.673 43.703 C 8.673 48.378 9.636 53.001 11.509 57.277 C 12.556 59.668 13.867 61.932 15.413 64.025 L 46.401 28.959 L 50.737 37.632 L 42.931 55.846 L 61.584 34.163 L 79.536 54.583 Z  M 0 43.703 C 0 37.832 1.214 32.03 3.565 26.652 C 5.854 21.431 9.141 16.713 13.235 12.758 C 17.372 8.76 22.22 5.594 27.537 3.417 C 33.079 1.154 39.011 -0.009 44.996 0 C 50.989 -0.009 56.921 1.154 62.463 3.417 C 67.78 5.594 72.628 8.76 76.756 12.758 C 80.859 16.713 84.146 21.431 86.435 26.644 C 88.786 32.03 90 37.832 90 43.703 C 90 49.575 88.786 55.377 86.435 60.763 C 84.146 65.976 80.859 70.694 76.756 74.649 C 72.628 78.647 67.78 81.813 62.463 83.99 C 56.921 86.253 50.989 87.416 44.996 87.407 C 39.011 87.416 33.079 86.253 27.537 83.99 C 22.22 81.813 17.372 78.647 13.235 74.649 C 9.141 70.694 5.854 65.976 3.565 60.763 C 1.214 55.377 0 49.575 0 43.703 L 0 43.703 Z "
-      fill-rule="evenodd"
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'plasma'"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    style="isolation:isolate"
-    viewBox="0 0 89.753 100"
-    width="89.753"
-    height="100"
-    v-bind="$attrs"
-  >
-    <path
-      d=" M 41.1 56.122 L 41.1 6.412 C 41.1 4.58 41.698 3.053 42.892 1.832 C 44.086 0.611 45.628 0 47.516 0 C 49.405 0 50.932 0.569 52.099 1.707 C 53.293 2.845 53.89 4.413 53.89 6.412 L 53.89 24.98 L 74.887 2.415 C 76.359 0.805 78.011 0 79.844 0 C 81.538 0 83.01 0.583 84.26 1.748 C 85.538 2.886 86.176 4.385 86.176 6.245 C 86.176 7.3 85.843 8.34 85.177 9.367 C 84.51 10.367 83.441 11.602 81.969 13.073 L 65.846 29.102 L 85.552 49.877 C 86.69 50.959 87.565 52.014 88.176 53.041 C 88.815 54.04 89.134 55.15 89.134 56.372 C 89.134 58.315 88.496 59.799 87.218 60.826 C 85.94 61.826 84.357 62.325 82.469 62.325 C 81.358 62.325 80.344 62.02 79.428 61.409 C 78.539 60.799 77.4 59.772 76.011 58.328 L 53.89 34.181 L 53.89 56.122 C 53.89 57.87 53.293 59.342 52.099 60.535 C 50.904 61.729 49.377 62.325 47.516 62.325 C 45.655 62.325 44.114 61.756 42.892 60.618 C 41.698 59.48 41.1 57.981 41.1 56.122 L 41.1 56.122 Z  M 9.756 80.339 L 17.951 88.919 L 31.219 79.949 L 41.755 84.629 L 45.267 100 L 56.584 99.896 L 59.705 84.125 L 70.242 79.949 L 83.51 88.529 L 89.753 79.949 L 74.696 65.748 C 36.102 101.124 2.752 46.602 35.901 23.792 L 35.901 15.602 L 31.999 17.552 L 19.902 9.866 L 11.545 16.724 L 19.121 29.641 L 14.829 40.171 L 0.046 42.625 L 0 53.82 L 15.219 57.72 L 19.414 67.957 L 9.756 80.339 L 9.756 80.339 Z "
-      fill-rule="evenodd"
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'mate'"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    style="isolation:isolate"
-    viewBox="0 0 97.338 94.68"
-    width="97.338"
-    height="94.68"
-    v-bind="$attrs"
-  >
-    <path
-      d=" M 0 78.895 L 0 48.096 L 0 17.297 L 26.673 32.697 L 53.345 48.096 L 26.673 63.496 L 0 78.895 L 0 78.895 Z  M 20.588 21.19 L 18.548 23.88 L 11.958 18.85 L 14.618 15.86 C 15.578 14.79 16.578 13.76 17.628 12.78 C 22.048 8.63 27.228 5.37 32.878 3.18 C 38.338 1.08 44.138 0 49.988 0 C 56.348 0 62.648 1.27 68.518 3.75 C 74.588 6.33 80.048 10.15 84.558 14.97 C 88.698 19.39 91.958 24.57 94.148 30.22 C 96.258 35.68 97.338 41.48 97.338 47.33 C 97.338 53.69 96.058 59.99 93.578 65.86 C 90.998 71.93 87.178 77.39 82.358 81.9 C 77.938 86.04 72.768 89.3 67.108 91.49 C 61.658 93.6 55.858 94.68 50.008 94.68 C 43.638 94.68 37.338 93.4 31.478 90.92 C 25.408 88.34 19.938 84.52 15.438 79.7 L 12.708 76.78 L 19.438 72.01 L 21.278 74.24 C 25.018 78.24 29.558 81.41 34.598 83.56 C 39.478 85.62 44.718 86.68 50.008 86.68 C 54.868 86.68 59.688 85.78 64.228 84.03 C 68.918 82.21 73.218 79.5 76.898 76.06 C 80.898 72.31 84.068 67.78 86.218 62.73 C 88.278 57.86 89.338 52.62 89.338 47.33 C 89.338 42.47 88.438 37.65 86.688 33.11 C 84.868 28.41 82.158 24.11 78.718 20.44 C 74.968 16.44 70.438 13.26 65.388 11.12 C 60.518 9.06 55.278 8 49.988 8 C 45.128 8 40.298 8.89 35.768 10.64 C 31.068 12.47 26.768 15.17 23.098 18.62 C 22.228 19.44 21.388 20.29 20.588 21.19 L 20.588 21.19 Z  M 31.148 29.39 L 29.178 31.36 L 22.598 26.78 L 25.358 23.88 C 31.778 17.13 40.708 13.3 50.028 13.3 C 58.758 13.3 67.158 16.66 73.478 22.67 C 80.238 29.09 84.058 38.02 84.058 47.34 C 84.058 56.07 80.708 64.47 74.698 70.8 C 68.268 77.55 59.338 81.38 50.018 81.37 C 41.288 81.37 32.888 78.02 26.568 72.01 L 23.668 69.25 L 30.689 64.971 L 32.078 66.21 C 36.918 70.81 43.348 73.38 50.018 73.37 C 57.148 73.38 63.978 70.45 68.898 65.28 C 73.498 60.44 76.058 54.02 76.058 47.34 C 76.058 40.21 73.138 33.38 67.968 28.47 C 63.128 23.87 56.708 21.3 50.028 21.3 C 42.898 21.3 36.068 24.23 31.148 29.39 Z "
-      fill-rule="evenodd"
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'xfce'"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    style="isolation:isolate"
-    viewBox="0 0 67.156 67.383"
-    width="67.156"
-    height="67.383"
-    v-bind="$attrs"
-  >
-    <path
-      color="active"
-      d=" M 51.334 0 C 51.295 0 51.259 0.004 51.218 0.011 C 50.552 0.618 50.254 1.816 49.918 2.732 C 49.125 5.416 48.934 8.227 48.355 10.954 C 48.034 14.867 46.648 18.815 47.597 22.745 C 47.646 23.841 49.224 23.915 49.513 22.793 C 49.733 21.894 50.171 21.149 50.344 20.24 C 51.83 14.074 52.799 7.714 52.392 1.358 C 52.293 0.869 51.919 0.012 51.334 0 L 51.334 0 Z  M 66.062 3.164 C 63.355 4.524 62.009 7.398 60.356 9.775 C 59.73 10.686 59.298 11.719 58.682 12.649 C 56.513 16.334 54.116 20.167 53.85 24.551 C 53.751 26.089 55.988 26.196 56.461 24.972 C 57.129 23.86 57.972 22.79 58.651 21.656 C 62.041 16.293 64.673 10.491 66.989 4.596 C 67.434 3.804 66.943 3.126 66.062 3.164 L 66.062 3.164 Z  M 23.351 5.122 C 23.099 5.122 22.849 5.14 22.598 5.175 C 18.468 5.947 17.066 10.481 17.829 14.171 C 18.131 17.384 18.985 20.532 19.819 23.614 C 17.138 25.711 16.718 20.217 15.502 18.645 C 13.916 15.489 12.264 11.797 8.791 10.391 C 4.982 10.004 2.626 14.415 2.911 17.771 C 2.659 21.289 4.718 24.573 4.495 27.994 C 1.306 36.352 -1.001 45.48 0.437 54.461 C 1.233 59.911 4.994 65.019 10.465 66.457 C 17.062 68.527 23.96 66.753 30.336 64.773 C 39.88 61.802 48.956 57.414 57.493 52.24 C 61.059 49.755 65.393 47.149 66.61 42.691 C 66.973 37.396 62.486 33.304 58.177 31.005 C 51.17 27.317 43.278 25.828 35.568 24.372 C 33.908 23.725 30.717 25.384 30.347 22.03 C 30.242 17.13 30.284 11.872 27.794 7.496 C 26.866 5.944 25.116 5.12 23.351 5.122 L 23.351 5.122 Z "
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'gentoo'"
-    width="63"
-    height="65"
-    viewBox="0 0 63 65"
-    fill="currentColor"
-    xmlns="http://www.w3.org/2000/svg"
-    v-bind="$attrs"
-  >
-    <path
-      d="M27.5314 16.5725C24.0072 22.0321 32.6483 23.7106 33.9712 22.715C39.6749 18.4223 29.0841 14.1671 27.5314 16.5725Z"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M24.4059 2.6499C18.1721 3.30684 16.9782 4.10916 11.3309 8.38186C9.43819 9.81387 5.9546 13.2982 5.06203 17.4318C4.72208 19.0061 5.12391 20.3653 6.25773 21.3185C9.1679 23.7651 13.6496 25.8416 17.8811 27.8023C18.9285 28.2876 19.9607 28.7658 20.9498 29.2408C22.41 29.9419 21.4432 31.2132 19.0885 33.2517C18.3758 33.8687 17.6329 34.5018 16.8765 35.1466C11.3272 39.8763 5.04655 45.2292 4.55301 49.4281C4.28875 51.6764 5.05844 54.7314 7.78737 56.2948C10.9752 58.1211 17.5926 56.9291 22.0113 55.2836C28.4685 52.8791 36.9505 47.5725 43.6844 42.3561C50.6869 36.9318 57.1976 30.0422 57.5196 28.9185C57.9151 27.5386 57.8757 26.2641 57.1125 24.7988C55.9925 22.6485 54.5199 21.0145 52.9277 19.2479L52.9237 19.2434C52.8134 19.121 52.7024 18.9978 52.5911 18.874C47.9746 14.0071 43.0901 9.7306 37.2461 6.45347C33.026 4.08693 29.3129 2.13279 24.4059 2.6499ZM40.8649 20.0102C40.1421 25.3055 35.5199 27.453 30.1574 26.7076C27.0306 26.273 20.7773 22.7515 21.2489 16.6577C21.7025 10.7957 28.4314 9.70419 31.5307 10.553C35.2422 11.5695 41.4155 15.9766 40.8649 20.0102Z"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M6.56325 41.8314C3.30212 45.2558 1.007 49.0253 0.99999 51.7251C0.999788 51.7962 0.998666 51.8799 0.997392 51.975C0.983068 53.044 0.949533 55.5469 1.98836 57.5571C2.01458 57.6078 2.04379 57.6659 2.07636 57.7306C2.57223 58.7163 3.8487 61.2536 7.26971 63.1839C9.59988 64.4988 12.9203 64.9825 16.1703 64.5187C26.2284 63.0833 39.6988 54.5526 49.3115 46.608C55.4379 41.5448 59.9158 36.638 61.2093 34.2221C62.2529 32.2729 62.3693 28.7754 61.7639 26.5813C60.044 20.3476 46.0651 7.58081 34.6346 2.44191C30.991 0.803857 26.5641 0.294854 22.7083 0.999997C11.1199 3.11925 2.96717 13.1433 2.27665 19.7485C1.93785 22.9892 3.68459 25.4149 4.64828 26.4856C6.67729 28.7399 10.2759 30.579 13.3451 32.1475C14.2156 32.5924 15.0435 33.0155 15.781 33.4201C10.956 37.534 8.74264 39.5428 6.56325 41.8314ZM19.0364 31.1999C15.8776 33.8669 13.7774 35.6652 11.1443 38.0718C4.80338 43.8673 0.494994 48.2787 2.71622 54.3089C5.27855 61.2651 10.8954 60.9124 17.482 59.6194C34.4598 56.2709 62.3683 34.8154 60.9458 26.8905C59.7948 20.4781 44.2026 7.72933 34.9709 3.1927C32.0868 1.77543 28.763 1.04242 25.4291 1.19928C12.735 1.79843 2.82167 13.3558 3.32808 19.6178C3.73532 24.6535 14.3262 29.1536 17.8844 30.6656C18.6309 30.9827 19.0679 31.1684 19.0364 31.1999Z"
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'ubuntu'"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="currentColor"
-    xmlns="http://www.w3.org/2000/svg"
-    v-bind="$attrs"
-  >
-    <path
-      d="M2.49998 14.5C3.88069 14.5 4.99997 13.3807 4.99997 12C4.99997 10.6193 3.88069 9.50002 2.49998 9.50002C1.11928 9.50002 0 10.6193 0 12C0 13.3807 1.11928 14.5 2.49998 14.5Z"
-    />
-    <path
-      d="M18.997 24C20.3777 24 21.497 22.8807 21.497 21.5C21.497 20.1193 20.3777 19 18.997 19C17.6163 19 16.497 20.1193 16.497 21.5C16.497 22.8807 17.6163 24 18.997 24Z"
-    />
-    <path
-      d="M18.997 4.99997C20.3777 4.99997 21.497 3.88069 21.497 2.49998C21.497 1.11928 20.3777 0 18.997 0C17.6163 0 16.497 1.11928 16.497 2.49998C16.497 3.88069 17.6163 4.99997 18.997 4.99997Z"
-    />
-    <path
-      d="M12.223 6.92198C12.3347 7.11553 12.5612 7.21148 12.778 7.15697C15.3994 6.48197 18.079 8.02847 18.806 10.636C18.8668 10.8513 19.0633 10.9999 19.287 11H23.373C23.6491 11.0001 23.8731 10.7764 23.8732 10.5002C23.8732 10.4737 23.8711 10.4472 23.867 10.421C23.5778 8.60217 22.7908 6.89892 21.593 5.49998C21.4278 5.30939 21.1465 5.27166 20.937 5.412C20.3638 5.79553 19.6896 6.00019 18.9999 6C17.0884 5.9932 15.5331 4.45927 15.4999 2.54798C15.4963 2.29509 15.3044 2.08477 15.0529 2.058C13.485 1.89375 11.9005 2.10136 10.4279 2.664C10.17 2.76281 10.0411 3.05198 10.14 3.30984C10.1494 3.33441 10.1607 3.35822 10.1739 3.381L12.223 6.92198Z"
-    />
-    <path
-      d="M23.374 13H19.288C19.0643 13 18.8678 13.1487 18.807 13.364C18.081 15.9722 15.4006 17.5191 12.779 16.843C12.5623 16.7885 12.3357 16.8844 12.224 17.078L10.18 20.619C10.0419 20.8581 10.1237 21.1639 10.3628 21.302C10.3856 21.3152 10.4094 21.3265 10.434 21.336C11.9051 21.9044 13.491 22.1122 15.059 21.942C15.3105 21.9152 15.5024 21.7048 15.506 21.452C15.5281 19.5235 17.1094 17.9781 19.0378 18.0002C19.7145 18.008 20.3743 18.2122 20.937 18.588C21.1475 18.7282 21.4295 18.6891 21.594 18.497C22.7913 17.0989 23.5783 15.3967 23.868 13.579C23.9116 13.3063 23.726 13.0499 23.4533 13.0063C23.427 13.0021 23.4005 13 23.374 13Z"
-    />
-    <path
-      d="M10.416 15.481C8.52905 13.5435 8.52905 10.4555 10.416 8.51798C10.5724 8.35725 10.6027 8.11195 10.49 7.91798L8.44898 4.38497C8.37567 4.25789 8.25028 4.16939 8.106 4.14295C7.96266 4.11825 7.81547 4.15448 7.70002 4.24294C6.24783 5.42362 5.15583 6.9878 4.548 8.75794C4.47998 8.95533 4.54177 9.17423 4.70302 9.30694C6.19059 10.4932 6.43491 12.6607 5.24869 14.1482C5.08781 14.35 4.90477 14.533 4.70302 14.6939C4.54177 14.8266 4.47998 15.0455 4.548 15.2429C5.1562 17.0115 6.24783 18.5742 7.69898 19.7539C7.78828 19.8265 7.89989 19.866 8.01497 19.8659C8.04516 19.8657 8.07525 19.863 8.10497 19.8579C8.24925 19.8315 8.37469 19.743 8.44795 19.6159L10.4889 16.0809C10.602 15.8872 10.5721 15.642 10.416 15.481Z"
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'fedora'"
-    width="56"
-    fill="currentColor"
-    height="56"
-    viewBox="0 0 56 56"
-    xmlns="http://www.w3.org/2000/svg"
-    v-bind="$attrs"
-  >
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M0 27.9863C0.0112 12.5316 12.5427 0.0015583 28.0001 0.0015583L27.9999 -0.00012207C43.4638 -0.00012207 56 12.5355 56 28C56 43.4604 43.4741 56.0002 28.0153 56.0002H4.34534C1.93831 56.0002 0 54.0618 0 51.6548V27.9863ZM24 19C24 11.8203 29.8203 6 37 6C37.7394 6 38.4554 6.08497 39.1603 6.20703C39.3947 6.2202 39.6267 6.26085 39.8517 6.32813L39.8557 6.32812L39.8595 6.32813C41.1286 6.70759 41.9987 7.87454 42.0001 9.19922C42.0001 10.8561 40.6569 12.1992 39.0001 12.1992C38.8061 12.1997 38.6124 12.1814 38.422 12.1445H38.418C37.9604 12.0494 37.4855 12 37 12C33.134 12 30 15.134 30 19V23.9219C30 25.9988 31.8477 26 31.8477 26H35.0859C36.6875 26.1408 37.944 27.4581 37.9453 29.1016C37.9453 30.4294 37.1227 31.5436 35.9648 32H28V39C28 46.1797 22.1797 52 15 52C14.2857 52 13.5855 51.9401 12.9023 51.8281C12.8828 51.8249 12.8663 51.8161 12.8497 51.8073C12.8365 51.8003 12.8233 51.7932 12.8086 51.7891C11.2314 51.6882 10.003 50.3812 10 48.8008C10 47.1439 11.3431 45.8008 13 45.8008C13.063 45.812 13.1236 45.8229 13.1826 45.8336C13.7039 45.928 14.1016 46 15 46C18.866 46 22 42.866 22 39V34.0781C22 32.0012 20.1523 32 20.1523 32H15.9844C14.8325 31.541 14.0195 30.4292 14.0195 29.1055C14.0191 27.4386 15.3077 26.1219 16.9453 26H24V19Z"
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'linux-mint'"
-    width="19"
-    height="16"
-    fill="currentColor"
-    viewBox="0 0 19 16"
-    xmlns="http://www.w3.org/2000/svg"
-    v-bind="$attrs"
-  >
-    <path
-      d="M0.515625 0.078125V4.76562H2.85938V9.45312C2.85938 12.5781 4.8125 15.3125 7.9375 15.3125H18.0938V5.54688C18.0938 2.33359 15.4476 0.0935957 12.2344 0.078125H0.515625ZM1.6875 1.25H12.2344C14.8184 1.25 16.9219 2.96289 16.9219 5.54688V14.1406H7.9375C5.59375 14.1406 4.03125 11.7969 4.03125 9.45312V5.15625C4.03125 3.99816 3.58116 3.59375 2.46875 3.59375H1.6875V1.25Z"
-    />
-    <path
-      d="M5.59375 2.42186V10.2344C5.59375 11.7969 6.76563 12.5781 7.9375 12.5781H13.4063C14.7047 12.5781 15.3594 11.9234 15.3594 10.625V5.54688C15.3594 4.57071 14.3562 3.98438 13.4063 3.98438C12.8308 3.98438 12.3995 4.24115 12.0271 4.62289C11.6547 4.24115 11.2473 3.98438 10.6719 3.98438C9.64203 3.98438 8.71875 4.58488 8.71875 5.54688V9.45313H9.89063V5.93753C9.89063 5.45214 10.1865 5.15628 10.6719 5.15628C11.1573 5.15628 11.4531 5.45213 11.4531 5.93753V9.45313H12.625V5.93749C12.625 5.4521 12.9208 5.15626 13.4063 5.15626C13.8917 5.15626 14.1875 5.4521 14.1875 5.93749V10.625C14.1875 11.2742 14.0555 11.4062 13.4063 11.4062L7.9375 11.4063C7.15625 11.4063 6.76563 10.625 6.76563 9.84376V2.42188L5.59375 2.42186Z"
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'arch-linux'"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    style="isolation:isolate"
-    viewBox="535.623 183 294.755 294.755"
-    width="294.755"
-    height="294.755"
-    v-bind="$attrs"
-  >
-    <path
-      d=" M 683 183 C 669.879 215.166 661.911 236.236 647.307 267.447 C 656.26 276.94 667.267 287.955 685.124 300.442 C 665.927 292.544 652.842 284.636 643.061 276.405 C 624.366 315.414 595.058 370.961 535.623 477.755 C 582.323 450.795 618.531 434.159 652.273 427.812 C 650.825 421.59 650.056 414.829 650.112 407.805 L 650.149 406.332 C 650.89 376.406 666.461 353.391 684.906 354.953 C 703.348 356.514 717.708 382.052 716.966 411.984 C 716.824 417.621 716.17 423.037 715.06 428.066 C 748.436 434.596 784.299 451.154 830.377 477.755 C 821.291 461.028 813.153 445.954 805.406 431.589 C 793.206 422.133 780.485 409.832 754.529 396.509 C 772.371 401.147 785.155 406.507 795.112 412.485 C 716.368 265.868 710.002 246.372 683 183 L 683 183 L 683 183 Z "
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'xmonad'"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    style="isolation:isolate"
-    viewBox="179 14 90 90"
-    width="90"
-    height="90"
-    v-bind="$attrs"
-  >
-    <path
-      d=" M 179 59 C 179 34.164 199.164 14 224 14 C 248.836 14 269 34.164 269 59 C 269 83.836 248.836 104 224 104 C 199.164 104 179 83.836 179 59 Z  M 216.5 74.479 L 216.5 78.479 L 225.5 82.479 L 216.5 87.479 L 216.5 91.479 L 229.5 84.479 L 229.5 80.479 L 216.5 74.479 L 216.5 74.479 L 216.5 74.479 L 216.5 74.479 L 216.5 74.479 Z  M 203.5 74.479 L 203.5 78.479 L 212.5 82.479 L 203.5 87.479 L 203.5 91.479 L 216.5 84.479 L 216.5 80.479 L 203.5 74.479 L 203.5 74.479 L 203.5 74.479 L 203.5 74.479 L 203.5 74.479 Z  M 205.5 26.521 L 212.5 26.521 L 223.5 44.479 L 234.5 26.521 L 242.5 26.521 L 227.5 49.479 L 244.5 74.479 L 237.5 74.479 L 223.5 54.479 L 210.5 74.479 L 203.5 74.479 L 219.5 49.479 L 205.5 26.521 L 205.5 26.521 L 205.5 26.521 L 205.5 26.521 Z  M 232.5 78.479 L 244.5 78.479 L 244.5 81.479 L 232.5 81.479 L 232.5 78.479 L 232.5 78.479 L 232.5 78.479 Z  M 232.5 85.479 L 244.5 85.479 L 244.5 88.479 L 232.5 88.479 L 232.5 85.479 L 232.5 85.479 Z "
-      fill-rule="evenodd"
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'love'"
-    xmlns="http://www.w3.org/2000/svg"
-    style="isolation:isolate"
-    viewBox="0 0 43 40"
-    v-bind="$attrs"
-  >
-    <path
-      d="M20 4c-2-2-5-4-9-4C5 0 0 5 0 12q0 9 20 23 20-13 20-23c0-9-5-12-11-12-4 0-7 2-9 4z"
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'checkbox'"
-    width="37"
-    height="28"
-    viewBox="0 0 37 28"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    v-bind="$attrs"
-  >
-    <path
-      d="M3 16.0213L11.9362 24.9574L33.8936 3"
-      stroke="currentColor"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'suprematism-bottom-left'"
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 201 359"
-  >
-    <rect
-      class="cls-1"
-      width="201"
-      height="359"
-      fill="var(--color-active)"
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'suprematism-bottom-right'"
-    width="100"
-    height="76"
-    viewBox="0 0 100 76"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M41.0158 0C66.864 0 84.1543 1.57185 93.5854 18.6875C103.017 35.8032 101.969 40.3441 90.9657 53.9668C79.9628 67.5895 54.2892 83.308 41.0158 71.6065C27.7424 59.9049 49.5737 54.3161 49.7483 36.5018C49.923 18.6875 5.2126 43.8371 0.671705 25.1496C-3.86919 6.46205 15.1676 0 41.0158 0Z"
-      fill="var(--color-active)"
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'suprematism-top-right'"
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 172.8 270.39"
-  >
-    <polygon
-      class="cls-1"
-      fill="none"
-      stroke="var(--color-active)"
-      stroke-width="15px"
-      points="139.24 6.5 100.97 6.5 73.91 33.56 73.91 71.83 100.97 98.89 139.24 98.89 166.3 71.83 166.3 33.56 139.24 6.5"
-    />
-    <polygon
-      class="cls-2"
-      points="60.1 166.29 0 270.39 120.21 270.39 60.1 166.29"
-      fill="var(--color-active)"
-    />
-    <polygon
-      class="cls-3"
-      points="66.1 199.9 35.1 253.59 97.1 253.59 66.1 199.9"
-    />
-  </svg>
-
-  <svg
-    v-else-if="name === 'suprematism-top-left'"
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 455.15 353.29"
-  >
-    <path
-      fill="var(--color-active)"
-      d="M247.9,104.29c95,27,165-14,191,73s35,176-85,176-12-99-106-123-63,146-148,105-5-62,15-121-168-67-100-175S152.9,77.29,247.9,104.29Z"
-    />
-  </svg>
+<script setup lang="ts">
+import { computed } from 'vue'
+import type { Component } from 'vue'
 
-  <svg
-    v-else-if="name === 'suprematism-bottom-left-pattern'"
-    width="198"
-    height="348"
-    viewBox="0 0 198 348"
-    fill="var(--color-active)"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M189 18C193.971 18 198 13.9706 198 9C198 4.02944 193.971 0 189 0C184.029 0 180 4.02944 180 9C180 13.9706 184.029 18 189 18Z"
-      fill="black"
-    />
-    <path
-      d="M189 48C193.971 48 198 43.9706 198 39C198 34.0294 193.971 30 189 30C184.029 30 180 34.0294 180 39C180 43.9706 184.029 48 189 48Z"
-      fill="black"
-    />
-    <path
-      d="M189 78C193.971 78 198 73.9706 198 69C198 64.0294 193.971 60 189 60C184.029 60 180 64.0294 180 69C180 73.9706 184.029 78 189 78Z"
-      fill="black"
-    />
-    <path
-      d="M189 108C193.971 108 198 103.971 198 99C198 94.0294 193.971 90 189 90C184.029 90 180 94.0294 180 99C180 103.971 184.029 108 189 108Z"
-      fill="black"
-    />
-    <path
-      d="M189 138C193.971 138 198 133.971 198 129C198 124.029 193.971 120 189 120C184.029 120 180 124.029 180 129C180 133.971 184.029 138 189 138Z"
-      fill="black"
-    />
-    <path
-      d="M189 168C193.971 168 198 163.971 198 159C198 154.029 193.971 150 189 150C184.029 150 180 154.029 180 159C180 163.971 184.029 168 189 168Z"
-      fill="black"
-    />
-    <path
-      d="M189 198C193.971 198 198 193.971 198 189C198 184.029 193.971 180 189 180C184.029 180 180 184.029 180 189C180 193.971 184.029 198 189 198Z"
-      fill="black"
-    />
-    <path
-      d="M189 228C193.971 228 198 223.971 198 219C198 214.029 193.971 210 189 210C184.029 210 180 214.029 180 219C180 223.971 184.029 228 189 228Z"
-      fill="black"
-    />
-    <path
-      d="M189 258C193.971 258 198 253.971 198 249C198 244.029 193.971 240 189 240C184.029 240 180 244.029 180 249C180 253.971 184.029 258 189 258Z"
-      fill="black"
-    />
-    <path
-      d="M189 288C193.971 288 198 283.971 198 279C198 274.029 193.971 270 189 270C184.029 270 180 274.029 180 279C180 283.971 184.029 288 189 288Z"
-      fill="black"
-    />
-    <path
-      d="M189 318C193.971 318 198 313.971 198 309C198 304.029 193.971 300 189 300C184.029 300 180 304.029 180 309C180 313.971 184.029 318 189 318Z"
-      fill="black"
-    />
-    <path
-      d="M189 348C193.971 348 198 343.971 198 339C198 334.029 193.971 330 189 330C184.029 330 180 334.029 180 339C180 343.971 184.029 348 189 348Z"
-      fill="black"
-    />
-    <path
-      d="M159 18C163.971 18 168 13.9706 168 9C168 4.02944 163.971 0 159 0C154.029 0 150 4.02944 150 9C150 13.9706 154.029 18 159 18Z"
-      fill="black"
-    />
-    <path
-      d="M159 48C163.971 48 168 43.9706 168 39C168 34.0294 163.971 30 159 30C154.029 30 150 34.0294 150 39C150 43.9706 154.029 48 159 48Z"
-      fill="black"
-    />
-    <path
-      d="M159 78C163.971 78 168 73.9706 168 69C168 64.0294 163.971 60 159 60C154.029 60 150 64.0294 150 69C150 73.9706 154.029 78 159 78Z"
-      fill="black"
-    />
-    <path
-      d="M159 108C163.971 108 168 103.971 168 99C168 94.0294 163.971 90 159 90C154.029 90 150 94.0294 150 99C150 103.971 154.029 108 159 108Z"
-      fill="black"
-    />
-    <path
-      d="M159 138C163.971 138 168 133.971 168 129C168 124.029 163.971 120 159 120C154.029 120 150 124.029 150 129C150 133.971 154.029 138 159 138Z"
-      fill="black"
-    />
-    <path
-      d="M159 168C163.971 168 168 163.971 168 159C168 154.029 163.971 150 159 150C154.029 150 150 154.029 150 159C150 163.971 154.029 168 159 168Z"
-      fill="black"
-    />
-    <path
-      d="M159 198C163.971 198 168 193.971 168 189C168 184.029 163.971 180 159 180C154.029 180 150 184.029 150 189C150 193.971 154.029 198 159 198Z"
-      fill="black"
-    />
-    <path
-      d="M159 228C163.971 228 168 223.971 168 219C168 214.029 163.971 210 159 210C154.029 210 150 214.029 150 219C150 223.971 154.029 228 159 228Z"
-      fill="black"
-    />
-    <path
-      d="M159 258C163.971 258 168 253.971 168 249C168 244.029 163.971 240 159 240C154.029 240 150 244.029 150 249C150 253.971 154.029 258 159 258Z"
-      fill="black"
-    />
-    <path
-      d="M159 288C163.971 288 168 283.971 168 279C168 274.029 163.971 270 159 270C154.029 270 150 274.029 150 279C150 283.971 154.029 288 159 288Z"
-      fill="black"
-    />
-    <path
-      d="M159 318C163.971 318 168 313.971 168 309C168 304.029 163.971 300 159 300C154.029 300 150 304.029 150 309C150 313.971 154.029 318 159 318Z"
-      fill="black"
-    />
-    <path
-      d="M159 348C163.971 348 168 343.971 168 339C168 334.029 163.971 330 159 330C154.029 330 150 334.029 150 339C150 343.971 154.029 348 159 348Z"
-      fill="black"
-    />
-    <path
-      d="M129 18C133.971 18 138 13.9706 138 9C138 4.02944 133.971 0 129 0C124.029 0 120 4.02944 120 9C120 13.9706 124.029 18 129 18Z"
-      fill="black"
-    />
-    <path
-      d="M129 48C133.971 48 138 43.9706 138 39C138 34.0294 133.971 30 129 30C124.029 30 120 34.0294 120 39C120 43.9706 124.029 48 129 48Z"
-      fill="black"
-    />
-    <path
-      d="M129 78C133.971 78 138 73.9706 138 69C138 64.0294 133.971 60 129 60C124.029 60 120 64.0294 120 69C120 73.9706 124.029 78 129 78Z"
-      fill="black"
-    />
-    <path
-      d="M129 108C133.971 108 138 103.971 138 99C138 94.0294 133.971 90 129 90C124.029 90 120 94.0294 120 99C120 103.971 124.029 108 129 108Z"
-      fill="black"
-    />
-    <path
-      d="M129 138C133.971 138 138 133.971 138 129C138 124.029 133.971 120 129 120C124.029 120 120 124.029 120 129C120 133.971 124.029 138 129 138Z"
-      fill="black"
-    />
-    <path
-      d="M129 168C133.971 168 138 163.971 138 159C138 154.029 133.971 150 129 150C124.029 150 120 154.029 120 159C120 163.971 124.029 168 129 168Z"
-      fill="black"
-    />
-    <path
-      d="M129 198C133.971 198 138 193.971 138 189C138 184.029 133.971 180 129 180C124.029 180 120 184.029 120 189C120 193.971 124.029 198 129 198Z"
-      fill="black"
-    />
-    <path
-      d="M129 228C133.971 228 138 223.971 138 219C138 214.029 133.971 210 129 210C124.029 210 120 214.029 120 219C120 223.971 124.029 228 129 228Z"
-      fill="black"
-    />
-    <path
-      d="M129 258C133.971 258 138 253.971 138 249C138 244.029 133.971 240 129 240C124.029 240 120 244.029 120 249C120 253.971 124.029 258 129 258Z"
-      fill="black"
-    />
-    <path
-      d="M129 288C133.971 288 138 283.971 138 279C138 274.029 133.971 270 129 270C124.029 270 120 274.029 120 279C120 283.971 124.029 288 129 288Z"
-      fill="black"
-    />
-    <path
-      d="M129 318C133.971 318 138 313.971 138 309C138 304.029 133.971 300 129 300C124.029 300 120 304.029 120 309C120 313.971 124.029 318 129 318Z"
-      fill="black"
-    />
-    <path
-      d="M129 348C133.971 348 138 343.971 138 339C138 334.029 133.971 330 129 330C124.029 330 120 334.029 120 339C120 343.971 124.029 348 129 348Z"
-      fill="black"
-    />
-    <path
-      d="M99 18C103.971 18 108 13.9706 108 9C108 4.02944 103.971 0 99 0C94.0294 0 90 4.02944 90 9C90 13.9706 94.0294 18 99 18Z"
-      fill="black"
-    />
-    <path
-      d="M99 48C103.971 48 108 43.9706 108 39C108 34.0294 103.971 30 99 30C94.0294 30 90 34.0294 90 39C90 43.9706 94.0294 48 99 48Z"
-      fill="black"
-    />
-    <path
-      d="M99 78C103.971 78 108 73.9706 108 69C108 64.0294 103.971 60 99 60C94.0294 60 90 64.0294 90 69C90 73.9706 94.0294 78 99 78Z"
-      fill="black"
-    />
-    <path
-      d="M99 108C103.971 108 108 103.971 108 99C108 94.0294 103.971 90 99 90C94.0294 90 90 94.0294 90 99C90 103.971 94.0294 108 99 108Z"
-      fill="black"
-    />
-    <path
-      d="M99 138C103.971 138 108 133.971 108 129C108 124.029 103.971 120 99 120C94.0294 120 90 124.029 90 129C90 133.971 94.0294 138 99 138Z"
-      fill="black"
-    />
-    <path
-      d="M99 168C103.971 168 108 163.971 108 159C108 154.029 103.971 150 99 150C94.0294 150 90 154.029 90 159C90 163.971 94.0294 168 99 168Z"
-      fill="black"
-    />
-    <path
-      d="M99 198C103.971 198 108 193.971 108 189C108 184.029 103.971 180 99 180C94.0294 180 90 184.029 90 189C90 193.971 94.0294 198 99 198Z"
-      fill="black"
-    />
-    <path
-      d="M99 228C103.971 228 108 223.971 108 219C108 214.029 103.971 210 99 210C94.0294 210 90 214.029 90 219C90 223.971 94.0294 228 99 228Z"
-      fill="black"
-    />
-    <path
-      d="M99 258C103.971 258 108 253.971 108 249C108 244.029 103.971 240 99 240C94.0294 240 90 244.029 90 249C90 253.971 94.0294 258 99 258Z"
-      fill="black"
-    />
-    <path
-      d="M99 288C103.971 288 108 283.971 108 279C108 274.029 103.971 270 99 270C94.0294 270 90 274.029 90 279C90 283.971 94.0294 288 99 288Z"
-      fill="black"
-    />
-    <path
-      d="M99 318C103.971 318 108 313.971 108 309C108 304.029 103.971 300 99 300C94.0294 300 90 304.029 90 309C90 313.971 94.0294 318 99 318Z"
-      fill="black"
-    />
-    <path
-      d="M99 348C103.971 348 108 343.971 108 339C108 334.029 103.971 330 99 330C94.0294 330 90 334.029 90 339C90 343.971 94.0294 348 99 348Z"
-      fill="black"
-    />
-    <path
-      d="M69 18C73.9706 18 78 13.9706 78 9C78 4.02944 73.9706 0 69 0C64.0294 0 60 4.02944 60 9C60 13.9706 64.0294 18 69 18Z"
-      fill="black"
-    />
-    <path
-      d="M69 48C73.9706 48 78 43.9706 78 39C78 34.0294 73.9706 30 69 30C64.0294 30 60 34.0294 60 39C60 43.9706 64.0294 48 69 48Z"
-      fill="black"
-    />
-    <path
-      d="M69 78C73.9706 78 78 73.9706 78 69C78 64.0294 73.9706 60 69 60C64.0294 60 60 64.0294 60 69C60 73.9706 64.0294 78 69 78Z"
-      fill="black"
-    />
-    <path
-      d="M69 108C73.9706 108 78 103.971 78 99C78 94.0294 73.9706 90 69 90C64.0294 90 60 94.0294 60 99C60 103.971 64.0294 108 69 108Z"
-      fill="black"
-    />
-    <path
-      d="M69 138C73.9706 138 78 133.971 78 129C78 124.029 73.9706 120 69 120C64.0294 120 60 124.029 60 129C60 133.971 64.0294 138 69 138Z"
-      fill="black"
-    />
-    <path
-      d="M69 168C73.9706 168 78 163.971 78 159C78 154.029 73.9706 150 69 150C64.0294 150 60 154.029 60 159C60 163.971 64.0294 168 69 168Z"
-      fill="black"
-    />
-    <path
-      d="M69 198C73.9706 198 78 193.971 78 189C78 184.029 73.9706 180 69 180C64.0294 180 60 184.029 60 189C60 193.971 64.0294 198 69 198Z"
-      fill="black"
-    />
-    <path
-      d="M69 228C73.9706 228 78 223.971 78 219C78 214.029 73.9706 210 69 210C64.0294 210 60 214.029 60 219C60 223.971 64.0294 228 69 228Z"
-      fill="black"
-    />
-    <path
-      d="M69 258C73.9706 258 78 253.971 78 249C78 244.029 73.9706 240 69 240C64.0294 240 60 244.029 60 249C60 253.971 64.0294 258 69 258Z"
-      fill="black"
-    />
-    <path
-      d="M69 288C73.9706 288 78 283.971 78 279C78 274.029 73.9706 270 69 270C64.0294 270 60 274.029 60 279C60 283.971 64.0294 288 69 288Z"
-      fill="black"
-    />
-    <path
-      d="M69 318C73.9706 318 78 313.971 78 309C78 304.029 73.9706 300 69 300C64.0294 300 60 304.029 60 309C60 313.971 64.0294 318 69 318Z"
-      fill="black"
-    />
-    <path
-      d="M69 348C73.9706 348 78 343.971 78 339C78 334.029 73.9706 330 69 330C64.0294 330 60 334.029 60 339C60 343.971 64.0294 348 69 348Z"
-      fill="black"
-    />
-    <path
-      d="M39 18C43.9706 18 48 13.9706 48 9C48 4.02944 43.9706 0 39 0C34.0294 0 30 4.02944 30 9C30 13.9706 34.0294 18 39 18Z"
-      fill="black"
-    />
-    <path
-      d="M39 48C43.9706 48 48 43.9706 48 39C48 34.0294 43.9706 30 39 30C34.0294 30 30 34.0294 30 39C30 43.9706 34.0294 48 39 48Z"
-      fill="black"
-    />
-    <path
-      d="M39 78C43.9706 78 48 73.9706 48 69C48 64.0294 43.9706 60 39 60C34.0294 60 30 64.0294 30 69C30 73.9706 34.0294 78 39 78Z"
-      fill="black"
-    />
-    <path
-      d="M39 108C43.9706 108 48 103.971 48 99C48 94.0294 43.9706 90 39 90C34.0294 90 30 94.0294 30 99C30 103.971 34.0294 108 39 108Z"
-      fill="black"
-    />
-    <path
-      d="M39 138C43.9706 138 48 133.971 48 129C48 124.029 43.9706 120 39 120C34.0294 120 30 124.029 30 129C30 133.971 34.0294 138 39 138Z"
-      fill="black"
-    />
-    <path
-      d="M39 168C43.9706 168 48 163.971 48 159C48 154.029 43.9706 150 39 150C34.0294 150 30 154.029 30 159C30 163.971 34.0294 168 39 168Z"
-      fill="black"
-    />
-    <path
-      d="M39 198C43.9706 198 48 193.971 48 189C48 184.029 43.9706 180 39 180C34.0294 180 30 184.029 30 189C30 193.971 34.0294 198 39 198Z"
-      fill="black"
-    />
-    <path
-      d="M39 228C43.9706 228 48 223.971 48 219C48 214.029 43.9706 210 39 210C34.0294 210 30 214.029 30 219C30 223.971 34.0294 228 39 228Z"
-      fill="black"
-    />
-    <path
-      d="M39 258C43.9706 258 48 253.971 48 249C48 244.029 43.9706 240 39 240C34.0294 240 30 244.029 30 249C30 253.971 34.0294 258 39 258Z"
-      fill="black"
-    />
-    <path
-      d="M39 288C43.9706 288 48 283.971 48 279C48 274.029 43.9706 270 39 270C34.0294 270 30 274.029 30 279C30 283.971 34.0294 288 39 288Z"
-      fill="black"
-    />
-    <path
-      d="M39 318C43.9706 318 48 313.971 48 309C48 304.029 43.9706 300 39 300C34.0294 300 30 304.029 30 309C30 313.971 34.0294 318 39 318Z"
-      fill="black"
-    />
-    <path
-      d="M39 348C43.9706 348 48 343.971 48 339C48 334.029 43.9706 330 39 330C34.0294 330 30 334.029 30 339C30 343.971 34.0294 348 39 348Z"
-      fill="black"
-    />
-    <path
-      d="M9 18C13.9706 18 18 13.9706 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18Z"
-      fill="black"
-    />
-    <path
-      d="M9 48C13.9706 48 18 43.9706 18 39C18 34.0294 13.9706 30 9 30C4.02944 30 0 34.0294 0 39C0 43.9706 4.02944 48 9 48Z"
-      fill="black"
-    />
-    <path
-      d="M9 78C13.9706 78 18 73.9706 18 69C18 64.0294 13.9706 60 9 60C4.02944 60 0 64.0294 0 69C0 73.9706 4.02944 78 9 78Z"
-      fill="black"
-    />
-    <path
-      d="M9 108C13.9706 108 18 103.971 18 99C18 94.0294 13.9706 90 9 90C4.02944 90 0 94.0294 0 99C0 103.971 4.02944 108 9 108Z"
-      fill="black"
-    />
-    <path
-      d="M9 138C13.9706 138 18 133.971 18 129C18 124.029 13.9706 120 9 120C4.02944 120 0 124.029 0 129C0 133.971 4.02944 138 9 138Z"
-      fill="black"
-    />
-    <path
-      d="M9 168C13.9706 168 18 163.971 18 159C18 154.029 13.9706 150 9 150C4.02944 150 0 154.029 0 159C0 163.971 4.02944 168 9 168Z"
-      fill="black"
-    />
-    <path
-      d="M9 198C13.9706 198 18 193.971 18 189C18 184.029 13.9706 180 9 180C4.02944 180 0 184.029 0 189C0 193.971 4.02944 198 9 198Z"
-      fill="black"
-    />
-    <path
-      d="M9 228C13.9706 228 18 223.971 18 219C18 214.029 13.9706 210 9 210C4.02944 210 0 214.029 0 219C0 223.971 4.02944 228 9 228Z"
-      fill="black"
-    />
-    <path
-      d="M9 258C13.9706 258 18 253.971 18 249C18 244.029 13.9706 240 9 240C4.02944 240 0 244.029 0 249C0 253.971 4.02944 258 9 258Z"
-      fill="black"
-    />
-    <path
-      d="M9 288C13.9706 288 18 283.971 18 279C18 274.029 13.9706 270 9 270C4.02944 270 0 274.029 0 279C0 283.971 4.02944 288 9 288Z"
-      fill="black"
-    />
-    <path
-      d="M9 318C13.9706 318 18 313.971 18 309C18 304.029 13.9706 300 9 300C4.02944 300 0 304.029 0 309C0 313.971 4.02944 318 9 318Z"
-      fill="black"
-    />
-    <path
-      d="M9 348C13.9706 348 18 343.971 18 339C18 334.029 13.9706 330 9 330C4.02944 330 0 334.029 0 339C0 343.971 4.02944 348 9 348Z"
-      fill="black"
-    />
-  </svg>
+const props = defineProps({
+  name: { type: String, default: 'heart' }
+})
 
-  <svg
-    v-else-if="name === 'github'"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    v-bind="$attrs"
-  >
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M12 0C5.37 0 0 5.37 0 12C0 17.31 3.435 21.795 8.205 23.385C8.805 23.49 9.03 23.13 9.03 22.815C9.03 22.53 9.015 21.585 9.015 20.58C6 21.135 5.22 19.845 4.98 19.17C4.845 18.825 4.26 17.76 3.75 17.475C3.33 17.25 2.73 16.695 3.735 16.68C4.68 16.665 5.355 17.55 5.58 17.91C6.66 19.725 8.385 19.215 9.075 18.9C9.18 18.12 9.495 17.595 9.84 17.295C7.17 16.995 4.38 15.96 4.38 11.37C4.38 10.065 4.845 8.985 5.61 8.145C5.49 7.845 5.07 6.615 5.73 4.965C5.73 4.965 6.735 4.65 9.03 6.195C9.99 5.925 11.01 5.79 12.03 5.79C13.05 5.79 14.07 5.925 15.03 6.195C17.325 4.635 18.33 4.965 18.33 4.965C18.99 6.615 18.57 7.845 18.45 8.145C19.215 8.985 19.68 10.05 19.68 11.37C19.68 15.975 16.875 16.995 14.205 17.295C14.64 17.67 15.015 18.39 15.015 19.515C15.015 21.12 15 22.41 15 22.815C15 23.13 15.225 23.505 15.825 23.385C18.2072 22.5808 20.2773 21.0498 21.7438 19.0074C23.2103 16.9651 23.9994 14.5143 24 12C24 5.37 18.63 0 12 0Z"
-      fill="currentColor"
-    />
-  </svg>
+const emit = defineEmits<{ click: [event: MouseEvent] }>()
 
-  <svg
-    v-else-if="name === 'arrow'"
-    width="26"
-    height="26"
-    viewBox="0 0 26 26"
-    xmlns="http://www.w3.org/2000/svg"
-    v-bind="$attrs"
-  >
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M13 26C20.1797 26 26 20.1797 26 13C26 5.8203 20.1797 0 13 0C5.8203 0 0 5.8203 0 13C0 20.1797 5.8203 26 13 26ZM18.353 12.5199L14.2351 8.19887C13.9824 7.93371 13.5727 7.93371 13.32 8.19887C13.0673 8.46403 13.0673 8.89394 13.32 9.1591L16.3333 12.321H7.54248C6.81917 12.4847 6.81917 13.5153 7.54248 13.679H16.3333L13.32 16.8409C13.0673 17.1061 13.0673 17.536 13.32 17.8011C13.5727 18.0663 13.9824 18.0663 14.2351 17.8011L18.353 13.4801C18.6057 13.215 18.6057 12.785 18.353 12.5199Z"
-    />
-  </svg>
+defineOptions({ inheritAttrs: false })
 
-  <div
-    v-else
-    class="widget-user-image"
-    :style="`background-image: url(${name})`"
-  />
-</template>
+const icons = import.meta.glob('@/assets/icons/*.svg', {
+  eager: true,
+  import: 'default',
+  query: '?component'
+}) as Record<string, Component>
 
-<script setup lang="ts">
-defineProps({
-  name: { type: String, default: 'love' }
+const icon = computed(() => {
+  const key = Object.keys(icons).find((k) => k.endsWith(`/${props.name}.svg`))
+  return key ? icons[key] : null
 })
-
-defineEmits(['click'])
-defineOptions({ inheritAttrs: false })
 </script>
+
+<template>
+  <component :is="icon" v-bind="$attrs" @click="emit('click', $event as MouseEvent)" v-if="icon" />
+  <div v-else class="widget-user-image" :style="`background-image: url(${name})`" />
+</template>
diff --git a/src/components/base/UserInput.tsx b/src/components/base/UserInput.tsx
index 6fcd997..b0b2a10 100644
--- a/src/components/base/UserInput.tsx
+++ b/src/components/base/UserInput.tsx
@@ -20,6 +20,7 @@ export default defineComponent({
     const handleKeyup = (event: KeyboardEvent) => {
       appStore.password = (event.target as HTMLInputElement)?.value || ''
     }
+    console.log({ appStore})
 
     return () => (
       <div class="user-input">
diff --git a/src/components/base/settings/SettingsThemes.tsx b/src/components/base/settings/SettingsThemes.tsx
index 29c516d..f05087f 100644
--- a/src/components/base/settings/SettingsThemes.tsx
+++ b/src/components/base/settings/SettingsThemes.tsx
@@ -17,7 +17,7 @@ export default defineComponent({
 
     return () => (
       <div class="user-settings-themes">
-        {/* {themes.value.map((theme) => {
+        {themes.value.map((theme) => {
           const isActive = theme.name === activeTheme.value.name
           return (
             <img
@@ -26,7 +26,7 @@ export default defineComponent({
               src={getThemeImage(theme.name)}
             />
           )
-        })} */}
+        })}
       </div>
     )
   }
diff --git a/vite.config.ts b/vite.config.ts
index 5411005..1a86647 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -3,6 +3,7 @@ import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
 import glsl from 'vite-plugin-glsl'
+import svgLoader from 'vite-svg-loader'
 
 const isGithubView = process.env.VITE_APP_VIEW === 'github'
 
@@ -11,7 +12,8 @@ export default defineConfig({
   plugins: [
     vue(),
     vueJsx(),
-    glsl()
+    glsl(),
+    svgLoader()
   ],
   resolve: {
     alias: {