/** * @name WindowsXI * @author Leeprky#2063 * @version 1.1.2 * @description A Simple Theme Based On The New Windows 11! With Rounded Edges To Every Element Matching In Colour With Dark/Light Mode Variations & Border Radius'. * @source https://github.com/leeprky/WindowsXI * @updateUrl https://github.com/leeprky/WindowsXI/blob/main/source/support/betterdiscord/windowsXI.theme.css * @authorId 224524143482241035 * @invite Ff3rqAYB89 * @donate https://www.paypal.com/paypalme/leeparkinson22 * @website https://leeprky.github.io/ */ /* ██╗ ██╗██╗███╗ ██╗██████╗ ██████╗ ██╗ ██╗███████╗ ██╗ ██╗██╗ ██║ ██║██║████╗ ██║██╔══██╗██╔═══██╗██║ ██║██╔════╝ ╚██╗██╔╝██║ ██║ █╗ ██║██║██╔██╗ ██║██║ ██║██║ ██║██║ █╗ ██║███████╗ ╚███╔╝ ██║ ██║███╗██║██║██║╚██╗██║██║ ██║██║ ██║██║███╗██║╚════██║ ██╔██╗ ██║ ╚███╔███╔╝██║██║ ╚████║██████╔╝╚██████╔╝╚███╔███╔╝███████║ ██╔╝ ██╗██║ ╚══╝╚══╝ ╚═╝╚═╝ ╚═══╝╚═════╝ ╚═════╝ ╚══╝╚══╝ ╚══════╝ ╚═╝ ╚═╝╚═╝ １．１．2 By leeprky#2063 */ /* █ █▀▄▀█ █▀█ █▀█ █▀█ ▀█▀ █▀ █ █░▀░█ █▀▀ █▄█ █▀▄ ░█░ ▄█ No Touch */ @import "https://leeprky.github.io/themes/WindowsXI/master-import.css"; @import "https://leeprky.github.io/themes/WindowsXI/imports/support-09/betterdiscord/betterdiscord.css"; /* HorizontalServerlist */ /* @import url("https://leeprky.github.io/themes/BaseStuff/horizontallist.css"); /* ▄▀█ █▀█ █▀█ █▀▀ █▀█ ▄▀█ █▄░█ █▀▀ █▀▀ █▀█ █▀▀ █▀▀ ██▄ █▀▄ █▀█ █░▀█ █▄▄ ██▄ Delete `/*` At Start Of Import */ /* For WindowsXI */ /* Default If Needed */ /* @import "https://leeprky.github.io/themes/WindowsXI/imports/support-09/schemes/default.css"; /* Blurple */ /* @import "https://leeprky.github.io/themes/WindowsXI/imports/support-09/schemes/blurple-theme.css"; /* Ovel Scheme */ /* @import "https://leeprky.github.io/themes/WindowsXI/imports/support-09/schemes/ovel-theme.css"; /* Lode Scheme */ /* @import "https://leeprky.github.io/themes/WindowsXI/imports/support-09/schemes/lode-theme.css"; /* Naive Scheme */ /* @import "https://leeprky.github.io/themes/WindowsXI/imports/support-09/schemes/naive-theme.css"; /* Slook Scheme */ /* @import "https://leeprky.github.io/themes/WindowsXI/imports/support-09/schemes/slook-theme.css"; /* Couve Scheme */ /* @import "https://leeprky.github.io/themes/WindowsXI/imports/support-09/schemes/couve-theme.css"; /* Linux Mint */ /* @import "https://leeprky.github.io/themes/WindowsXI/imports/support-09/schemes/linx.mint-scheme.css"; /* Lode Imported Schemes */ /* MAY NOT WORK AS GOOD - WARNING */ /* Citric (Yellow & Green / Blue Colour */ /* @import url(https://raw.githack.com/leeprky/Lode/main/default/lode-schemes/citris.css); /* Crimson ( Maroon )*/ /* @import url(https://raw.githack.com/leeprky/Lode/main/default/lode-schemes/crimson.css); /* Other User's Themes */ /* MAY NOT WORK AS GOOD - WARNING */ /* midnight mars by #Luckfire */ /* @import url(https://raw.githack.com/leeprky/Lode/main/default/schemes/MidnightMars.css); /* Nebula */ /* @import url(https://raw.githack.com/leeprky/Lode/main/default/schemes/nebula.css); /* DuvBox */ /* @import url(https://raw.githack.com/leeprky/Lode/main/default/schemes/duvbox.css); /* Miyua */ /* @import url(https://raw.githack.com/leeprky/Lode/main/default/schemes/MiyuaTheme.css); /* LilyPichu */ /* @import url(https://raw.githack.com/leeprky/Lode/main/default/schemes/LilyPichu.css); /* Fey-Theme */ /* @import url(https://raw.githack.com/leeprky/Lode/main/default/schemes/fey.css); /* Neptune */ /* @import url(https://raw.githack.com/leeprky/Lode/main/default/schemes/neptune.css); /* Midnightcord */ /* @import url(https://raw.githack.com/leeprky/Lode/main/default/schemes/midnightcord.css); /* CTP */ /* @import url(https://raw.githack.com/leeprky/Lode/main/default/schemes/ctp.css); /* █▀▀ █░░ ▄▀█ █▀ █▀ █▀▀ █▀█ █▀█ █▀▄ █▄█ █▄▄ █▀█ ▄█ ▄█ █▄▄ █▄█ █▀▄ █▄▀ ▀█▀ █▀█ ▄▀█ █▄░█ █▀ █▀█ ▄▀█ █▀█ █▀▀ █▄░█ █▀▀ █▄█ ░█░ █▀▄ █▀█ █░▀█ ▄█ █▀▀ █▀█ █▀▄ ██▄ █░▀█ █▄▄ ░█░ */ /* @import "https://leeprky.github.io/themes/WindowsXI/imports/glass-05/glasscord.css"; :root{ --glasscord-win-blur: blurbehind; --glasscord-linux-blur: true; --glasscord-macos-vibrancy: fullscreen-ui; --glasscord-background: #262b3d6e !important; --glasscord-secondary-alt: #1f1f1f80 !important; --glasscord-floating: #222222f1 !important; --background-modifier-hover: #32323256 !important; --background-modifier-active: #32323260 !important; --background-modifier-selected: #32323254 !important; --background-modifier-accent: #4c46a309 !important; } /* █▀▀ █░█ █▀ ▀█▀ █▀█ █▀▄▀█ █ █▀ ▄▀█ ▀█▀ █ █▀█ █▄░█ █▄▄ █▄█ ▄█ ░█░ █▄█ █░▀░█ █ ▄█ █▀█ ░█░ █ █▄█ █░▀█ */ :root { /* Gradients */ --default-gradient: 315deg, rgba(var(--alt-color), 0.6) 0%, rgba(var(--alt-color), 0.8) 74%; --special-gradient: 315deg, rgba(var(--alt-color), 0.1) 0%, #c987b8 74%; --red-gradient: 315deg, #AA3738 0%, #F04747 74%; --red-hsl: hsl(359, 63%, 53%); --yellow-gradient: 315deg, #c29b1b 0%, #ffa640 74%; --yellow-hsl: hsl(46, 72%, 52%); --green-gradient: 315deg, #507a73 0%, #4b7c72 74%; --grey-gradient: 315deg, rgba(var(--alt-color), 0.6) 0%, rgba(var(--alt-color), 0.8) 74%; --white-gradient: 315deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.342) 74%; /* Transitions */ --font-normal: 500; --font-hover: bold; --font-size-hover: 15px; --hover-transition: 0.1s linear; --transform-normal: scale(1); --hover-transform: scale(1.15); --setting-hover-transform: scale(1.025); --button-hover-transform: scale(1.03); /* Greenple Colour*/ --green-color: var(--alt-color2); --green-color2: var(--alt-color); --green-bar-on: #2b3555; --green-bar-bg: var(--green-color); --green-slider-on: var(--green-color); --green-slider-off: #2b3555; --green-slider-dot: #fff; /* Indiicator */ --indicator-connected: 60, 150, 60; --indicator-hovered: rgba(36, 36, 36, 0.25); --indicator-unread: 255, 255, 255; --indicator-selected: var(--alt-color); --indicator-rounding: 4px !important; } /* Rounding Things */ :root { --roundness: 8px; --borders-buttons-rounded: 6px !important; /*Border shapes for rounded buttons. 25px for circle, 0px for square*/ --borders-buttons-circle: 12px!important; /*Border shapes for circle buttons. 25px for circle, 0px for square*/ --borders-switches: 8px !important; /*Border shapes for switches. 15px for circle, 0px for square*/ --borders-checkboxes: 35% !important; /*Border shapes for checkboxes. 50% for circle, 0% for square*/ --borders-slider-bars: 5px !important; /*Border shapes for slider bars. 5px for circle, 0px for square*/ --borders-slider-grabbers: 3px !important; /*Border shapes for slider grabbers. 8px for circle, 0px for square*/ --borders-progress-bars: 2px !important; /*Border shapes for progress bars. 5px for circle, 0px for square*/ --borders-inputs: 8px !important; /*Border shapes for inputs. 25px for circle, 0px for square*/ --borders-contexts: 8px !important; /*Border shapes for context menus. 25px for circle, 0px for square*/ --borders-popouts: 8px !important; /*Border shapes for popouts. 25px for circle, 0px for square*/ --borders-modals: 8px !important; /*Border shapes for modals. 25px for circle, 0px for square*/ --borders-cards: 8px !important; /*Border shapes for cards. 25px for circle, 0px for square*/ --borders-media: 8px !important; /*Border shapes for images, videos, audios and gifs. 25px for circle, 0px for square*/ --borders-previews: 8px !important; /*Border shapes for previews. 25px for circle, 0px for square*/ --borders-servers-default: 14% !important; /*Border shapes for server icons and circle buttons on server side. 50% for circle, 0% for square*/ --borders-servers-interactive: 18% !important; /*Border shapes for hovered or selected elements mentioned in previous description. 50% for circle, 0% for square*/ --borders-folders: 18px !important; /*Border shapes for server folders. 35px for circle, 0px for square*/ --borders-avatars: 28% !important; /*Border shapes for avatars. 50% for circle, 0% for square*/ --borders-icons-default: 17% !important; /*Border shapes for icons that have width equal height. 50% for circle, 0% for square*/ --borders-icons-wide: 2.5px !important; /*Border shapes for icons that have more width than height. 5px for circle, 0px for square*/ --borders-labels-large: 7px !important; /*Border shapes for large text and number indicators. 15px for circle, 0px for square*/ --borders-labels-small: 7px !important; /*Border shapes for small text and number indicators. 10px for circle, 0px for square*/ --borders-pills: 2.5px !important; /*Border shapes for unread badges and selected server pills. 5px for circle, 0px for square*/ --borders-lines: 2.5px !important; /*Border shapes for lines when you drag categories or channels. 2px for circle, 0px for square*/ --borders-role-outlines: 5px !important; /*Border shapes for roles outlines. 10px for circle, 0px for square*/ --borders-role-dots: 5px !important; /*Border shapes for roles dots. 10px for circle, 0px for square*/ --borders-messages: 8px !important; /*Border shapes for hovered or highlighted messages. 25px for circle, 0px for square*/ --borders-mentions: 5px !important; /*Border shapes for mentions. 10px for circle, 0px for square*/ --borders-reactions: 5px !important; /*Border shapes for reactions. 10px for circle, 0px for square*/ --borders-codes: 8px !important; /*Border shapes for codes and codeblocks. 10px for circle, 0px for square*/ --borders-embeds: 8px !important; /*Border shapes for embeds. 25px for circle, 0px for square*/ --borders-replies: 8px !important; /*Shape for top left replies border. 15px for circle, 0px for square*/ --borders-quotes: 8px !important; /*Border shapes for quote icon. 2px for circle, 0px for square*/ --borders-spoilers: 2px !important; /*Border shapes for spoilers. 10px for circle, 0px for square*/ --borders-tooltips: 8px !important; /*Border shapes for tooltips. 25px for circle, 0px for square*/ --borders-scrollbars: 8px !important; /*Border shapes for scrollbars. 10px for circle, 0px for square*/ --borders-sidebar-and-notices: 8px !important; /*Shape for top left sidebar and notices border. 25px for circle, 0px for square*/ --borders-navigation-highlight: 8px !important; /*Border shapes for navigation highlight when you press TAB. 25px for circle, 0px for square*/ --borders-toasts: 8px !important; /*Border shapes for toasts. 25px for circle, 0px for square*/ --borders-code-editors: 2px !important; /*Border shapes for code editors workspace. 10px for circle, 0px for square*/ } .theme-dark, .theme-light { --bg-avatar: url(https://i.imgur.com/g37HbBe.png); --Watermark-Alignment: 49%; --display-version: none !important; /* Flex To Show | None To Hide */ --public-servers: none; } /* █▀▄ ▄▀█ █▀█ █▄▀  █▄▀ █▀█ █▀▄ █░█ */ .theme-dark { --channeltextarea-background: var(--background-secondary); --bd-color: #35AAFA ; --bd-color-hover: #3099df; --alt-color: 53, 170, 250; --alt-color2: #35AAFA ; --alt-color3: 204 ;/* HSL */ --playing-color: var(--alt-color2) ; --spotify-color: var(--alt-color2); --streaming-color: rgb(127, 50, 179) ; /* Header Colors */ --header-primary: #FFFFFF ; --header-secondary: #c7c7c7 ; --channels-headings: var(--alt-color2) ; /* Text Colours */ --text-normal: #F0F0F0 ; --text-muted: #B3B3B3 ; --text-link: var(--alt-color2) ; --channels-default: #dddddd ; --interactive-normal: #F0F0F0 ; --interactive-hover: #F0F0F0 ; --interactive-hover-icons: var(--background-accent2) ; --interactive-active: #fefeff ; --interactive-active-icons: var(--background-accent2) ; --interactive-muted: #585858 ; /* Background Colours */ --background-primary: #202020 ; --background-primary-alt: #202020 ; --background-secondary: #191919 ; --background-secondary-alt: #191919; --background-tertiary: #0f0f0f ; --background-accent: var(--alt-color2) ; --background-floating: #161616 ; /* Mentioned Colours */ --background-mentioned: rgba(var(--alt-color), 0.1) ; --background-mentioned-hover: rgba(var(--alt-color), 0.2) ; --info-warning-foreground: #bdbdbdc5; --background-help-warning: rgba(250,166,26,0.1) ; --background-help-info: rgba(0,176,244,0.1) ; /* Hovering Colours */ --background-modifier-hover: rgba(var(--alt-color), 0.2) ; --background-modifier-active: rgba(var(--alt-color), 0.8) ; --background-modifier-selected: rgba(var(--alt-color), 0.5) ; --background-modifier-accent: rgba(var(--alt-color), 0.1) ; /* Box Shadow On Floating Elements Colours */ --elevation-stroke: 0 0 0 1px rgba(4,4,5,0.15) ; --elevation-low: 0 1px 0 rgba(18, 20, 36, 0.767),0 1.5px 0 rgba(6,6,7,0.05),0 2px 0 rgba(4,4,5,0.05) ; --elevation-medium: 0 4px 4px rgba(0,0,0,0.16) ; --elevation-high: 0 8px 16px rgba(0,0,0,0.24) ; --scrollbar-thin-thumb: #6c6c6c ; --scrollbar-thin-track: #17171700; --scrollbar-auto-thumb: #6c6c6c; --scrollbar-auto-track: #17171700 ; --scrollbar-auto-scrollbar-color-thumb: #6c6c6c ; --scrollbar-auto-scrollbar-color-track: #171717da ; /* Other */ --radio-group-dot-foreground: var(--alt-color) ; } /* █░░ █ █▀▀ █░█ ▀█▀ █▄▄ █ █▄█ █▀█ ░█░ */ .theme-light { --indicator-unread: 0, 0, 0 !important; --channeltextarea-background: var(--background-secondary); --bd-color: #35AAFA ; --bd-color-hover: #3099df; --alt-color: 53, 170, 250 ; --alt-color2: #35AAFA ; --alt-color3: 235; --playing-color: var(--alt-color2) ; --spotify-color: var(--alt-color2) ; --streaming-color: rgb(127, 50, 179) ; /* Header Colors */ --header-primary: #1A1A1A ; --header-secondary: #5E5D5F ; --channels-headings: var(--alt-color2) ; /* Text Colours */ --text-normal: #585858 ; --text-muted: #9e9d9d ; --text-link: var(--alt-color2) ; --channels-default: #585858 ; --interactive-normal: #585858 ; --interactive-hover: #424242 ; --interactive-hover-icons: var(--background-accent2) ; --interactive-active: #333333 ; --interactive-active-icons: var(--background-accent2) ; --interactive-muted: #989898 ; /* Background Colours */ --background-primary: #F3F3F3 ; --background-primary-alt: #F3F3F3 ; --background-secondary: #eeeeee ; --background-secondary-alt: #eeeeee ; --background-tertiary: #f3f3f3 ; --background-accent: var(--alt-color2) ; --background-floating: #ffffff ; /* Mentioned Colours */ --background-mentioned: #fcfcfc ; --background-mentioned-hover: #ebebeb ; --info-warning-foreground: #1f1e1ec5; --background-help-warning: rgba(250,166,26,0.1); --background-help-info: rgba(0,176,244,0.1) ; /* Scrollbar Colours */ --background-modifier-hover: rgba(var(--alt-color), 0.2) ; --background-modifier-active: rgba(var(--alt-color), 0.8) ; --background-modifier-selected: rgba(var(--alt-color), 0.5) ; --background-modifier-accent: rgba(var(--alt-color), 0.1) ; /* Box Shadow On Floating Elements Colours */ --elevation-stroke: 0 0 0 1px rgba(4,4,5,0.15) ; --elevation-low: 0 1px 0 rgba(18, 20, 36, 0.767),0 1.5px 0 rgba(6,6,7,0.05),0 2px 0 rgba(4,4,5,0.05); --elevation-medium: 0 4px 4px rgba(0,0,0,0.16) ; --elevation-high: 0 8px 16px rgba(0,0,0,0.24) ; --scrollbar-thin-thumb: #8A8A8A ; --scrollbar-thin-track: #f7f7f700; --scrollbar-auto-thumb: #8A8A8A; --scrollbar-auto-track: #ffffff36 ; --scrollbar-auto-scrollbar-color-thumb: #6c6c6c ; --scrollbar-auto-scrollbar-color-track: #171717da ; /* Other */ --radio-group-dot-foreground: var(--alt-color2) ;/* Ignore */ } /* █ █▀▀ █▄░█ █▀█ █▀█ █▀▀ █ █▄█ █░▀█ █▄█ █▀▄ ██▄ */ :root {--outdated_windowsXI-082: none; --version: "1.1.2BD"; --build: "082"} .wrapper-1_HaEi > ul > .scroller-3X7KbA > div[aria-label="Servers"] {margin-top: 00px;}.guilds-2JjMmN .scroller-3X7KbA > [aria-label], .guilds-2JjMmN .scroller-3X7KbA > [style]:nth-child(2) { margin-top: 00px;} /* Put The User Info Back */ .container-1NXEtd, .privateChannels-oVe7HL { order: 2 !important; /* Change To 0 - Default 2 */ } /* --------------------------------------------- ███████╗███╗░░██╗██████╗░ ██╔════╝████╗░██║██╔══██╗ █████╗░░██╔██╗██║██║░░██║ ██╔══╝░░██║╚████║██║░░██║ ███████╗██║░╚███║██████╔╝ ╚══════╝╚═╝░░╚══╝╚═════╝░ ╚══════╝╚═╝░░╚══╝╚═════╝░ Version 1.1.2 --------------------------------------------- */