deploy: 6e9af94

Exponent.theme.css

@@ -4,7 +4,7 @@
  * @authorLink https://github.com/Saltssaumure
  * @description A Windows XP style theme.
  * @license AGPL-3.0-or-later
- * @version 1.8
+ * @version 1.9
  * @invite uy8nKQVatp
  * @source https://github.com/Saltssaumure/xp-discord-theme
  * @donate https://ko-fi.com/saltssaumure
@@ -25,7 +25,11 @@
     --xp-start-color-2:     #38C438;
     --xp-shortcut-color-1:  #0CA80C;
     --xp-shortcut-color-2:  #008000;
-    --xp-ping-color:        #E64D1C;
+    --xp-ping-color-1:      #E64D1C;
+    --xp-ping-color-2:      #C73207;
+    --xp-tooltip-color-1:   #F0EFED;
+    --xp-tooltip-color-2:   #EBE8D7;
+    --xp-avatar-shine:      on;
     --bsod-color:           #000080;
     --bsod-text:            "A problem has been detected and Windows has been shut down to prevent damage to your computer. \A\A A clock interrupt was not received on a secondary processor within the allocated time interval. \A\A If this is the first time you've seen this stop error screen, restart your computer. If this screen appears again, follow these steps: \A\A Check to make sure any new hardware or software is properly installed. If this is a new installation, ask your hardware or software manufacturer for any Windows updates you might need. \A\A If problems continue, disable or remove any newly installed hardware or software. Disable BIOS memory options such as caching or shadowing. If you need to use Safe Mode to remove or disable components, restart your computer, press F8 to select Advanced Startup Options, and then throw away the whole computer. \A\A Technical information: \A\A *** STOP: USING_DISCORD \A\A ***       discord.exe - Address DEADBEEF base at 8BADF00D, DateStamp 1337C0D3 \A\A\A\A\A\A\A\A\A\A Collecting data for crash dump ... \A Initializing disk for crash dump ... \A Beginning dump of all your belongings ... \A Dumping physical memory to disk: 100% \A Physical memory dump complete. \A Contact your system administrator or technical support group for further assistance.";
 }

README.md

@@ -1,6 +1,7 @@
 [light]:        https://saltssaumure.github.io/xp-discord-theme/preview/exponent1.png
 [dark]:         https://saltssaumure.github.io/xp-discord-theme/preview/exponent2.png
 [customised]:   https://saltssaumure.github.io/xp-discord-theme/preview/exponent3.png
+[withSC]:       https://saltssaumure.github.io/xp-discord-theme/preview/withSystemColor.png
 
 [bsod-text]:    https://github.com/Saltssaumure/xp-discord-theme/blob/main/scss/top/_vars.scss
 [addons]:       https://github.com/Saltssaumure/xp-discord-theme/tree/main/addon
@@ -36,11 +37,11 @@
 [![Replugged GitHub downloads][shield-asar-dl]][release-rp-gh]
 [![Total repository size][shield-repo-size]][github]
 
-***A Windows XP style Discord theme.***
+***A Windows XP style Discord theme. Recommended for use with [SystemColor](https://github.com/MiniDiscordThemes/SystemColor).***
 
-| Light mode                       | Dark mode                      |
-| -------------------------------- | ------------------------------ |
-| ![Exponent in light mode][light] | ![Exponent in dark mode][dark] |
+| Light mode                       | Dark mode                      | With SystemColor                     |
+| -------------------------------- | ------------------------------ | ------------------------------------ |
+| ![Exponent in light mode][light] | ![Exponent in dark mode][dark] | ![Exponent with SystemColor][withSC] |
 
 ## Installation
 
@@ -99,7 +100,8 @@
 | `--xp-taskbar-color-1`, `-2`, `-3` | Taskbar control colours     | Any [colour][css-color].                         | `#108CE4`, `#578CD0`, `#1665CA`                                       |
 | `--xp-start-color-1`, `-2`         | Start button colours        | Any [colour][css-color].                         | `#008000`, `#38C438`                                                  |
 | `--xp-shortcut-color-1`, `-2`      | Shortcut icon colours       | Any [colour][css-color].                         | `#0CA80C`, `#008000`                                                  |
-| `--xp-ping-color`                  | Ping bubble colour          | Any [colour][css-color].                         | `#E64D1C`                                                             |
+| `--xp-ping-color-1`, `-2`          | Ping bubble colours         | Any [colour][css-color].                         | `#E64D1C`, `#C73207`                                                  |
+| `--xp-tooltip-color-1`, `-2`       | Tooltip colours             | Any [colour][css-color].                         | `#F0EFED`, `#EBE8D7`                                                  |
 | `--bsod-color`                     | BSOD background colour      | Any [colour][css-color].                         | `navy`                                                                |
 | `--bsod-text`                      | BSOD text                   | Any [text][css-string]. Use `\A` for new lines.  | [Read here][bsod-text].                                               |
 | `--xp-bg-color`                    | Panel background colour     | Any [colour][css-color].                         | `#000` (dark) / `#FFF` (light)                                        |
@@ -145,9 +147,6 @@
 3. Edit the variable values.
 </details>
 
-## Addons
-See [Addons][addons] for mini-themes designed to be used alongside Exponent to add extra optional features.
-
 ## License
 Copyright (c) 2022-2024 Saltssaumure
 
@@ -156,9 +155,12 @@ This theme is free software: you can redistribute it and/or modify it under the
 This theme is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the [GNU Affero General Public License][license] for more details.
 
 ## Credits
+### Themes
+[hsl]:  https://github.com/DiscordStyles/HorizontalServerList
+- [HorizontalServerList][hsl] by [DiscordStyles](https://github.com/DiscordStyles) ([Gibbu](https://github.com/Gibbu)) - MIT license
+
 ### Assets
 [bliss]:    https://archive.org/details/windows-xp-bliss-wallpaper
-
 - [Bliss][bliss] by Microsoft (Charles O'Rear)
 
 ## Questions or suggestions?

manifest.json

@@ -7,7 +7,7 @@
     "discordID": "134142022092062720",
     "github": "Saltssaumure"
   },
-  "version": "1.8.0",
+  "version": "1.9.0",
   "updater": {
     "type": "store",
     "id": "net.saltssaumure.Exponent"
@@ -19,6 +19,7 @@
   "image": [
     "https://saltssaumure.github.io/xp-discord-theme/preview/exponent1.png",
     "https://saltssaumure.github.io/xp-discord-theme/preview/exponent2.png",
-    "https://saltssaumure.github.io/xp-discord-theme/preview/exponent3.png"
+    "https://saltssaumure.github.io/xp-discord-theme/preview/exponent3.png",
+    "https://saltssaumure.github.io/xp-discord-theme/preview/withSystemColor.png"
   ]
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "exponent-discord-theme",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "description": "A Windows XP style Discord theme.",
   "repository": "https://github.com/Saltssaumure/xp-discord-theme",
   "author": "Saltssaumure <[email protected]>",

scss/main/_index.scss → scss/main/_a.scss

@@ -1,8 +1,3 @@
-@forward "./channels";
-@forward "./taskbar";
-@forward "./threads";
-@forward "./titlebar";
-
 @use "../top/vars" as *;
 @use "../top/boxes" as box;
 @use "../top/shortcutIcon" as ico;
@@ -41,8 +36,8 @@
             z-index: 0;
         }
 
-        // Top bar (not in DMs)
-        .chat_a7d72e > .title_a7d72e {
+        // Top bar
+        .chat_a7d72e > .subtitleContainer_a7d72e > .title_a7d72e {
             .toolbar_e44302 {
                 // Move help icon
                 .anchor_af404b .iconWrapper_e44302:only-of-type {
@@ -111,9 +106,12 @@
             .list_a6d69a > div:first-child {
                 min-width: 0;
             }
+            .header_a6d69a {
+                z-index: 0;
+            }
 
             // Members list
-            .container_cbd271 {
+            .membersWrap_cbd271 {
                 @include box.startMenuList;
 
                 position: fixed;

scss/main/_taskbar.scss

@@ -7,7 +7,7 @@
 // Servers sidebar / Taskbar
 .guilds_a4d4d9 {
     z-index: 0;
-    --status-danger: #{$color-ping};
+    --status-danger: #{$color-ping-1};
 
     // Unread indicator
     .unreadMentionsIndicatorBottom_fea3ef,
@@ -16,7 +16,7 @@
 
         .bar_c10249 {
             border-radius: 0;
-            background: linear-gradient(to bottom, transparent, $color-ping);
+            background: linear-gradient(to bottom, transparent, $color-ping-1);
         }
     }
 
@@ -41,17 +41,21 @@
                     width: inherit;
                 }
 
-                .wrapper__8436d {
+                .wrapper_f90abb {
                     .selected_ae80f7,
                     &:hover {
-                        .childWrapper_a6ce15 {
+                        .childWrapper_f90abb {
                             color: $white;
                         }
                     }
 
-                    .childWrapper_a6ce15 {
+                    .childWrapper_f90abb {
                         color: $white-overlay;
                         background: transparent;
+
+                        svg {
+                            zoom: 1.5;
+                        }
                     }
                 }
             }
@@ -72,8 +76,10 @@
             background: linear-gradient(to bottom, $color-taskbar-1, $color-taskbar-2);
         }
 
-        // Add server and community servers
-        .circleIconButton_db6521 {
+        // Add server and discover servers
+        // Favourite servers
+        .circleIconButton_db6521,
+        .childWrapperNoHoverBg_f90abb {
             background: linear-gradient(to bottom, $color-taskbar-1, $color-taskbar-2);
             color: $white-overlay;
         }
@@ -87,6 +93,7 @@
     position: fixed;
     bottom: -1px;
     left: calc(100vw - $panel-width);
+    z-index: 1;
     @include box.barGradient(false, $color-taskbar-1, $color-taskbar-2);
 
     &:hover {

scss/main/index.scss

@@ -0,0 +1,5 @@
+@forward "./a";
+@forward "./channels";
+@forward "./taskbar";
+@forward "./threads";
+@forward "./titlebar";

scss/overlay/_modal.scss

@@ -3,7 +3,7 @@
 
 // Modals
 // BSOD
-.backdrop__1a911 {
+.backdrop_e4f2ae {
     background: var(--bsod-color, $bsod-color) !important;
     opacity: 1 !important;
 

scss/overlay/_index.scss → scss/overlay/index.scss

@@ -1,4 +1,5 @@
 @forward "./layer";
 @forward "./modal";
-@forward "./popover";
 @forward "./tooltip";
+
+@forward "./popover/";

scss/overlay/popover/_userprofile.scss

@@ -6,9 +6,10 @@
 // Popout or in profile settings
 .userProfileOuter_c69a7b {
     border-radius: 0;
+    overflow: visible;
 
     &:not(.profileCustomizationPreview_ab876d) {
-        @include box.windowHasPseudoTitle("User info", $OFFSET: 0);
+        @include box.windowHasPseudoTitle("User info", $OFFSET: -2px);
     }
 
     &.profileCustomizationPreview_ab876d {
@@ -27,11 +28,12 @@
     // Avatar
     .avatarWrapper_f89da9 {
         &:not(.avatarPositionPremiumBanner_f89da9) {
-            left: 24px;
+            left: 22px;
+            top: 16px;
         }
 
         &.avatarPositionPremiumBanner_f89da9 {
-            left: 20px;
+            left: 18px;
             top: 72px;
         }
     }

scss/overlay/popover/topbar/_index.scss → scss/overlay/popover/topbar/_a.scss

@@ -1,7 +1,3 @@
-@forward "./inbox";
-@forward "./pinned";
-@forward "./threads";
-
 @use "../../../top/vars" as *;
 
 // Top bar button popout windows, eg. inbox

scss/overlay/popover/topbar/index.scss

@@ -0,0 +1,4 @@
+@forward "./a";
+@forward "./inbox";
+@forward "./pinned";
+@forward "./threads";

scss/part/_HorizontalServerList.scss

@@ -0,0 +1,49 @@
+@use "../top/vars" as *;
+
+// HorizontalServerList and adjustments
+
+// Copyright (c) 2020 DiscordStyles
+// MIT license
+// https://github.com/DiscordStyles/HorizontalServerList
+@import url("https://discordstyles.github.io/HorizontalServerList/dist/HorizontalServerList.css");
+@import url("https://discordstyles.github.io/Addons/bottomhsl.css");
+
+// Adjustments
+:root {
+    --HSL-server-icon-size: 25px;
+    /* Size of the server icons | DEFAULT: 40px */
+    --HSL-server-spacing: 10px;
+    /* Spacing between each server icon | DEFAULT: 10px */
+    --HSL-server-direction: column;
+    /* Direct of the server list. | Options: column, column-reverse | DEFAULT: column */
+}
+
+// Channels sidebar
+#app-mount .sidebar_a4d4d9 {
+    border-radius: 8px 8px 0 0;
+}
+
+// Taskbar
+// leave gap in server bar for control panel
+#app-mount .guilds_a4d4d9 {
+    height: calc(100vw - $panel-width) !important;
+
+    .scrollerBase_eed6a8,
+    .scrollerBase_c49869 {
+        padding-top: 0 !important;
+    }
+}
+body #app-mount .guilds_a4d4d9 {
+    left: calc(100vw - $panel-width);
+}
+
+// Titlebar
+html.platform-osx #app-mount {
+    .base_a4d4d9 {
+        top: 0 !important;
+    }
+
+    .typeMacOS_a934d8 {
+        width: auto;
+    }
+}