diff --git a/.github/workflows/compile.yml b/.github/workflows/compile.yml
new file mode 100644
index 0000000..cf6d1f1
--- /dev/null
+++ b/.github/workflows/compile.yml
@@ -0,0 +1,42 @@
+name: Compile source code
+env:
+  OUTPUT_BRANCH: release
+  OUTPUT: wiemantheme.theme.css
+
+on:
+  push:
+    branches:
+      - master
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout source code
+        uses: actions/checkout@v2
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Compile SCSS
+        run: npm run compile
+
+      - name: Commit changes
+        run: |
+          git config --global user.name 'wiemanboy'
+          git config --global user.email 'wiemanboy@gmail.com'
+          git checkout -b $OUTPUT_BRANCH
+          
+          rm -rf .github
+          rm -rf node_modules
+          rm -rf src
+          rm -rf .gitignore
+          rm -rf package.json
+          rm -rf package-lock.json
+          rm -rf README.md
+          rm -rf $OUTPUT.map
+          
+          git add .
+          git commit -m "Compile SCSS"
+          git push -f origin $OUTPUT_BRANCH
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index a09c56d..a440d02 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
 /.idea
+node_modules
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..1a37cea
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,233 @@
+{
+  "name": "wiemantheme",
+  "version": "1.1.3",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "wiemantheme",
+      "version": "1.1.3",
+      "devDependencies": {
+        "sass": "^1.43.4"
+      }
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "dev": true,
+      "dependencies": {
+        "fill-range": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "dev": true,
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/immutable": {
+      "version": "4.3.5",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.5.tgz",
+      "integrity": "sha512-8eabxkth9gZatlwl5TBuJnCsoTADlL6ftEr7A4qgdaTsPyreilDSnUk57SO+jfKcNtxPa22U5KK6DSeAYhpBJw==",
+      "dev": true
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/sass": {
+      "version": "1.72.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.72.0.tgz",
+      "integrity": "sha512-Gpczt3WA56Ly0Mn8Sl21Vj94s1axi9hDIzDFn9Ph9x3C3p4nNyvsqJoQyVXKou6cBlfFWEgRW4rT8Tb4i3XnVA==",
+      "dev": true,
+      "dependencies": {
+        "chokidar": ">=3.0.0 <4.0.0",
+        "immutable": "^4.0.0",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
+      "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..a2bbf3d
--- /dev/null
+++ b/package.json
@@ -0,0 +1,10 @@
+{
+  "name": "wiemantheme",
+  "version": "1.1.3",
+  "scripts": {
+    "compile": "sass src/Main.scss wiemantheme.theme.css"
+  },
+  "devDependencies": {
+    "sass": "^1.43.4"
+  }
+}
diff --git a/src/Main.scss b/src/Main.scss
new file mode 100644
index 0000000..27f4b33
--- /dev/null
+++ b/src/Main.scss
@@ -0,0 +1,18 @@
+/**
+ * @name WiemanTheme
+ * @author wiemanboy
+ * @version 2.0.0
+ * @description My very own discord theme! :)
+ * @source https://github.com/wiemanboy/WiemanTheme
+ */
+
+@import "components/Theme",
+"components/header/CustomTitle",
+"components/main/DmMenu",
+"components/main/MembersMenu",
+"components/main/BdButton",
+"components/main/Button",
+"components/main/SpotifyInvite",
+"components/main/profile/Banner",
+"components/main/profile/Popout",
+"components/settings/MicTestBar";
\ No newline at end of file
diff --git a/Slime.svg b/src/assets/Slime.svg
similarity index 100%
rename from Slime.svg
rename to src/assets/Slime.svg
diff --git a/src/components/Theme.scss b/src/components/Theme.scss
new file mode 100644
index 0000000..3bb85bc
--- /dev/null
+++ b/src/components/Theme.scss
@@ -0,0 +1,112 @@
+.theme-dark{
+  --icon: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='slime'%3E%3Cpath id='tail' d='M97.5 41C97.5 49.7694 95.5603 57.6838 92.4491 63.388C89.3277 69.1111 85.0977 72.5 80.5469 72.5C75.9961 72.5 71.7661 69.1111 68.6446 63.388C65.5335 57.6838 63.5938 49.7694 63.5938 41C63.5938 32.2306 65.5335 24.3162 68.6446 18.612C71.7661 12.8889 75.9961 9.5 80.5469 9.5C85.0977 9.5 89.3277 12.8889 92.4491 18.612C95.5603 24.3162 97.5 32.2306 97.5 41Z' fill='url(%23paint0_linear_10_55)' stroke='black'/%3E%3Cg id='right-ear'%3E%3Cpath d='M29.5614 21.5443C27.5749 16.0354 24.3484 11.5584 20.7125 8.7817C17.082 6.00906 12.9805 4.89269 9.30844 6.26933C5.63641 7.64597 3.22102 11.2055 2.21669 15.7158C1.2109 20.2326 1.59714 25.7744 3.58366 31.2833C5.57017 36.7922 8.7967 41.2692 12.4325 44.0459C16.0631 46.8185 20.1646 47.9349 23.8366 46.5583C27.5087 45.1816 29.9241 41.6221 30.9284 37.1118C31.9342 32.595 31.548 27.0532 29.5614 21.5443Z' fill='%23AA4400' stroke='black'/%3E%3Cellipse rx='16.6547' ry='9.63717' transform='matrix(-0.339219 -0.940707 0.93636 -0.35104 16.6734 26.0502)' fill='%23DDAA00'/%3E%3C/g%3E%3Cg id='left-ear'%3E%3Cpath d='M84.5615 31.2833C82.575 36.7922 79.3485 41.2692 75.7127 44.0459C72.0821 46.8186 67.9806 47.935 64.3086 46.5583C60.6365 45.1817 58.2211 41.6222 57.2168 37.1119C56.211 32.5951 56.5972 27.0533 58.5837 21.5444C60.5702 16.0355 63.7967 11.5585 67.4326 8.78177C71.0631 6.00911 75.1646 4.89273 78.8367 6.26936C82.5087 7.64599 84.9241 11.2055 85.9284 15.7158C86.9343 20.2326 86.548 25.7744 84.5615 31.2833Z' fill='%23AA4400' stroke='black'/%3E%3Cellipse rx='16.6547' ry='9.63717' transform='matrix(-0.339231 0.940703 -0.944901 -0.327356 71.6734 26.0502)' fill='%23DDAA00'/%3E%3C/g%3E%3Cg id='body'%3E%3Cpath d='M85 77C85 79.0668 83.9512 81.1049 81.9129 83.0265C79.8758 84.9469 76.8986 86.7015 73.1756 88.1861C65.7335 91.1536 55.4185 93 44 93C32.5815 93 22.2665 91.1536 14.8244 88.1861C11.1014 86.7015 8.12415 84.9469 6.08706 83.0265C4.04877 81.1049 3 79.0668 3 77C3 74.9332 4.04877 72.8951 6.08706 70.9735C8.12415 69.0531 11.1014 67.2985 14.8244 65.8139C22.2665 62.8464 32.5815 61 44 61C55.4185 61 65.7335 62.8464 73.1756 65.8139C76.8986 67.2985 79.8758 69.0531 81.9129 70.9735C83.9512 72.8951 85 74.9332 85 77Z' fill='%23DDAA00' stroke='black'/%3E%3Cpath d='M82.7856 52C82.7856 74.0914 64.925 92 42.8928 92C20.8606 92 3 74.0914 3 52C3 29.9086 20.8606 12 42.8928 12C64.925 12 82.7856 29.9086 82.7856 52Z' fill='%23DDAA00'/%3E%3Cpath d='M84.5 52.2754C83.9859 57.7917 83.307 61.9065 82.4743 64.8912C81.6365 67.8943 80.661 69.6847 79.6056 70.6265C78.5937 71.5295 77.461 71.6928 76.122 71.299C74.7458 70.8944 73.1848 69.9064 71.4244 68.528C69.9313 67.3589 68.3328 65.9404 66.6178 64.4185C66.3182 64.1526 66.015 63.8836 65.7082 63.6122C63.652 61.7931 61.4429 59.8761 59.0944 58.1309C54.4053 54.6463 49.0985 51.7985 43.2423 51.7985C37.3907 51.7985 32.1181 54.5475 27.4753 57.9149C25.1505 59.6011 22.9695 61.4531 20.9432 63.2105C20.6128 63.497 20.2868 63.7807 19.9652 64.0607C18.3072 65.5039 16.7633 66.8478 15.321 67.9588C13.5928 69.2902 12.0636 70.2439 10.7167 70.6344C9.40572 71.0146 8.29922 70.8562 7.31128 69.9867C6.28092 69.0798 5.32637 67.3542 4.50298 64.4551C3.68472 61.5741 3.01397 57.6015 2.50001 52.2745C2.51327 30.308 20.7462 12 43.2423 12C65.7467 12 84.4868 30.3164 84.5 52.2754Z' fill='%23AA4400' stroke='black'/%3E%3C/g%3E%3Cg id='crest'%3E%3Cpath d='M30.5469 34.3456L43.2781 29.5345L56.0093 34.3456V43.6544L43.2781 48.4655L30.5469 43.6544V34.3456Z' fill='%23882200' stroke='black'/%3E%3Cpath d='M44.2514 18.3456L56.9826 13.5345L69.7138 18.3456V27.6544L56.9826 32.4655L44.2514 27.6544V18.3456Z' fill='%23882200' stroke='black'/%3E%3Cpath d='M16.5469 18.3456L29.2781 13.5345L42.0093 18.3456V27.6544L29.2781 32.4655L16.5469 27.6544V18.3456Z' fill='%23882200' stroke='black'/%3E%3C/g%3E%3Cg id='left-eye-brow'%3E%3Cpath id='left-brow' d='M77.8946 39.1213L62.6165 47.1213' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath id='left-eye' d='M63 48C63 50.7614 65.8299 52 69.205 52C72.5802 52 75.3163 49.7614 75.3163 47C75.3163 44.2386 72.5 43 72.5 43C63 48 72.5 43 63 48Z' fill='black'/%3E%3C/g%3E%3Cg id='right-eye-brow'%3E%3Cpath id='right-brow' d='M8.61652 39.1213L23.8946 47.1213' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath id='right-eye' d='M23.5111 48C23.5111 50.7614 20.6812 52 17.3061 52C13.9309 52 11.1948 49.7614 11.1948 47C11.1948 44.2386 14.0111 43 14.0111 43C23.5111 48 14.0111 43 23.5111 48Z' fill='black'/%3E%3C/g%3E%3Cpath id='mouth' d='M33.5562 57L33.73 57.3739C37.772 66.0666 50.2095 65.8364 53.927 57' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/g%3E%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_10_55' x1='80.5469' y1='9' x2='80.5469' y2='73' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23AA4400'/%3E%3Cstop offset='0.05' stop-color='%23AA4400'/%3E%3Cstop offset='0.05' stop-color='%23882200'/%3E%3Cstop offset='0.15' stop-color='%23882200'/%3E%3Cstop offset='0.15' stop-color='%23AA4400'/%3E%3Cstop offset='0.2' stop-color='%23AA4400'/%3E%3Cstop offset='0.2' stop-color='%23DDAA00'/%3E%3Cstop offset='0.3' stop-color='%23DDAA00'/%3E%3Cstop offset='0.3' stop-color='%23AA4400'/%3E%3Cstop offset='0.35' stop-color='%23AA4400'/%3E%3Cstop offset='0.35' stop-color='%23882200'/%3E%3Cstop offset='0.45' stop-color='%23882200'/%3E%3Cstop offset='0.45' stop-color='%23AA4400'/%3E%3Cstop offset='0.5' stop-color='%23AA4400'/%3E%3Cstop offset='0.5' stop-color='%23DDAA00'/%3E%3Cstop offset='0.6' stop-color='%23DDAA00'/%3E%3Cstop offset='0.6' stop-color='%23AA4400'/%3E%3Cstop offset='0.65' stop-color='%23AA4400'/%3E%3Cstop offset='0.65' stop-color='%23882200'/%3E%3Cstop offset='0.75' stop-color='%23882200'/%3E%3Cstop offset='0.75' stop-color='%23AA4400'/%3E%3Cstop offset='0.8' stop-color='%23AA4400'/%3E%3Cstop offset='0.8' stop-color='%23DDAA00'/%3E%3Cstop offset='1' stop-color='%23DDAA00'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cstyle%3E @keyframes close-eye %7B 5%25 %7Btransform: scaleY(0.1)%7D 10%25 %7Btransform: scaleY(1)%7D %7D @keyframes close-right-brow %7B 5%25 %7Btransform: rotate(-27deg) translateY(2px)%7D 10%25 %7Btransform: rotate(0deg) translate(0)%7D %7D @keyframes close-left-brow %7B 5%25 %7Btransform: rotate(27deg) translateY(2px)%7D 10%25 %7Btransform: rotate(0deg) translate(0)%7D %7D %23left-eye, %23right-eye %7B transform-origin: center; animation: close-eye; %7D %23left-brow %7B transform-origin: 62px 47px; animation: close-left-brow; %7D %23right-brow %7B transform-origin: 24px 47px; animation: close-right-brow; %7D %23right-brow, %23left-brow, %23left-eye, %23right-eye %7B animation-duration: 10s; animation-iteration-count: infinite; %7D @keyframes wag %7B 0%25 %7Btransform: rotate(-5deg)%7D 50%25 %7Btransform: rotate(5deg)%7D 100%25 %7Btransform: rotate(-5deg)%7D %7D %23tail %7B transform-origin: 75px 60px; animation: wag; animation-duration: 5s; animation-iteration-count: infinite; %7D @keyframes ear-twitch %7B 0.8%25 %7Btransform: rotate(0deg)%7D 0.9%25 %7Btransform: rotate(20deg)%7D 1%25 %7Btransform: rotate(0deg)%7D %7D %23left-ear %7B transform-origin: center; animation: ear-twitch; animation-duration: 90s; animation-iteration-count: infinite; %7D @keyframes bounce %7B 0%25 %7Btransform: scaleY(1)%7D 50%25 %7Btransform: scaleY(0.99)%7D 100%25 %7Btransform: scaleY(1)%7D %7D %23slime %7B transform-origin: center; animation: bounce; animation-duration: 3s; animation-iteration-count: infinite; %7D %3C/style%3E%3C/svg%3E");
+
+  --rgb-custom-color1: 128, 0, 128;
+  --rgb-custom-color2: 192 0 192;
+
+  --custom-color1: #c000c0;
+  --custom-color2: #800080;
+  --custom-color1-gradient: linear-gradient(90deg, var(--custom-color2) 0%, var(--custom-color1) 80%);
+  --custom-color2-gradient: linear-gradient(90deg, var(--custom-color2) 0%, var(--custom-color1) 20%, var(--custom-color1) 80%, var(--custom-color2) 100%);
+
+  --primary1: #000000;
+  --primary2: #0f0f0f;
+  --primary3: #161616;
+  --primary4: #0c0c0c;
+  --primary5: #131313;
+  --primary6: #090909;
+
+  --secondary1: #808080;
+  --secondary2: #505050;
+  --secondary3: #d0d0d0;
+  --secondary4: #707070;
+
+  --warning: #ff7722;
+  --danger: #f00000;
+  --WIP: red;
+
+  /* color changes*/
+
+  /* servers background*/
+  --background-tertiary: var(--primary1);
+
+  /* message background */
+  --background-primary: var(--primary3);
+  --background-message-hover: var(--primary5);
+
+  /* dms background */
+  --background-secondary: var(--primary2);
+
+  /* dms text color*/
+  --channels-default: var(--secondary1);
+  --interactive-muted: var(--secondary2);
+  --text-normal: var(--secondary3);
+  --text-muted: var(--secondary4);
+
+  /* mention dms */
+  --mention-foreground: var(--secondary3);
+  --mention-background: rgba(var(--rgb-custom-color1), 0.7);
+  --info-warning-foreground: var(--custom-color1);
+  --background-mentioned: rgba(var(--rgb-custom-color1), 0.4);
+  --background-mentioned-hover: rgba(var(--rgb-custom-color1), 0.5);
+
+  /* icons */
+  --interactive-normal: var(--secondary1);
+  --interactive-hover: var(--secondary3);
+  --interactive-active: var(--secondary3);
+
+  /* profile background */
+  --background-secondary-alt: var(--primary1);
+
+  /* select */
+  --background-modifier-selected: var(--primary5);
+  --background-modifier-hover: var(--primary4);
+
+  /* input */
+  --channeltextarea-background: var(--primary4);
+  --input-background: var(--primary4);
+
+  /* scrollbar */
+  --scrollbar-auto-track: var(--primary2);
+  --scrollbar-auto-thumb: var(--primary1);
+
+  /* link */
+  --text-link: var(--custom-color1);
+
+  /* buttons */
+  --brand-experiment-560: var(--custom-color1);
+  --brand-experiment: var(--custom-color2);
+  --brand-experiment-600: var(--custom-color2-gradient);
+
+  /* gif select */
+  --primary-dark-500: var(--primary5);
+
+  /* chat */
+  --background-floating: var(--primary6);
+
+  /* link popup */
+  --modal-background: var(--primary5);
+  --modal-footer-background: var(--primary6);
+  --button-secondary-background: var(--primary2);
+  --button-secondary-background-hover: var(--primary3);
+
+  /* audio player */
+  --primary-dark-600: var(--primary3);
+
+  /* @-menu */
+  --primary-dark-630: var(--primary2);
+
+  /* radio button */
+  --brand-experiment-500: var(--custom-color1);
+
+  /* disconnected */
+  --status-yellow-500: var(--warning);
+
+  /* channel # background */
+  --background-accent: var(--primary1)
+}
+
+/* @-menu */
+.theme-dark .autocomplete_df266d{
+  background-color: var(--primary2);
+}
\ No newline at end of file
diff --git a/src/components/header/CustomTitle.scss b/src/components/header/CustomTitle.scss
new file mode 100644
index 0000000..35ddf89
--- /dev/null
+++ b/src/components/header/CustomTitle.scss
@@ -0,0 +1,22 @@
+.typeWindows_e41dab::after {
+  font-weight: bold;
+  font-family: inherit;
+  color: var(--custom-color1);
+  position: absolute;
+  left: 10px;
+  content: "WiemanTheme";
+}
+
+/* top icon */
+.typeWindows_e41dab::before {
+  transform: scale(0.2);
+  position: absolute;
+  top: -40px;
+  left: 80px;
+  content: var(--icon);
+}
+
+/* remove discord logo */
+.wordmarkWindows_ffbc5e {
+  display: none;
+}
\ No newline at end of file
diff --git a/src/components/main/BdButton.scss b/src/components/main/BdButton.scss
new file mode 100644
index 0000000..d5a959d
--- /dev/null
+++ b/src/components/main/BdButton.scss
@@ -0,0 +1,20 @@
+.bd-notice, .bd-button {
+  background-color: var(--custom-color2)
+}
+
+.bd-addon-views .bd-view-button.selected {
+  background: var(--custom-color1);
+}
+
+.bd-button.bd-button-danger {
+  background: var(--danger);
+}
+
+.bd-button:hover {
+  background-color: var(--custom-color1);
+}
+
+.bd-button:active {
+  background-color: var(--custom-color1);
+  filter: brightness(1.5);
+}
\ No newline at end of file
diff --git a/src/components/main/Button.scss b/src/components/main/Button.scss
new file mode 100644
index 0000000..8b84f97
--- /dev/null
+++ b/src/components/main/Button.scss
@@ -0,0 +1,4 @@
+/* button while clicking */
+.interactive_a868bc:active {
+  background: var(--primary3);
+}
\ No newline at end of file
diff --git a/src/components/main/DmMenu.scss b/src/components/main/DmMenu.scss
new file mode 100644
index 0000000..ebbda4c
--- /dev/null
+++ b/src/components/main/DmMenu.scss
@@ -0,0 +1,50 @@
+/* Remove shop icons */
+.content__690c5 li:nth-child(3) .linkButton__9da2c,
+.content__690c5 li:nth-child(4) .linkButton__9da2c{
+  display: none;
+}
+
+/* move friends button */
+.content__690c5 li:nth-child(2) .linkButton__9da2c{
+  position: fixed;
+  top: 25px;
+  left: 67px;
+  width: 50px;
+}
+
+.content__690c5 li:nth-child(2) .linkButton__9da2c{
+  background: none;
+}
+
+.content__690c5 li:nth-child(2) .linkButton_ebd2ba {
+  background: none;
+}
+
+/* remove dms text */
+.privateChannelsHeaderContainer_b22dc9 {
+  padding: 0;
+  height: 0;
+}
+
+.headerText__88997 {
+  display: none;
+}
+
+/* move + button */
+.privateChannelRecipientsInviteButtonIcon__459c2 {
+  position: fixed;
+  top: 32px;
+  left: 285px;
+  padding: 5px;
+}
+
+/* move search bar to make space for above buttons*/
+
+.searchBar__621ec {
+  margin-left: 30px;
+  margin-right: 15px;
+}
+
+.searchBarComponent__8f95f {
+  font-size: 13.7px;
+}
\ No newline at end of file
diff --git a/src/components/main/MembersMenu.scss b/src/components/main/MembersMenu.scss
new file mode 100644
index 0000000..9225f4b
--- /dev/null
+++ b/src/components/main/MembersMenu.scss
@@ -0,0 +1,97 @@
+.membersWrap__5ca6b {
+  width: 70px;
+  min-width: 70px;
+}
+
+.members__573eb {
+  width: 70px;
+  height: calc(100vh - 48px - 22px);
+  transition: ease-in 0.1s;
+}
+
+/* extend member menu */
+.members__573eb:hover {
+  width: 240px;
+}
+
+/* extend member menu in DM group */
+.membersWrap__5ca6b .members__573eb:hover {
+  transform: translateX(-165px);
+}
+
+/* extend member menu in server */
+.membersWrap__5ca6b.hiddenMembers__0524b .members__573eb:hover {
+  transform: translateX(-80px);
+}
+
+/* animations for members menu*/
+@keyframes drop-down {
+  0% {
+    transform: translateY(-1px);
+  }
+  100% {
+    transform: translateY(1px)
+  }
+}
+
+@keyframes drop-right {
+  0% {
+    transform: translateX(-2px)
+  }
+  100% {
+    transform: translateX(2px)
+  }
+}
+
+/* hide activity/username/bottag */
+.activity_bafb94, .username__4a6f7, .botTag_a52f38 {
+  display: none;
+}
+
+/* hide and style role text */
+.membersGroup_cad095 {
+  padding-top: 0;
+  padding-left: 8px;
+  margin-left: 8px;
+  margin-top: 16px;
+  height: 16px;
+  color: var(--primary2);
+  border-top: var(--secondary2);
+  border-top-width: 1px;
+  border-top-style: solid;
+}
+
+/* show roles + animate */
+.container__43554:hover .membersGroup_cad095, .membersWrap__5ca6b:hover .membersGroup_cad095 {
+  color: var(--secondary3);
+}
+
+/* animate username */
+.container__43554:hover .username__4a6f7, .membersWrap__5ca6b:hover .username__4a6f7 {
+  display: flex;
+}
+
+/* animate activity */
+.container__43554:hover .activity_bafb94, .membersWrap__5ca6b:hover .activity_bafb94 {
+  display: flex;
+  transform-origin: top;
+  transform: rotateX(-90deg);
+  animation: drop-down 0.1s ease-in-out 0.1s forwards;
+}
+
+/* animate bottag */
+.container__43554:hover .botTag_a52f38, .membersWrap__5ca6b:hover .botTag_a52f38 {
+  display: flex;
+  transform-origin: left;
+  transform: rotateX(-90deg);
+  animation: drop-right 0.1s ease-in-out 0.2s forwards;
+}
+
+/* move owner icon */
+.ownerIcon_bd8e7d {
+  position: absolute;
+  transform: translateX(-21px) translateY(7px) rotate(5deg) scale(0.9);
+  background-color: var(--background-secondary);
+  border-radius: 100%;
+  padding: 2px;
+}
\ No newline at end of file
diff --git a/src/components/main/SpotifyInvite.scss b/src/components/main/SpotifyInvite.scss
new file mode 100644
index 0000000..0557f1f
--- /dev/null
+++ b/src/components/main/SpotifyInvite.scss
@@ -0,0 +1,4 @@
+:root .invite-3uuHYQ {
+  background: var(--primary4);
+  border-color: var(--primary4);
+}
diff --git a/src/components/main/profile/Banner.scss b/src/components/main/profile/Banner.scss
new file mode 100644
index 0000000..70d7761
--- /dev/null
+++ b/src/components/main/profile/Banner.scss
@@ -0,0 +1,16 @@
+.container_debb33 {
+  transform: translateX(-72px);
+  width: 296px;
+  position: fixed;
+  bottom: -1px;
+}
+
+.avatarWrapper__500a6{
+  flex-grow: 1;
+}
+
+.accountProfilePopoutWrapper_d4887f {
+  position: fixed;
+  bottom: 60px;
+  left: 10px;
+}
diff --git a/src/components/main/profile/Popout.scss b/src/components/main/profile/Popout.scss
new file mode 100644
index 0000000..b936f0b
--- /dev/null
+++ b/src/components/main/profile/Popout.scss
@@ -0,0 +1,36 @@
+/* animate profile popup */
+@keyframes slide-out {
+  0% {
+    width: 130px;
+  }
+  100% {
+  }
+}
+
+/* animations for profile popout */
+@keyframes slide-down {
+  0% {
+    height: 0;
+  }
+  100% {
+    height: 400px;
+  }
+}
+
+/* animate popout */
+.userPopoutOuter__3884e {
+  animation: slide-out 0.1s ease-in-out forwards;
+}
+
+/* animate popout info */
+.userPopoutOverlayBackground_bf6444 {
+  height: 0;
+  animation: slide-down 0.15s ease-in-out 0.1s forwards;
+}
+
+/* animate popout badges */
+.profileBadges__7a7cb {
+  transform-origin: top;
+  transform: rotateX(-90deg);
+  animation: drop-down 0.15s ease-in-out 0.1s forwards;
+}
\ No newline at end of file
diff --git a/src/components/settings/MicTestBar.scss b/src/components/settings/MicTestBar.scss
new file mode 100644
index 0000000..3f2b6f3
--- /dev/null
+++ b/src/components/settings/MicTestBar.scss
@@ -0,0 +1,3 @@
+#pill-frame-pattern {
+  color: var(--background-secondary);
+}
\ No newline at end of file
diff --git a/wiemantheme.theme.css b/wiemantheme.theme.css
deleted file mode 100644
index fbc5d8c..0000000
--- a/wiemantheme.theme.css
+++ /dev/null
@@ -1,399 +0,0 @@
-/**
- * @name WiemanTheme
- * @author wiemanboy
- * @version 1.1.3
- * @description My very own discord theme! :)
- * @source https://github.com/wiemanboy/WiemanTheme
- */
-
-/* custom dark mode */
-.theme-dark{
-    --icon: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='slime'%3E%3Cpath id='tail' d='M97.5 41C97.5 49.7694 95.5603 57.6838 92.4491 63.388C89.3277 69.1111 85.0977 72.5 80.5469 72.5C75.9961 72.5 71.7661 69.1111 68.6446 63.388C65.5335 57.6838 63.5938 49.7694 63.5938 41C63.5938 32.2306 65.5335 24.3162 68.6446 18.612C71.7661 12.8889 75.9961 9.5 80.5469 9.5C85.0977 9.5 89.3277 12.8889 92.4491 18.612C95.5603 24.3162 97.5 32.2306 97.5 41Z' fill='url(%23paint0_linear_10_55)' stroke='black'/%3E%3Cg id='right-ear'%3E%3Cpath d='M29.5614 21.5443C27.5749 16.0354 24.3484 11.5584 20.7125 8.7817C17.082 6.00906 12.9805 4.89269 9.30844 6.26933C5.63641 7.64597 3.22102 11.2055 2.21669 15.7158C1.2109 20.2326 1.59714 25.7744 3.58366 31.2833C5.57017 36.7922 8.7967 41.2692 12.4325 44.0459C16.0631 46.8185 20.1646 47.9349 23.8366 46.5583C27.5087 45.1816 29.9241 41.6221 30.9284 37.1118C31.9342 32.595 31.548 27.0532 29.5614 21.5443Z' fill='%23AA4400' stroke='black'/%3E%3Cellipse rx='16.6547' ry='9.63717' transform='matrix(-0.339219 -0.940707 0.93636 -0.35104 16.6734 26.0502)' fill='%23DDAA00'/%3E%3C/g%3E%3Cg id='left-ear'%3E%3Cpath d='M84.5615 31.2833C82.575 36.7922 79.3485 41.2692 75.7127 44.0459C72.0821 46.8186 67.9806 47.935 64.3086 46.5583C60.6365 45.1817 58.2211 41.6222 57.2168 37.1119C56.211 32.5951 56.5972 27.0533 58.5837 21.5444C60.5702 16.0355 63.7967 11.5585 67.4326 8.78177C71.0631 6.00911 75.1646 4.89273 78.8367 6.26936C82.5087 7.64599 84.9241 11.2055 85.9284 15.7158C86.9343 20.2326 86.548 25.7744 84.5615 31.2833Z' fill='%23AA4400' stroke='black'/%3E%3Cellipse rx='16.6547' ry='9.63717' transform='matrix(-0.339231 0.940703 -0.944901 -0.327356 71.6734 26.0502)' fill='%23DDAA00'/%3E%3C/g%3E%3Cg id='body'%3E%3Cpath d='M85 77C85 79.0668 83.9512 81.1049 81.9129 83.0265C79.8758 84.9469 76.8986 86.7015 73.1756 88.1861C65.7335 91.1536 55.4185 93 44 93C32.5815 93 22.2665 91.1536 14.8244 88.1861C11.1014 86.7015 8.12415 84.9469 6.08706 83.0265C4.04877 81.1049 3 79.0668 3 77C3 74.9332 4.04877 72.8951 6.08706 70.9735C8.12415 69.0531 11.1014 67.2985 14.8244 65.8139C22.2665 62.8464 32.5815 61 44 61C55.4185 61 65.7335 62.8464 73.1756 65.8139C76.8986 67.2985 79.8758 69.0531 81.9129 70.9735C83.9512 72.8951 85 74.9332 85 77Z' fill='%23DDAA00' stroke='black'/%3E%3Cpath d='M82.7856 52C82.7856 74.0914 64.925 92 42.8928 92C20.8606 92 3 74.0914 3 52C3 29.9086 20.8606 12 42.8928 12C64.925 12 82.7856 29.9086 82.7856 52Z' fill='%23DDAA00'/%3E%3Cpath d='M84.5 52.2754C83.9859 57.7917 83.307 61.9065 82.4743 64.8912C81.6365 67.8943 80.661 69.6847 79.6056 70.6265C78.5937 71.5295 77.461 71.6928 76.122 71.299C74.7458 70.8944 73.1848 69.9064 71.4244 68.528C69.9313 67.3589 68.3328 65.9404 66.6178 64.4185C66.3182 64.1526 66.015 63.8836 65.7082 63.6122C63.652 61.7931 61.4429 59.8761 59.0944 58.1309C54.4053 54.6463 49.0985 51.7985 43.2423 51.7985C37.3907 51.7985 32.1181 54.5475 27.4753 57.9149C25.1505 59.6011 22.9695 61.4531 20.9432 63.2105C20.6128 63.497 20.2868 63.7807 19.9652 64.0607C18.3072 65.5039 16.7633 66.8478 15.321 67.9588C13.5928 69.2902 12.0636 70.2439 10.7167 70.6344C9.40572 71.0146 8.29922 70.8562 7.31128 69.9867C6.28092 69.0798 5.32637 67.3542 4.50298 64.4551C3.68472 61.5741 3.01397 57.6015 2.50001 52.2745C2.51327 30.308 20.7462 12 43.2423 12C65.7467 12 84.4868 30.3164 84.5 52.2754Z' fill='%23AA4400' stroke='black'/%3E%3C/g%3E%3Cg id='crest'%3E%3Cpath d='M30.5469 34.3456L43.2781 29.5345L56.0093 34.3456V43.6544L43.2781 48.4655L30.5469 43.6544V34.3456Z' fill='%23882200' stroke='black'/%3E%3Cpath d='M44.2514 18.3456L56.9826 13.5345L69.7138 18.3456V27.6544L56.9826 32.4655L44.2514 27.6544V18.3456Z' fill='%23882200' stroke='black'/%3E%3Cpath d='M16.5469 18.3456L29.2781 13.5345L42.0093 18.3456V27.6544L29.2781 32.4655L16.5469 27.6544V18.3456Z' fill='%23882200' stroke='black'/%3E%3C/g%3E%3Cg id='left-eye-brow'%3E%3Cpath id='left-brow' d='M77.8946 39.1213L62.6165 47.1213' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath id='left-eye' d='M63 48C63 50.7614 65.8299 52 69.205 52C72.5802 52 75.3163 49.7614 75.3163 47C75.3163 44.2386 72.5 43 72.5 43C63 48 72.5 43 63 48Z' fill='black'/%3E%3C/g%3E%3Cg id='right-eye-brow'%3E%3Cpath id='right-brow' d='M8.61652 39.1213L23.8946 47.1213' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath id='right-eye' d='M23.5111 48C23.5111 50.7614 20.6812 52 17.3061 52C13.9309 52 11.1948 49.7614 11.1948 47C11.1948 44.2386 14.0111 43 14.0111 43C23.5111 48 14.0111 43 23.5111 48Z' fill='black'/%3E%3C/g%3E%3Cpath id='mouth' d='M33.5562 57L33.73 57.3739C37.772 66.0666 50.2095 65.8364 53.927 57' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/g%3E%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_10_55' x1='80.5469' y1='9' x2='80.5469' y2='73' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23AA4400'/%3E%3Cstop offset='0.05' stop-color='%23AA4400'/%3E%3Cstop offset='0.05' stop-color='%23882200'/%3E%3Cstop offset='0.15' stop-color='%23882200'/%3E%3Cstop offset='0.15' stop-color='%23AA4400'/%3E%3Cstop offset='0.2' stop-color='%23AA4400'/%3E%3Cstop offset='0.2' stop-color='%23DDAA00'/%3E%3Cstop offset='0.3' stop-color='%23DDAA00'/%3E%3Cstop offset='0.3' stop-color='%23AA4400'/%3E%3Cstop offset='0.35' stop-color='%23AA4400'/%3E%3Cstop offset='0.35' stop-color='%23882200'/%3E%3Cstop offset='0.45' stop-color='%23882200'/%3E%3Cstop offset='0.45' stop-color='%23AA4400'/%3E%3Cstop offset='0.5' stop-color='%23AA4400'/%3E%3Cstop offset='0.5' stop-color='%23DDAA00'/%3E%3Cstop offset='0.6' stop-color='%23DDAA00'/%3E%3Cstop offset='0.6' stop-color='%23AA4400'/%3E%3Cstop offset='0.65' stop-color='%23AA4400'/%3E%3Cstop offset='0.65' stop-color='%23882200'/%3E%3Cstop offset='0.75' stop-color='%23882200'/%3E%3Cstop offset='0.75' stop-color='%23AA4400'/%3E%3Cstop offset='0.8' stop-color='%23AA4400'/%3E%3Cstop offset='0.8' stop-color='%23DDAA00'/%3E%3Cstop offset='1' stop-color='%23DDAA00'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cstyle%3E @keyframes close-eye %7B 5%25 %7Btransform: scaleY(0.1)%7D 10%25 %7Btransform: scaleY(1)%7D %7D @keyframes close-right-brow %7B 5%25 %7Btransform: rotate(-27deg) translateY(2px)%7D 10%25 %7Btransform: rotate(0deg) translate(0)%7D %7D @keyframes close-left-brow %7B 5%25 %7Btransform: rotate(27deg) translateY(2px)%7D 10%25 %7Btransform: rotate(0deg) translate(0)%7D %7D %23left-eye, %23right-eye %7B transform-origin: center; animation: close-eye; %7D %23left-brow %7B transform-origin: 62px 47px; animation: close-left-brow; %7D %23right-brow %7B transform-origin: 24px 47px; animation: close-right-brow; %7D %23right-brow, %23left-brow, %23left-eye, %23right-eye %7B animation-duration: 10s; animation-iteration-count: infinite; %7D @keyframes wag %7B 0%25 %7Btransform: rotate(-5deg)%7D 50%25 %7Btransform: rotate(5deg)%7D 100%25 %7Btransform: rotate(-5deg)%7D %7D %23tail %7B transform-origin: 75px 60px; animation: wag; animation-duration: 5s; animation-iteration-count: infinite; %7D @keyframes ear-twitch %7B 0.8%25 %7Btransform: rotate(0deg)%7D 0.9%25 %7Btransform: rotate(20deg)%7D 1%25 %7Btransform: rotate(0deg)%7D %7D %23left-ear %7B transform-origin: center; animation: ear-twitch; animation-duration: 90s; animation-iteration-count: infinite; %7D @keyframes bounce %7B 0%25 %7Btransform: scaleY(1)%7D 50%25 %7Btransform: scaleY(0.99)%7D 100%25 %7Btransform: scaleY(1)%7D %7D %23slime %7B transform-origin: center; animation: bounce; animation-duration: 3s; animation-iteration-count: infinite; %7D %3C/style%3E%3C/svg%3E");
-
-    --rgb-custom-color1: 128, 0, 128;
-    --rgb-custom-color2: 192 0 192;
-
-    --custom-color1: #c000c0;
-    --custom-color2: #800080;
-    --custom-color1-gradient: linear-gradient(90deg, var(--custom-color2) 0%, var(--custom-color1) 80%);
-    --custom-color2-gradient: linear-gradient(90deg, var(--custom-color2) 0%, var(--custom-color1) 20%, var(--custom-color1) 80%, var(--custom-color2) 100%);
-
-    --primary1: #000000;
-    --primary2: #0f0f0f;
-    --primary3: #161616;
-    --primary4: #0c0c0c;
-    --primary5: #131313;
-    --primary6: #090909;
-
-    --secondary1: #808080;
-    --secondary2: #505050;
-    --secondary3: #d0d0d0;
-    --secondary4: #707070;
-
-    --warning: #ff7722;
-    --danger: #f00000;
-    --WIP: red;
-
-    /* color changes*/
-
-    /* servers background*/
-    --background-tertiary: var(--primary1);
-
-    /* message background */
-    --background-primary: var(--primary3);
-    --background-message-hover: var(--primary5);
-
-    /* dms background */
-    --background-secondary: var(--primary2);
-
-    /* dms text color*/
-    --channels-default: var(--secondary1);
-    --interactive-muted: var(--secondary2);
-    --text-normal: var(--secondary3);
-    --text-muted: var(--secondary4);
-
-    /* mention dms */
-    --mention-foreground: var(--secondary3);
-    --mention-background: rgba(var(--rgb-custom-color1), 0.7);
-    --info-warning-foreground: var(--custom-color1);
-    --background-mentioned: rgba(var(--rgb-custom-color1), 0.4);
-    --background-mentioned-hover: rgba(var(--rgb-custom-color1), 0.5);
-
-    /* icons */
-    --interactive-normal: var(--secondary1);
-    --interactive-hover: var(--secondary3);
-    --interactive-active: var(--secondary3);
-
-    /* profile background */
-    --background-secondary-alt: var(--primary1);
-
-    /* select */
-    --background-modifier-selected: var(--primary5);
-    --background-modifier-hover: var(--primary4);
-
-    /* input */
-    --channeltextarea-background: var(--primary4);
-    --input-background: var(--primary4);
-
-    /* scrollbar */
-    --scrollbar-auto-track: var(--primary2);
-    --scrollbar-auto-thumb: var(--primary1);
-
-    /* link */
-    --text-link: var(--custom-color1);
-
-    /* buttons */
-    --brand-experiment-560: var(--custom-color1);
-    --brand-experiment: var(--custom-color2);
-    --brand-experiment-600: var(--custom-color2-gradient);
-
-    /* gif select */
-    --primary-dark-500: var(--primary5);
-
-    /* chat */
-    --background-floating: var(--primary6);
-
-    /* link popup */
-    --modal-background: var(--primary5);
-    --modal-footer-background: var(--primary6);
-    --button-secondary-background: var(--primary2);
-    --button-secondary-background-hover: var(--primary3);
-
-    /* audio player */
-    --primary-dark-600: var(--primary3);
-
-    /* @-menu */
-    --primary-dark-630: var(--primary2);
-
-    /* radio button */
-    --brand-experiment-500: var(--custom-color1);
-
-    /* disconnected */
-    --status-yellow-500: var(--warning);
-
-    /* channel # background */
-    --background-accent: var(--primary1)
-}
-
-/* UNKNOWN */
-.message-G6O-Wv {
-    --primary-600: var(--primary3);
-}
-
-/* @-menu */
-.theme-dark .autocomplete_df266d{
-    background-color: var(--primary2);
-}
-
-/* title */
-.typeWindows_e41dab::after {
-    font-weight: bold;
-    font-family: inherit;
-    color: var(--custom-color1);
-    position: absolute;
-    left: 10px;
-    content: "WiemanTheme";
-}
-
-/* top icon */
-.typeWindows_e41dab::before {
-    transform: scale(0.2);
-    position: absolute;
-    top: -40px;
-    left: 80px;
-    content: var(--icon);
-}
-
-/* remove discord logo */
-.wordmarkWindows_ffbc5e {
-    display: none;
-}
-
-/* button while clicking */
-.interactive_a868bc:active {
-    background: var(--primary3);
-}
-
-/* spotify invite */
-:root .invite-3uuHYQ {
-    background: var(--primary4);
-    border-color: var(--primary4);
-}
-
-/* BD buttons */
-.bd-notice, .bd-button {
-    background-color: var(--custom-color2)
-}
-
-.bd-addon-views .bd-view-button.selected {
-    background: var(--custom-color1);
-}
-
-.bd-button.bd-button-danger {
-    background: var(--danger);
-}
-
-.bd-button:hover {
-    background-color: var(--custom-color1);
-}
-
-.bd-button:active {
-    background-color: var(--custom-color1);
-    filter: brightness(1.5);
-}
-
-/* member menu */
-.membersWrap__5ca6b {
-    width: 70px;
-    min-width: 70px;
-}
-
-.members__573eb {
-    width: 70px;
-    height: calc(100vh - 48px - 22px);
-    transition: ease-in 0.1s;
-}
-
-/* extend member menu */
-.members__573eb:hover {
-    width: 240px;
-}
-
-/* extend member menu in DM group */
-.membersWrap__5ca6b .members__573eb:hover {
-    transform: translateX(-165px);
-}
-
-/* extend member menu in server */
-.membersWrap__5ca6b.hiddenMembers__0524b .members__573eb:hover {
-    transform: translateX(-80px);
-}
-
-/* animations for members menu*/
-@keyframes drop-down {
-    0% {
-        transform: translateY(-1px);
-    }
-    100% {
-        transform: translateY(1px)
-    }
-}
-
-@keyframes drop-right {
-    0% {
-        transform: translateX(-2px)
-    }
-    100% {
-        transform: translateX(2px)
-    }
-}
-
-/* hide activity/username/bottag */
-.activity_bafb94, .username__4a6f7, .botTag_a52f38 {
-    display: none;
-}
-
-/* hide and style role text */
-.membersGroup_cad095 {
-    padding-top: 0;
-    padding-left: 8px;
-    margin-left: 8px;
-    margin-top: 16px;
-    height: 16px;
-    color: var(--primary2);
-    border-top: var(--secondary2);
-    border-top-width: 1px;
-    border-top-style: solid;
-}
-
-/* show roles + animate */
-.container__43554:hover .membersGroup_cad095, .membersWrap__5ca6b:hover .membersGroup_cad095 {
-    color: var(--secondary3);
-}
-
-/* animate username */
-.container__43554:hover .username__4a6f7, .membersWrap__5ca6b:hover .username__4a6f7 {
-    display: flex;
-}
-
-/* animate activity */
-.container__43554:hover .activity_bafb94, .membersWrap__5ca6b:hover .activity_bafb94 {
-    display: flex;
-    transform-origin: top;
-    transform: rotateX(-90deg);
-    animation: drop-down 0.1s ease-in-out 0.1s forwards;
-}
-
-/* animate bottag */
-.container__43554:hover .botTag_a52f38, .membersWrap__5ca6b:hover .botTag_a52f38 {
-    display: flex;
-    transform-origin: left;
-    transform: rotateX(-90deg);
-    animation: drop-right 0.1s ease-in-out 0.2s forwards;
-}
-
-/* animate profile popup */
-@keyframes slide-out {
-    0% {
-        width: 130px;
-    }
-    100% {
-    }
-}
-
-/* animations for profile popout */
-@keyframes slide-down {
-    0% {
-        height: 0;
-    }
-    100% {
-        height: 400px;
-    }
-}
-
-/* animate popout */
-.userPopoutOuter__3884e {
-    animation: slide-out 0.1s ease-in-out forwards;
-}
-
-/* animate popout info */
-.userPopoutOverlayBackground_bf6444 {
-    height: 0;
-    animation: slide-down 0.15s ease-in-out 0.1s forwards;
-}
-
-/* animate popout badges */
-.profileBadges__7a7cb {
-    transform-origin: top;
-    transform: rotateX(-90deg);
-    animation: drop-down 0.15s ease-in-out 0.1s forwards;
-}
-
-/* move owner icon */
-.ownerIcon_bd8e7d {
-    position: absolute;
-    transform: translateX(-21px) translateY(7px) rotate(5deg) scale(0.9);
-    background-color: var(--background-secondary);
-    border-radius: 100%;
-    padding: 2px;
-}
-
-/* UNKNOWN */
-.recentMentionsPopout-2bI1ZN, .messagesPopoutWrap-3zryHW, .popout-3gby1q, .browser-mnQ1T7, .menu-1QACrS {
-    transform-origin: top;
-    animation: drop-down 0.1s ease-in-out forwards;
-}
-
-/* profile panel */
-.container_debb33 {
-    transform: translateX(-72px);
-    width: 296px;
-    position: fixed;
-    bottom: -1px;
-}
-
-.avatarWrapper__500a6{
-    flex-grow: 1;
-}
-
-.accountProfilePopoutWrapper_d4887f {
-    position: fixed;
-    bottom: 60px;
-    left: 10px;
-}
-
-/* mic test bar */
-#pill-frame-pattern {
-    color: var(--background-secondary);
-}
-
-/* Remove shop icons */
-.content__690c5 li:nth-child(3) .linkButton__9da2c,
-.content__690c5 li:nth-child(4) .linkButton__9da2c{
-    display: none;
-}
-
-/* move friends button */
-.content__690c5 li:nth-child(2) .linkButton__9da2c{
-    position: fixed;
-    top: 25px;
-    left: 67px;
-    width: 50px;
-}
-
-.content__690c5 li:nth-child(2) .linkButton__9da2c{
-    background: none;
-}
-
-.content__690c5 li:nth-child(2) .linkButton_ebd2ba {
-    background: none;
-}
-
-/* remove dms text */
-.privateChannelsHeaderContainer_b22dc9 {
-    padding: 0;
-    height: 0;
-}
-
-.headerText__88997 {
-    display: none;
-}
-
-/* move + button */
-.privateChannelRecipientsInviteButtonIcon__459c2 {
-    position: fixed;
-    top: 32px;
-    left: 285px;
-    padding: 5px;
-}
-
-/* move search bar to make space for above buttons*/
-
-.searchBar__621ec {
-    margin-left: 30px;
-    margin-right: 15px;
-}
-
-.searchBarComponent__8f95f {
-    font-size: 13.7px;
-}