diff --git a/Exponent.theme.css b/Exponent.theme.css index 217c3a8..5e1493e 100644 --- a/Exponent.theme.css +++ b/Exponent.theme.css @@ -3,55 +3,43 @@ * @author Saltssaumure * @authorLink https://github.com/Saltssaumure * @description A Windows XP style theme built for BetterDiscord. + * @license GPL-3.0 * @version 1.3 * @invite uy8nKQVatp * @source https://github.com/Saltssaumure/xp-discord-theme * @donate https://ko-fi.com/saltssaumure */ -/* - Made by: - _______ _______ _ _________ _______ _______ _______ __ __ _______ _______ -( ____ \( ___ )( \ \__ __/( ____ \( ____ \( ___ )|\ /|( \ / )|\ /|( ____ )( ____ \ -| (____\/| (___) || | | | | (____\/| (____\/| (___) || | | || || || || | | || (____)|| (__ \/ -(_____ )| ___ || | | | (_____ )(_____ )| ___ || | | || |(_)| || | | || __ __)| __) -/\____) || ) ( || (____/\| | /\____) |/\____) || ) ( || (___) || ) ( || (___) || ) \ \__| (____/\ -\_______)|/ \|(_______/)_( \_______)\_______)|/ \|(_______)|/ \|(_______)|/ \__/(_______/ - Licensed under GPL-3.0 - -Discord: Saltssaumure#7557 -GitHub: https://github.com/Saltssaumure/xp-discord-theme -Join Salt's Discord Themes server: https://discord.gg/uy8nKQVatp -*/ - @import url("https://saltssaumure.github.io/xp-discord-theme/xp.min.css"); -: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."; +/* See https://github.com/Saltssaumure/xp-discord-theme#customisation for customisation settings. */ +:root { + --xp-background-image: url(https://saltssaumure.github.io/xp-discord-theme/img/bliss.avif); + --xp-background-color: #0066CC; + --bsod-color: navy; + --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."; } .theme-dark { - --xp-bg-color: #000; - --xp-bg-bright-color: #234; - --xp-bg-tint-color: #222; - --xp-bg-shade-color: #111; - --xp-txt-color: #FFF; - --xp-border-color: #1665CA; - --xp-set-color: #FFFFFFB3; - --xp-hover-color: #123; - --xp-zing-color: #A50; + --xp-bg-color: #000; + --xp-set-color: #FFFFFFB3; + --xp-hover-color: #123; + --xp-zing-color: #A50; + --xp-txt-color: #FFF; + --xp-bg-bright-color: #234; + --xp-bg-tint-color: #222; + --xp-bg-shade-color: #111; + --xp-border-color: #1665CA; } + .theme-light { - --xp-bg-color: #FFF; - --xp-bg-bright-color: #F0EFED; - --xp-bg-tint-color: #EBE8D7; - --xp-bg-shade-color: #808080; - --xp-txt-color: #000; - --xp-border-color: #000; - --xp-set-color: #000000B3; - --xp-hover-color: #D3D3D3; - --xp-zing-color: #FFA500; + --xp-bg-color: #FFF; + --xp-set-color: #000000B3; + --xp-hover-color: #D3D3D3; + --xp-zing-color: #FFA500; + --xp-txt-color: #000; + --xp-bg-bright-color: #F0EFED; + --xp-bg-tint-color: #EBE8D7; + --xp-bg-shade-color: #808080; + --xp-border-color: #000; } \ No newline at end of file diff --git a/README.md b/README.md index 68f4ca7..9dd9d4a 100644 --- a/README.md +++ b/README.md @@ -1,62 +1,109 @@ +[light]: https://user-images.githubusercontent.com/29710355/229367843-ad03f107-ad47-4c63-9692-89cd781d40f8.png +[dark]: https://user-images.githubusercontent.com/29710355/229367846-78bf3675-a091-4f60-8ff0-4427697a2ef2.png +[bsod-text]: https://github.com/Saltssaumure/xp-discord-theme/blob/main/scss/top/_vars-scss.scss +[addons]: https://github.com/Saltssaumure/xp-discord-theme/tree/main/addon + +[css-color]: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value +[discord]: https://discord.gg/uy8nKQVatp + +[BetterDiscord]: https://betterdiscord.app/ +[Replugged]: https://replugged.dev/ +[Vencord]: https://github.com/Vendicated/Vencord + +[shield-donate]: https://img.shields.io/badge/Donate-ko--fi-orange?style=flat-square&logo=kofi&logoColor=orange +[ko-fi]: https://ko-fi.com/saltssaumure "Any amount is much appreciated!" + +[shield-total-dl]: https://img.shields.io/github/downloads/saltssaumure/xp-discord-theme/total?color=purple&label=Total%20GitHub%20downloads&style=flat-square +[shield-asar-dl]: https://img.shields.io/github/downloads/saltssaumure/xp-discord-theme/latest/net.saltssaumure.Exponent.asar?color=purple&label=Replugged%20installs&style=flat-square +[shield-repo-size]: https://img.shields.io/github/repo-size/saltssaumure/xp-discord-theme?style=flat-square "Total size" + +[license]: https://github.com/Saltssaumure/xp-discord-theme/blob/main/LICENSE +[issues]: https://github.com/Saltssaumure/xp-discord-theme/issues +[.theme.css]: https://github.com/Saltssaumure/xp-discord-theme/blob/main/Exponent.theme.css + +[release-gh]: https://github.com/Saltssaumure/xp-discord-theme/releases/latest "Latest release" +[release-bd]: https://betterdiscord.app/theme/?id=823 "BetterDiscord store page" +[release-rp]: https://replugged.dev/install?identifier=Saltssaumure/xp-discord-theme&source=github "Replugged addon installer" + # Exponent Discord Theme -[![GitHub downloads](https://img.shields.io/github/downloads/saltssaumure/xp-discord-theme/total?color=purple&label=GitHub%20downloads&style=flat-square)](https://github.com/Saltssaumure/xp-discord-theme/releases/latest "Latest release") -![Total size](https://img.shields.io/github/repo-size/saltssaumure/xp-discord-theme?style=flat-square "Total size") +[![Donate via ko-fi][shield-donate]][ko-fi] +[![Total downloads][shield-total-dl]][release-gh] +[![Replugged installs][shield-asar-dl]][release-gh] +![Total size][shield-repo-size] ***A Windows XP style Discord theme.*** -| Light mode | Dark mode | -| ---------- | --------- | -| ![Screenshot of Exponent Discord Theme applied to Discord desktop client ](https://user-images.githubusercontent.com/29710355/229367843-ad03f107-ad47-4c63-9692-89cd781d40f8.png) | ![Screenshot of Exponent Discord Theme applied to Discord desktop client](https://user-images.githubusercontent.com/29710355/229367846-78bf3675-a091-4f60-8ff0-4427697a2ef2.png) | +| Light mode | Dark mode | +| --------------------------------------------------------------- | ------------------------------------------------------------ | +| ![Screenshot of Exponent light mode applied to Discord ][light] | ![Screenshot of Exponent dark mode applied to Discord][dark] | ## Installation ### BetterDiscord -1. Install [BetterDiscord](https://betterdiscord.app/). +1. Install [BetterDiscord][BetterDiscord]. 2. Download the theme file: - - [GitHub](https://github.com/Saltssaumure/xp-discord-theme/releases/latest) - - [BD Store](https://betterdiscord.app/theme/?id=823) -3. Place theme file in BetterDiscord's theme folder: + - [GitHub][release-gh] + - [BD Store][release-bd] +3. Place theme file in the `themes` folder: - Windows: `%AppData%/BetterDiscord/themes` - Mac: `~/Library/Application Support/betterdiscord/themes` - Linux: `~/.config/BetterDiscord/themes` ### Replugged -1. Install [Replugged](https://replugged.dev/). +1. Install [Replugged][Replugged]. 2. Install the theme: - - [GitHub](https://github.com/Saltssaumure/xp-discord-theme/releases/latest) - - [Replugged.dev](https://replugged.dev/install?identifier=Saltssaumure/xp-discord-theme&source=github) - -## Customisation (BetterDiscord only) - -### Addons -- [ExponentBgImageAddon](https://raw.githubusercontent.com/Saltssaumure/xp-discord-theme/main/addon/ExponentBgImageAddon.theme.css) - enables custom background image in the main window. - -### Settings -1. Open `Settings` > `Themes` menu in Discord. -2. Click pencil icon on this theme. -3. Customise the variable values. See table below for reference. -4. Save changes and enjoy. - -| Description | Variable name | Valid values | Default value | -|-----------------------------|------------------------|--------------------------------------------|-----------------------------------------------------------------------------------------| -| Wallpaper image | `--background-image` | Any image link wrapped encased in `url()`. | `url(https://saltssaumure.github.io/xp-discord-theme/img/bliss.jpg)` | -| BSOD background colour | `--bsod-color` | Any CSS-recognised colour. | `navy` | -| BSOD text | `--bsod-text` | Any quoted text. Use `\A` for new lines. | [Read here](https://github.com/Saltssaumure/xp-discord-theme/blob/main/scss/top/_vars-css.scss) | -| Panel background colour | `--xp-bg-color` | Any CSS-recognised colour. | `#000` (dark) / `#FFF` (light) | -| Button highlight colour | `--xp-bg-bright-color` | Any CSS-recognised colour. | `#203040` (dark) / `#F0EFED` (light) | -| Button background colour | `--xp-bg-tint-color` | Any CSS-recognised colour. | `#202020` (dark) / `#EBE8D7` (light) | -| Button shadow colour | `--xp-bg-shade-color` | Any CSS-recognised colour. | `#101010` (dark) / `#808080` (light) | -| Panel text colour | `--xp-txt-color` | Any CSS-recognised colour. | `#FFF` (dark) / `#000` (light) | -| Button/panel border colour | `--xp-border-color` | Any CSS-recognised colour. | `#1665CA` (dark) / `#000000` (light) | -| Panel settings icon colour | `--xp-set-color` | Any CSS-recognised colour. | `#FFFFFFB3` (dark) / `#000000B3` (light) | -| Panel hovered item colour | `--xp-hover-color` | Any CSS-recognised colour. | `#102030` (dark) / `#D3D3D3` (light) | -| Panel top decoration colour | `--xp-zing-color` | Any CSS-recognised colour. | `#A05000` (dark) / `#FFA500` (light) | + - [GitHub][release-gh] + - [Installer][release-rp] + +### Vencord +1. Install [Vencord][Vencord]. +2. Paste the following in `Settings` > `Vencord` > `Themes`: + - `https://saltssaumure.github.io/xp-discord-theme/Exponent.theme.css` + +## Customisation + +| Description | Variable name | Valid values | Default value | +| --------------------------- | ----------------------- | ------------------------------------------ | -------------------------------------------------------------------- | +| Background image | `--xp-background-image` | Any image link encased in `url()`. | `url(https://saltssaumure.github.io/xp-discord-theme/img/bliss.avif)` | +| Background colour | `--xp-background-color` | Any [colour][css-color]. | `#003300` | +| BSOD background colour | `--bsod-color` | Any [colour][css-color]. | `navy` | +| BSOD text | `--bsod-text` | Any quoted text. Use `\A` for new lines. | [Read here][bsod-text]. | +| Panel background colour | `--xp-bg-color` | Any [colour][css-color]. | `#000` (dark) / `#FFF` (light) | +| Panel settings icon colour | `--xp-set-color` | Any [colour][css-color]. | `#FFFFFFB3` (dark) / `#000000B3` (light) | +| Panel hovered item colour | `--xp-hover-color` | Any [colour][css-color]. | `#102030` (dark) / `#D3D3D3` (light) | +| Panel top decoration colour | `--xp-zing-color` | Any [colour][css-color]. | `#A05000` (dark) / `#FFA500` (light) | +| Panel text colour | `--xp-txt-color` | Any [colour][css-color]. | `#FFF` (dark) / `#000` (light) | +| Button highlight colour | `--xp-bg-bright-color` | Any [colour][css-color]. | `#203040` (dark) / `#F0EFED` (light) | +| Button background colour | `--xp-bg-tint-color` | Any [colour][css-color]. | `#202020` (dark) / `#EBE8D7` (light) | +| Button shadow colour | `--xp-bg-shade-color` | Any [colour][css-color]. | `#101010` (dark) / `#808080` (light) | +| Button/panel border colour | `--xp-border-color` | Any [colour][css-color]. | `#1665CA` (dark) / `#000000` (light) | + +### BetterDiscord +1. Open `Settings` > `BetterDiscord` > `Themes`. +2. Click the pencil icon on this theme. +3. Edit the variable values and save changes. + +### Replugged +1. Open `Settings` > `Replugged` > `Quick CSS`. +3. Copy and paste lines 15-45 of [`Exponent.theme.css`][.theme.css]. +3. Edit the variable values and apply changes. + +### Vencord +#### Standard method +1. Follow the instructions in `Settings` > `Vencord` > `Themes`. +#### Recommended method +1. Open `Settings` > `Vencord` > `Vencord`. +2. Toggle on `Enable Custom CSS` and click `Open QuickCSS File`. +3. Copy and paste lines 15-45 of [`Exponent.theme.css`][.theme.css]. +4. Edit the variable values. + +## Addons +See [Addons][addons] for mini-themes designed to be used alongside Exponent to add extra optional features. ## License -- **Whole theme:** [GNU General Public License v3.0](https://github.com/Saltssaumure/xp-discord-theme/blob/main/LICENSE) - - TL;DR;NAL: Do whatever you want with this theme, as long as you allow others to do the same with your version. -- **[HorizontalServerList](https://github.com/DiscordStyles/HorizontalServerList):** [MIT License](https://github.com/DiscordStyles/HorizontalServerList/blob/master/LICENSE.md) +[GNU General Public License v3.0][license] +- TL;DR;NAL: Do whatever you want with this theme, as long as you allow others to do the same with your version. ## Questions or suggestions? -- Post [an issue](https://github.com/Saltssaumure/xp-discord-theme/issues) on GitHub. -- Post in `#theme-support` on [my support server](https://discord.gg/uy8nKQVatp). +- Post [an issue][issues] on GitHub. +- Post in `#theme-support` on [my support server][discord]. diff --git a/addon/ExponentBgImageAddon.theme.css b/addon/ExponentBgImageAddon.theme.css index dcc5f5e..8602b75 100644 --- a/addon/ExponentBgImageAddon.theme.css +++ b/addon/ExponentBgImageAddon.theme.css @@ -2,38 +2,19 @@ * @name Exponent Background Image Addon * @author Saltssaumure * @authorLink https://github.com/Saltssaumure - * @description Customisable inner background image for Exponent theme: https://github.com/Saltssaumure/xp-discord-theme + * @description Customisable main inner window background image for Exponent: https://github.com/Saltssaumure/xp-discord-theme + * @license GPL-3.0 * @version 1.0 * @invite uy8nKQVatp * @source https://github.com/Saltssaumure/xp-discord-theme * @donate https://ko-fi.com/saltssaumure */ -/* - Made by: - _______ _______ _ _________ _______ _______ _______ __ __ _______ _______ -( ____ \( ___ )( \ \__ __/( ____ \( ____ \( ___ )|\ /|( \ / )|\ /|( ____ )( ____ \ -| (____\/| (___) || | | | | (____\/| (____\/| (___) || | | || || || || | | || (____)|| (__ \/ -(_____ )| ___ || | | | (_____ )(_____ )| ___ || | | || |(_)| || | | || __ __)| __) -/\____) || ) ( || (____/\| | /\____) |/\____) || ) ( || (___) || ) ( || (___) || ) \ \__| (____/\ -\_______)|/ \|(_______/)_( \_______)\_______)|/ \|(_______)|/ \|(_______)|/ \__/(_______/ - Licensed under GPL-3.0 - -Discord: Saltssaumure#7557 -GitHub: https://github.com/Saltssaumure/xp-discord-theme -Join Salt's Discord Themes server: https://discord.gg/uy8nKQVatp -*/ - @import url("https://saltssaumure.github.io/xp-discord-theme/addon/xp-bg-image.css"); -/* USER EDITABLE VARIABLES - * --xp-bg-addon-image: Image URL, or `none` for transparent background. - * --xp-bg-addon-luminosity: 0-100% - 0 for black, 100% = white, in-between for greys. OPTIONAL. - * --xp-bg-addon-opacity: 0-1 - 0 for fully transparent, 1 for fully opaque. OPTIONAL. -*/ - +/* See https://github.com/Saltssaumure/xp-discord-theme/tree/main/addon#ExponentBgImageAddon for customisation settings. */ :root { - --xp-bg-addon-image: url(https://saltssaumure.github.io/xp-discord-theme/img/bliss.jpg); + --xp-bg-addon-image: url(https://saltssaumure.github.io/xp-discord-theme/img/bliss.avif); /* --xp-bg-addon-luminosity: 0%; */ /* --xp-bg-addon-opacity: 0.4; */ } \ No newline at end of file diff --git a/addon/README.md b/addon/README.md new file mode 100644 index 0000000..f651f06 --- /dev/null +++ b/addon/README.md @@ -0,0 +1,11 @@ +# Addons for Exponent Discord Theme +Mini-themes designed to be used alongside Exponent to add extra optional features. + +## ExponentBgImageAddon +Customisable main inner window background image. Can also be used without image to make main inner window transparent / translucent. Overrides `--xp-bg-color` in the main theme. + +| Description | Variable name | Valid values | Default value | +| --------------------- | -------------------------- | ---------------------------------------------------- | -------------------------------------------------------------------- | +| Background image | `--xp-bg-addon-image` | Any image link wrapped encased in `url()`, or `none` | `url(https://saltssaumure.github.io/xp-discord-theme/img/bliss.avif)` | +| Background grey value | `--xp-bg-addon-luminosity` | `0%` to `100%` (black to white) | NOT SET, OPTIONAL | +| Background opacity | `--xp-bg-addon-opacity` | `0` to `1` (transparent to opaque) | NOT SET, OPTIONAL | \ No newline at end of file diff --git a/addon/xp-bg-image.css b/addon/xp-bg-image.css index bfdae06..404c1e9 100644 --- a/addon/xp-bg-image.css +++ b/addon/xp-bg-image.css @@ -22,5 +22,5 @@ .applicationStore-2nk7Lo, .standardSidebarView-E9Pc3j, .chat-2ZfjoI { - background: var(--xp-bg-addon-image, url(https://saltssaumure.github.io/xp-discord-theme/img/bliss.jpg)) center/cover; + background: var(--xp-bg-addon-image, url(https://saltssaumure.github.io/xp-discord-theme/img/bliss.avif)) center/cover; } \ No newline at end of file diff --git a/img/bliss.avif b/img/bliss.avif new file mode 100644 index 0000000..b0b7f65 Binary files /dev/null and b/img/bliss.avif differ diff --git a/package.json b/package.json index d551821..613812d 100644 --- a/package.json +++ b/package.json @@ -14,12 +14,12 @@ }, "type": "module", "dependencies": { - "salt-bd-scss": "^1.0.0", "@parcel/config-default": "^2.8.3", "@parcel/core": "^2.8.3", "@parcel/transformer-sass": "^2.8.3", "@types/node": "^18.11.15", "prettier": "^2.8.1", - "replugged": "^4.1.0" + "replugged": "^4.1.0", + "salt-bd-scss": "^1.0.0" } } diff --git a/scss-compile.config.js b/scss-compile.config.js index 3673cfb..7750492 100644 --- a/scss-compile.config.js +++ b/scss-compile.config.js @@ -8,6 +8,6 @@ export default { /** The name of your theme repository. */ repo: "xp-discord-theme", /** The version of your theme. */ - version: "1.3.1" + version: "1.3.2" } }; diff --git a/scss/_main.scss b/scss/_main.scss index 2000369..fa538f3 100644 --- a/scss/_main.scss +++ b/scss/_main.scss @@ -7,27 +7,9 @@ @use "main/threads"; @use "main/titlebar"; -// Avatar sphere effect -.wrapper-1VLyxH::before { - content: ""; - display: block; - position: absolute; - height: 100%; - width: 100%; - background: radial-gradient( - circle at 25% 25%, - $white-overlay, - transparentize($white-overlay, 0.4) 20%, - transparentize($white-overlay, 0.6) 40%, - transparent - ); - border-radius: 50%; - z-index: 1; -} - // Image background .bg-1QIAus { - background: var(--background-image, url(https://saltssaumure.github.io/xp-discord-theme/img/bliss.jpg)) center/cover; + background: var(--xp-background-color, $xp-background-color) var(--xp-background-image, $xp-background-image) center/cover; } // Main view @@ -166,7 +148,6 @@ // With members list visible &:has(.membersWrap-3NUR2t) { - // VC video controls .bottomControls-31YuPK { width: auto; diff --git a/scss/_part.scss b/scss/_part.scss new file mode 100644 index 0000000..33d56ae --- /dev/null +++ b/scss/_part.scss @@ -0,0 +1,2 @@ +@use "part/avatarSphere"; +@use "part/HorizontalServerList"; diff --git a/scss/_plugin.scss b/scss/_plugin.scss index ad62837..bce2862 100644 --- a/scss/_plugin.scss +++ b/scss/_plugin.scss @@ -1,2 +1 @@ @use "plugin/ReadAllNotificationsButton"; -@use "plugin/HorizontalServerList"; \ No newline at end of file diff --git a/scss/overlay/_modals.scss b/scss/overlay/_modals.scss index dc3a940..a76b6ca 100644 --- a/scss/overlay/_modals.scss +++ b/scss/overlay/_modals.scss @@ -1,11 +1,13 @@ +@use "../top/vars-scss" as *; + // Modals // BSOD .backdrop-2ByYRN { - background: var(--bsod-color, navy) !important; + background: var(--bsod-color, $bsod-color) !important; opacity: 1 !important; &::before { - content: var(--bsod-text, var(--bsod-text-original)); + content: var(--bsod-text, $bsod-text); white-space: pre-wrap; display: block; font-family: "Courier New", Courier, monospace; @@ -23,6 +25,6 @@ .focusLock-bHVOlV { border: 2px solid white; padding: 5px; - background: var(--bsod-color, rgba(0, 0, 128, 0.8)); + background: var(--bsod-color, transparentize($bsod-color, 0.2)); } } \ No newline at end of file diff --git a/scss/plugin/HorizontalServerList.scss b/scss/part/_HorizontalServerList.scss similarity index 100% rename from scss/plugin/HorizontalServerList.scss rename to scss/part/_HorizontalServerList.scss diff --git a/scss/part/_avatarSphere.scss b/scss/part/_avatarSphere.scss new file mode 100644 index 0000000..6ab4de1 --- /dev/null +++ b/scss/part/_avatarSphere.scss @@ -0,0 +1,19 @@ +@use "../top/vars-scss" as *; + +// Avatar sphere effect +.wrapper-1VLyxH::before { + content: ""; + display: block; + position: absolute; + height: 100%; + width: 100%; + background: radial-gradient( + circle at 25% 25%, + $white-overlay, + transparentize($white-overlay, 0.4) 20%, + transparentize($white-overlay, 0.6) 40%, + transparent + ); + border-radius: 50%; + z-index: 1; +} \ No newline at end of file diff --git a/scss/top/_vars-css.scss b/scss/top/_vars-css.scss index 8324a81..eaa5b37 100644 --- a/scss/top/_vars-css.scss +++ b/scss/top/_vars-css.scss @@ -7,7 +7,6 @@ /* Spacing between each server icon | DEFAULT: 10px */ --HSL-server-direction: column; /* Direct of the server list. | Options: column, column-reverse | DEFAULT: column */ - --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."; } code, diff --git a/scss/top/_vars-scss.scss b/scss/top/_vars-scss.scss index 75486a9..27d5caf 100644 --- a/scss/top/_vars-scss.scss +++ b/scss/top/_vars-scss.scss @@ -1,3 +1,9 @@ +// Default CSS var values +$xp-background-image: url(https://saltssaumure.github.io/xp-discord-theme/img/bliss.avif); +$xp-background-color: #0066CC; +$bsod-color: navy; +$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."; + // Member list $panel-width: 240px; diff --git a/scss/xp.scss b/scss/xp.scss index 593ff39..5388eb4 100644 --- a/scss/xp.scss +++ b/scss/xp.scss @@ -3,7 +3,8 @@ @use "bd"; @use "main"; @use "overlay"; +@use "part"; @use "plugin"; @import url("https://discordstyles.github.io/HorizontalServerList/dist/HorizontalServerList.css"); -@import url("https://discordstyles.github.io/Addons/bottomhsl.css"); \ No newline at end of file +@import url("https://discordstyles.github.io/Addons/bottomhsl.css");