Convert to SCSS

.gitignore

@@ -1,2 +1 @@
-/stuff
-*.code-workspace
+/stuff

pios-linux.code-workspace

@@ -0,0 +1,27 @@
+{
+    "folders": [
+        {
+            "path": "."
+        },
+        {
+            "path": "/home/salt/.config/BetterDiscord/themes"
+        }
+    ],
+    "settings": {
+        "liveSassCompile.settings.formats": [
+            {
+                "format": "compressed",
+                "extensionName": ".min.css",
+                "savePath": "/"
+            },
+            {
+                "format": "expanded",
+                "extensionName": ".theme.css",
+                "savePath": "../../../.config/BetterDiscord/themes/" // on linux laptop
+            }
+        ],
+        "liveSassCompile.settings.generateMap": false,
+        "liveSassCompile.settings.showOutputWindowOn": "Information",
+        "liveSassCompile.settings.watchOnLaunch": true,
+    }
+}

pios-windows.code-workspace

@@ -0,0 +1,27 @@
+{
+    "folders": [
+        {
+            "path": "."
+        },
+        {
+            "path": "C:/Users/Salt/AppData/Roaming/BetterDiscord/themes"
+        }
+    ],
+    "settings": {
+        "liveSassCompile.settings.formats": [
+            {
+                "format": "compressed",
+                "extensionName": ".min.css",
+                "savePath": "/"
+            },
+            {
+                "format": "expanded",
+                "extensionName": ".theme.css",
+                "savePath": "../Theme Folder" // on Windows desktop
+            }
+        ],
+        "liveSassCompile.settings.generateMap": false,
+        "liveSassCompile.settings.showOutputWindowOn": "Information",
+        "liveSassCompile.settings.watchOnLaunch": true,
+    }
+}

powercord_manifest.json

@@ -1,8 +1,8 @@
 {
-    "name": "piOS Forever",
+    "name": "piOS",
     "description": "SUPERHOT piOS inspired theme. With customisable colours, glow intensity, support for both cosy and compact mode.",
-    "version": "Autoupdate6",
+    "version": "9",
     "author": "Saltssaumure",
-    "theme": "piOStheme.css",
+    "theme": "pios.min.css",
     "license": "GPL-3.0"
 }

scss/_chanmemserv.scss

@@ -0,0 +1,101 @@
+// Adds dashes between channel/member groups
+.containerDefault-3TQ5YN:not(:first-of-type)::before,
+.membersGroup-2eiWxl.container-q97qHp:not(:first-of-type)>span:last-child::before {
+    position: absolute;
+    font-size: 16pt;
+    color: var(--channels-default);
+}
+
+// ---- Channel sidebar ----
+// Position dashes between channel groups
+.containerDefault-3TQ5YN:not(:first-of-type)::before {
+    content: "-------------------";
+    margin-left: 5px;
+    top: 0;
+}
+// Resize channel icons
+.icon-2W8DHg {
+    width: 15px;
+    height: 15px;
+}
+// Happening now events
+.channelNotice-K4UfZY {
+    border: solid var(--borderColor);
+    border-width: var(--thinBorder);
+    margin: 0 8px;
+    padding: 4px 8px 8px;
+}
+// Boost bar divider
+.divider-3qUeLQ {
+    display: none;
+}
+
+// ---- Members list ----
+// Position dashes between member groups
+.membersGroup-2eiWxl.container-q97qHp {
+    position: relative;
+}
+.membersGroup-2eiWxl.container-q97qHp:not(:first-of-type)>span:last-child::before {
+    content: "-----------------";
+    display: block;
+    font-weight: 9;
+    top: 8px;
+}
+
+// ---- Servers sidebar ----
+// Unread server/channel dot
+.unread-36eUEm,
+.item-2LIpTv {
+    background-color: var(--piOSaccent);
+}
+// "New" bubble in servers sidebar
+.mention-3XBnnZ {
+    background-color: var(--piOSaccent);
+}
+// Switch to DMs button
+.wrapper-3kah-n.selected-1Drb7Z .childWrapper-1j_1ub,
+.wrapper-3kah-n:hover .childWrapper-1j_1ub {
+    background-color: var(--background-modifier-active);
+}
+// Add a server / explore public servers button
+.circleIconButton-1VxDrg {
+    color: var(--piOSaccent);
+}
+.circleIconButton-1VxDrg.selected-2r1Hvo {
+    background-color: var(--background-modifier-active);
+}
+
+// ---- Forums ----
+.container-3wLKDe {
+    border: solid var(--borderColor);
+    border-width: var(--thickBorder);
+}
+    // Forum post
+    .container-2qVG6q {
+        border: solid var(--borderColor);
+        border-width: var(--thinBorder);
+    }
+    // See more
+    .container-2O1UgZ {
+        border: solid var(--borderColor);
+        border-width: var(--thinBorder);
+    }
+    // Make new post
+    // Image container
+    .container-3Om6RL,
+    .container-JhuCwn .popout-2vZMlk {
+        border: solid var(--borderBrightColor);
+        border-width: var(--thinBorder);
+    }
+
+// ---- Home ----
+.homeContainer-r4Hvv1 {
+    border: solid var(--borderColor);
+    border-width: var(--thickBorder);
+}
+    // Message highlight
+    .card-3x20HF,
+    .card-3x20HF:hover {
+        border: solid var(--borderColor);
+        border-width: var(--thinBorder);
+    }