Add BSOD on modal

Saltssaumure · Nov 6, 2022 · 5bda0c3 · 5bda0c3
1 parent b7acfb4
commit 5bda0c3
Show file tree

Hide file tree

Showing 6 changed files with 68 additions and 4 deletions.
diff --git a/Exponent.theme.css b/Exponent.theme.css
@@ -3,7 +3,7 @@
  * @author Saltssaumure
  * @authorLink https://github.com/Saltssaumure
  * @description A Windows XP style theme built for BetterDiscord.
- * @version 1.0
+ * @version 1.1
  * @invite uy8nKQVatp
  * @source https://github.com/Saltssaumure/xp-discord-theme
  * @donate https://ko-fi.com/saltssaumure
@@ -29,4 +29,6 @@ Join Salt's Discord Themes server: https://discord.gg/uy8nKQVatp
 :root
 {
     --background-image: url(https://saltssaumure.github.io/xp-discord-theme/img/bliss.jpg);  /* Background image. Values: any image link encased in url(). */
+    --bsod-color: navy;  /* BSOD background colour. Values: any valid keyword/RGBA/hex etc. colour. */
+    --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.";
 }
diff --git a/README.md b/README.md
@@ -22,6 +22,14 @@
 - **Theme setting:** change the value of `--background-image` to an image link encased in `url()`.
 - **Default value:** `url(https://saltssaumure.github.io/xp-discord-theme/img/bliss.jpg)`.
 
+### BSOD background colour
+- **Theme setting:** change the value of `--bsod-color` to a CSS-recognised colour.
+- **Default value:** `navy`.
+
+### BSOD text
+- **Theme setting:** change the value of `--bsod-text` to any quoted text. Use `\A` for new lines.
+- **Default value:** [read here](https://github.com/Saltssaumure/xp-discord-theme/blob/main/scss/_bsod.scss)
+
 ## License
 - **Whole theme:** [GNU General Public License v3.0](https://github.com/Saltssaumure/xp-discord-theme/blob/main/LICENSE)  
 <span title="Too long; didn't read; not a lawyer">TL;DR;NAL</span>: Do whatever you want with this theme, as long as you allow others to do the same with your version.

diff --git a/scss/_bsod.scss b/scss/_bsod.scss
@@ -0,0 +1,3 @@
+:root {
+    --bsod-text-original: "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."
+}
diff --git a/scss/xp.scss b/scss/xp.scss
@@ -2,12 +2,13 @@
  * @name Exponent - Main
  * @author Saltssaumure#7557
  * @description Main section of the Exponent theme. Please download the autoupdater from https://github.com/Saltssaumure/xp-discord-theme/releases/tag/latest.
- * @version 1.0.2
+ * @version 1.1.0
 */
 
 @import "_shortcutIcon.scss";
 @import "_boxes.scss";
 @import "_buttons.scss";
+@import "_bsod.scss";
 
 @import url("https://discordstyles.github.io/HorizontalServerList/dist/HorizontalServerList.css");
 @import url("https://discordstyles.github.io/Addons/bottomhsl.css");
@@ -875,6 +876,30 @@ body #app-mount {
                 }
             }
         }
+
+        // Modals
+        .backdrop-2ByYRN {
+            background: var(--bsod-color, navy)!important;
+            opacity: 1.0!important;
+            &::before {
+                content: var(--bsod-text, var(--bsod-text-original));
+                white-space: pre-wrap;
+                display: block;
+                font-family: 'Courier New', Courier, monospace;
+                font-size: 20px;
+                color: white;
+                margin: 40px;
+            }
+        }
+        .layer-1Ixpg3 {
+            align-items: flex-end;
+            padding-right: 10vw;
+            .focusLock-2tveLW {
+                border: 2px solid white;
+                padding: 5px;
+                background: var(--bsod-color, rgba(0, 0, 128, 0.8));
+            }
+        }
     }
 }
 

diff --git a/xp.min.css b/xp.min.css
diff --git a/xp.theme.css b/xp.theme.css
@@ -2,10 +2,14 @@
  * @name Exponent - Main
  * @author Saltssaumure#7557
  * @description Main section of the Exponent theme. Please download the autoupdater from https://github.com/Saltssaumure/xp-discord-theme/releases/tag/latest.
- * @version 1.0.2
+ * @version 1.1.0
 */
 @import url("https://discordstyles.github.io/HorizontalServerList/dist/HorizontalServerList.css");
 @import url("https://discordstyles.github.io/Addons/bottomhsl.css");
+:root {
+  --bsod-text-original: "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 \aIf 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 \aIf 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 \aTechnical 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 ... \aInitializing disk for crash dump ... \a Beginning dump of all your belongings ... \a Dumping physical memory to disk: 100% \aPhysical memory dump complete. \a Contact your system administrator or technical support group for further assistance." ;
+}
+
 :root {
   --HSL-server-icon-size: 25px; /* Size of the server icons | DEFAULT: 40px */
   --HSL-server-spacing: 10px; /* Spacing between each server icon | DEFAULT: 10px */
@@ -1130,6 +1134,28 @@ body #app-mount .layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userProfileInner
 body #app-mount .layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userProfileInnerThemedNonPremium-1gT-zY .overlayBackground-1KgwVi {
   background: white;
 }
+body #app-mount .layerContainer-2v_Sit .backdrop-2ByYRN {
+  background: var(--bsod-color, navy) !important;
+  opacity: 1 !important;
+}
+body #app-mount .layerContainer-2v_Sit .backdrop-2ByYRN::before {
+  content: var(--bsod-text, var(--bsod-text-original));
+  white-space: pre-wrap;
+  display: block;
+  font-family: "Courier New", Courier, monospace;
+  font-size: 20px;
+  color: white;
+  margin: 40px;
+}
+body #app-mount .layerContainer-2v_Sit .layer-1Ixpg3 {
+  align-items: flex-end;
+  padding-right: 10vw;
+}
+body #app-mount .layerContainer-2v_Sit .layer-1Ixpg3 .focusLock-2tveLW {
+  border: 2px solid white;
+  padding: 5px;
+  background: var(--bsod-color, rgba(0, 0, 128, 0.8));
+}
 
 #floating-editor-window {
   border-radius: 10px 10px 0 0;