/** * @name LodeTheme * @author Leeprky#2063 * @version 1.1.0 * @description Animated/Bubbly Theme w/ Lots of customisation * @source https://github.com/leeprky/Lode * @updateUrl https://github.com/leeprky/Lode/blob/main/default/support/betterdiscord/LodeBD.theme.css * @authorId 224524143482241035 * @invite Ff3rqAYB89 * @donate https://www.paypal.com/paypalme/leeparkinson22 * @website https://leeprky.github.io/ */ /* ------------------------------------------ Lode Theme (POWERCORD/GOOSEMOD) v1.1.0 - leeprky#2063 - ------------------------------------------ */ /* Lode Base Source Code */ @import url(https://leeprky.github.io/themes/lode/lode-theme.css); @import url(https://leeprky.github.io/themes/lode/rebrand/modal.css); @import url('https://leeprky.github.io/snippits/coolsniipitsforthemes.css'); /* Rebrand Imports */ /* @import url(https://leeprky.github.io/themes/lode/rebrand/modal.css); */ /* Other Imports */ /* Visuals */ @import url(https://raw.githack.com/v-briese/Channel-Icons/main/channelicons.theme.css); @import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/SettingsIcons.css); /* Optional Imports */ /* @import url(https://raw.githack.com/DiscordStyles/HorizontalServerList/master/HorizontalServerList.theme.css); */ @import url(https://leeprky.github.io/themes/lode/default/support/gradients); @import url(https://leeprky.github.io/themes/lode/default/support/dtm/svg.css); /* @import url(https://raw.githack.com/leeprky/Lode/main/default/support/radial/radiusstatus.css); /* Titlebar */ /* Disable if you cant see them in top right (windows) */ @import url(https://leeprky.github.io/themes/lode/default/support/win-buttons/win-buttons.css); @import "https://leeprky.github.io/themes/Ovel/imports/07-extra/version.css"; /* ------------------------------------------ Lode Customisable Configuration v1.0.9 - leeprky#2063 - ------------------------------------------ */ /* Pre-Made Colour Schemes */ /* if they dont work delete the Lode Dark & Lode Light variables */ /* Made For Lode */ /* @import url(https://raw.githack.com/leeprky/Lode/main/default/lode-cyan); - Default */ /* 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); /* My Other Themes */ /* naive */ /* @import url(https://raw.githack.com/leeprky/Lode/blob/main/default/schemes/NaiveColors.css); /* slook */ /* @import url(https://raw.githack.com/leeprky/Lode/main/default/schemes/slook.css); /* Other User's Themes */ /* 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); /* -- */ /* USRBG Profile Modals by Tropix126. =========================================== */ @import url('https://discord-custom-covers.github.io/usrbg/dist/usrbg.css'); .root-SR8cQa { transform: translateZ(0); } .header-QKLPzZ .wrapper-1VLyxH::before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: .5; pointer-events: none; background: var(--user-background) center/cover no-repeat; --webkit-mask: linear-gradient(black, transparent 80%); } .headerInfo-30uryT, .tabBarItem-1b8RUP, .activity-1ythUs { z-index: 1; position: relative; } #app-mount {background-color: var(--background-tertiary);} :root { /* Gradients */ --default-gradient: 315deg, #257583 0%, #167B70 74%; --special-gradient: 315deg, #8980F0 0%, #D577F0 74%; --red-gradient: 315deg, #AA3738 0%, #F04747 74%; --yellow-gradient: 315deg, #C2831B 0%, #FFB740 74%; --green-gradient: 315deg, #58d38b 0%, #58d38b 74%; --grey-gradient: 315deg, #203A43 0%, #28434d 74%; --white-gradient: 315deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 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); /* Radial Status */ --rs-small-spacing: 0px; /* Spacing between avatar and status | MUST end in px */ --rs-width: 2px; /* Width/thickness of status border */ --rs-avatar-shape: var(--avatar-border-radius); /* 50% for round - 0% for square */ --rs-online-color: var(--alt-color2); /* Colour for online status */ --rs-idle-color: #faa61a; /* Colour for idle status */ --rs-dnd-color: #f04747; /* Colour for dnd status */ --rs-offline-color: #636b75; /* Colour for offline status */ --rs-streaming-color: #643da7; /* Colour for streaming status */ --rs-invisible-color: #747f8d; /* Colour for invisible status - Note: this will only show for your own invisibility */ --rs-phone-visible: block; /* Visibility of the phone icon next to a users avatar. | block = visible | none = hidden */ --rs-phone-color: var(--rs-online-color); /* Colour of the ring and phone icon when a user is on their phone | */ } /* Lode Dark */ .theme-dark { /* DiscordRebrand */ --profile-banner-header: var(--alt-color2); --text-warning: var(--yellow-color); --text-danger: #ed4245; --info-positive-background: rgba(59,165,92,0.1); --info-positive-foreground: var(--green-color); --info-warning-background: rgba(250,166,26,0.1); --info-warning-foreground: var(--yellow-color); --info-danger-background: rgba(237,66,69,0.1); --info-danger-foreground: #ed4245; --status-positive-background: var(--green-color); --status-positive-text: #fff; --status-warning-background: var(--yellow-color); --status-danger-background: #ed4245; --status-danger-text: #fff; --focus-primary: var(--alt-color2); --settings-icon-color: white; --settings-subscriptions: var(--alt-color2); --settings-hypesquad: var(--yellow-color); --settings-logout: #f04747; --settings-alt-focused: white; --settings-guild-premium: var(--alt-color2); --settings-guild-delete: #f04747; /* Lode Specific */ --alt-color: 56, 168, 151; /* RGB */ --alt-color2: #1bb69f; /* HEX */ --alt-color3: 171; /* HSL */ --icons-color: #eef3f2; --icons-color-hover: #1bb69f; --yellow-color: #1bb69f; --green-color: #4aac8f; --green-bar-on: var(--green-color); --green-bar-bg: #151925; --green-slider-on: var(--green-color); --green-slider-off: #19d5e280; --green-slider-dot: #fff; /* Icons */ --home-icon: url(https://discord.com/assets/89576a4bb71f927eb20e8aef987b499b.svg); /* Other */ --scrollbars: none; /* none or unset */ --call-bg: url(); /* None To Disable */ --call-bg-colour: var(--background-accent); /* Image Overwrites */ /* Spotify Crenshaw Plugin */ --album-blur-amount: 4px; --subtext-color: #000; /* Keeping Consistancy With Discord */ --serverlist-background: var(--background-tertiary); --memberlist-background: #1d222e; --win-titlebar: var(--background-tertiary); /* Making Things Round */ /* Four Numbers = Four Corners */ --modal-border-radius: 15px 15px 15px 15px; --floating-border-radius: 15px 15px 15px 15px; --expanded-border-radius: 15px 15px 15px 15px; --hover-border-radius: 10px 10px 10px 10px; --avatar-border-radius: 11.5px; /* Serverlist Too */ --avatar-border-radius-hover: 5.5px 5.5px 5.5px 5.5px; --chat-text-border-radius: 12px 12px 12px 12px; /* ROUND THINGS */ --borders-radius: 18px; --borders-radius-right: 6px; --borders-radius-left: 8px; --borders-radius-bottom: 8px; --borders-radius-top: 5px; --titlebar-borders-radius: 12px; --titlebar-borders-radius-right: 12px; --titlebar-borders-radius-left: 8px; --titlebar-borders-radius-bottom: 10px; --titlebar-borders-radius-top: 8px; --chatbox-border-radius: 22px; --spotify-right: 1.7rem; /* Watermark */ --watermark-text: "LODE"; --watermark-version: var(--version); --watermark-text-top: 13px; --watermark-text-left: 3.4rem; --watermark-gradient: 270deg, rgb(132, 174, 253), rgb(80, 253, 172); /* Header Colours Colors */ --modal-normal-primary-color: var(--background-secondary); --modal-normal-secondary-color: var(--background-secondary); --spotify-color: var(--alt-color2); --playing-color: var(--alt-color2); --streaming-color: #4d2b86; /* Header Colors */ --header-primary: #EAE1DF; --header-secondary: rgb(159, 161, 163); /* Powercord Toast Colors */ --toast-background: var(--background-primary) ; --toast-header: var(--background-secondary) ; --toast-content: #252B3B ; --toast-box-shadow: rgba(24, 21, 21, 0.932) ; --toast-border: rgba(21, 22, 22, 0); --toast-gradient: to right, rgb(64, 102, 172), rgb(53, 192, 127); /* Text Colours */ --text-normal: #f7f4f4; --text-muted: #a39897; --text-link: var(--alt-color2); --channels-default: #ddd5d3; --interactive-normal: #EAE1DF; --interactive-hover: #EAE1DF; --interactive-active: #fff; --interactive-muted: #505355; --modal-bg: #252B3B; --popout-width: 480px; /* Chat */ --channeltextarea-background: var(--background-primary); --channeltextarea-background-hover: var(--background-secondary); /* Background Colours */ --background-primary: #191f30; --background-titlebar: #191f308f; --background-primary-alt: #191f30; --background-secondary: #252b3b; --background-secondary-alt: #252b3b; --background-tertiary: #2c344d; --background-accent: var(--alt-color2); --background-accent-gradient: var(--alt-color2); --background-floating: #2b3341; /* Hovering Colours */ --background-modifier-hover: rgba(56, 168, 151, 0.459); --background-modifier-active: rgba(56, 168, 151, 0.521); --background-modifier-selected: rgba(56, 168, 151, 0.178); --background-modifier-accent: rgba(56, 168, 151, 0.418); --background-message-hover: transparent; /* Mentioned Colours */ --background-mentioned: rgba(56, 168, 151, 0.233); --background-mentioned-hover: rgba(56, 168, 151, 0.322); --background-mentioned-bar: var(--background-accent); --background-help-warning: rgba(56, 168, 151, 0.233); --background-help-info: rgba(244, 8, 0, 0.164); /* Scrollbar Colours */ --scrollbar-thin-thumb: rgba(56, 168, 151, 0.397); --scrollbar-thin-track: transparent; --scrollbar-auto-thumb: rgba(56, 168, 151, 0.363); --scrollbar-auto-track: rgba(56, 168, 151, 0.363); --scrollbar-auto-scrollbar-color-thumb: rgba(56, 168, 151, 0.384); /* Box Shadow On Floating Elements Colours */ --elevation-stroke: 0 0 0 1px rgba(22, 24, 26, 0.329); --elevation-low: 0 1px 0 rgba(22, 25, 26, 0.329); --elevation-medium: 0 4px 4px rgba(22, 25, 26, 0.329); --elevation-high: 0 8px 16px rgba(22, 25, 26, 0.329); /* Other */ --radio-group-dot-foreground: var(--alt-color); } /* Lode Light */ .theme-light { /* DiscordRebrand */ --profile-banner-header: var(--alt-color2); --text-warning: #faa61a; --text-danger: #ed4245; --info-positive-background: rgba(59,165,92,0.1); --info-positive-foreground: #3ba55c; --info-warning-background: rgba(250,166,26,0.1); --info-warning-foreground: #faa61a; --info-danger-background: rgba(237,66,69,0.1); --info-danger-foreground: #ed4245; --status-positive-background: #3ba55c; --status-positive-text: #fff; --status-warning-background: #faa61a; --status-danger-background: #ed4245; --status-danger-text: #fff; --focus-primary: #00b0f4; --settings-icon-color: white; --settings-subscriptions: #7289da; --settings-hypesquad: #fbb848; --settings-logout: #f04747; --settings-alt-focused: white; --settings-guild-premium: #7289da; --settings-guild-delete: #f04747; /* Lode Specific */ --alt-color: 83, 182, 167; /* RGB */ --alt-color2: #53b6a7; /* HEX */ --green-color: #2C344D; --green-bar-on: var(--greenple-color); --green-bar-bg: #151925; --green-slider-on: var(--greenple-color); --green-slider-off: rgb(48, 48, 54); --green-slider-dot: #fff; /* Icons */ --home-icon: url(https://cdn.discordapp.com/attachments/733624227378495488/776180439010246656/home-icon.svg); /* Other */ --scrollbars: none; /* none or unset */ --call-bg: url(); /* None To Disable */ --call-bg-colour: var(--background-accent); /* Image Overwrites */ /* Spotify Crenshaw Plugin */ --album-blur-amount: 2px; --subtext-color: #fff; /* Keeping Consistancy With Discord */ --serverlist-background: #cad7e0; --memberlist-background: #cad7e0; --win-titlebar: var(--background-tertiary); /* Making Things Round */ /* Four Numbers = Four Corners */ --modal-border-radius: 15px 15px 15px 15px; --floating-border-radius: 15px 15px 15px 15px; --expanded-border-radius: 15px 15px 15px 15px; --hover-border-radius: 10px 10px 10px 10px; --avatar-border-radius: 11.5px 11.5px 11.5px 11.5px; /* Serverlist Too */ --avatar-border-radius-hover: 5.5px 5.5px 5.5px 5.5px; --chat-text-border-radius: 12px 12px 12px 12px; /* ROUND THINGS */ --borders-radius: 12px; --borders-radius-right: 6px; --borders-radius-left: 6px; --borders-radius-bottom: 6px; --borders-radius-top: 4px; --titlebar-borders-radius: 12px; --titlebar-borders-radius-right: 12px; --titlebar-borders-radius-left: 8px; --titlebar-borders-radius-bottom: 10px; --titlebar-borders-radius-top: 8px; --spotify-right: 1.7rem; /* Watermark */ --watermark-text: "LODE"; --watermark-text-top: 11px!important; --watermark-text-left: 3.4rem; --watermark-gradient: 270deg, #79a9d0, #1ddaa1; /* Header Colours Colors */ --modal-normal-primary-color: #c6d4df; --modal-normal-secondary-color: #c6d4df; --spotify-color: var(--alt-color2); --playing-color: var(--alt-color2); --streaming-color: #4d2b86; /* Header Colors */ --header-primary: #0f0f0e; --header-secondary: rgb(43, 45, 46); /* Powercord Toast Colors */ --toast-background: #e1e3eb; --toast-header: #bdc0c7; --toast-content: #e1e3eb; --toast-box-shadow: rgba(24, 21, 21, 0.932); --toast-border: rgba(21, 22, 22, 0); --toast-gradient: to right, rgb(64, 102, 172), rgb(53, 192, 127); /* Text Colours */ --text-normal: #111010; --text-muted: var(--alt-color2); --text-link: var(--alt-color2); --channels-default: #242221; --interactive-normal: #080808; --interactive-hover: #1a1818; --interactive-active: rgb(19, 17, 17); --interactive-muted: #505355; /* Chat */ --channeltextarea-background: #cbcbda; --channeltextarea-background-hover: #f5f6fa; /* Background Colours */ --background-primary: #cad7e0; --background-titlebar: #cbd7e0; --background-primary-alt: #cbd7e0; --background-secondary: #dce5ec; --background-secondary-alt: #dce5ec; --background-tertiary: #eceff3; --background-accent: var(--alt-color2); --background-accent-gradient: #0f7464; --background-floating: #bbc8d1; /* Hovering Colours */ --background-modifier-hover: rgba(56, 168, 151, 0.411); --background-modifier-active: rgba(56, 168, 151, 0.651); --background-modifier-selected: rgba(56, 168, 151, 0.37); --background-modifier-accent: rgba(56, 168, 151, 0.534); --background-message-hover: transparent; /* Mentioned Colours */ --background-mentioned: rgba(56, 168, 151, 0.308); --background-mentioned-hover: rgba(56, 168, 151, 0.425); --background-mentioned-bar: var(--background-accent); --background-help-warning: rgba(56, 168, 151, 0.233); --background-help-info: rgba(244, 8, 0, 0.164); /* Scrollbar Colours */ --scrollbar-thin-thumb: rgba(56, 168, 151, 0.397); --scrollbar-thin-track: transparent; --scrollbar-auto-thumb: rgba(56, 168, 151, 0.363); --scrollbar-auto-track: rgba(56, 168, 151, 0.363); --scrollbar-auto-scrollbar-color-thumb: rgba(56, 168, 151, 0.384); /* Box Shadow On Floating Elements Colours */ --elevation-stroke: 0 0 0 1px rgba(22, 24, 26, 0.329); --elevation-low: 0 1px 0 rgba(22, 25, 26, 0.329); --elevation-medium: 0 4px 4px rgba(22, 25, 26, 0.329); --elevation-high: 0 8px 16px rgba(22, 25, 26, 0.329); /* Other */ --radio-group-dot-foreground: var(--alt-color); } /* Lode Extras */ .guilds-2JjMmN{background-color:var(--serverlist-background)} .members-3WRCEx,.members-3WRCEx>div{background-color:var(--memberlist-background)} .guilds-2JjMmN{background-color:var(--serverlist-background-light)} .members-3WRCEx,.members-3WRCEx>div{background-color:var(--memberlist-background-light)} .powercord-toast .contents{background-color:var(--toast-content)} /* MemberList Scroller */ .platform-win .scroller-3X7KbA {padding-top: 16px;} /* ---------------------------------------------------- Optional Features Add A "/*" On The Lines Below The Comments To Disable Them ---------------------------------------------------- */ /* Windows Bar */ #app-mount>div[class*=titleBar]>div[class*=wordmark]{margin-top:0rem;margin-left:var(--watermark-text-left)} #app-mount>div[class*=titleBar]{display:grid;justify-content:right;grid-template-columns:min-content min-content min-content;direction:rtl;height:1.72rem;margin:5px 0 0 0;margin-right:var(--win-right)} #app-mount>div[class*=titleBar]>div[class*=winButton]{height:unset;display:grid;width:2rem;height:1.72rem;border-radius:4px} #app-mount>div[class*=titleBar]>div[class*=winButton]>svg{height:40%;width:100%} #app-mount>div[class*=app]{margin-top:-.4rem} .messagesPopoutWrap-3zryHW{background-color:var(--background-tertiary)!important} .titleBar-1it3bQ>:nth-child(2):hover{background-color:var(--win-close-color)} .titleBar-1it3bQ>:nth-child(3):hover{background-color:var(--win-minimise-color)} .titleBar-1it3bQ>:nth-child(4):hover{background-color:var(--win-maximise-color)} /* --- */ .withFrame-2dL45i {margin-top: 10px;} /* Settings Modal Under Channels Into Server List */ .spotify-buttons{width:6em;margin-bottom:-4px} .spotify-extra-controls,.spotify-seek-elements{display:none!important} .powercord-spotify,.powercord-spotify.hover{height:57px} .powercord-spotify.hover .spotify-extra-controls+.spotify-seek{margin-top:3px!important} .powercord-spotify.hover .spotify-seek:not(.no-premium) .spotify-seek-bar{height:2px} .spotify-seek-bar-cursor{border:none!important;width:15px;height:15px} .spotify-title div:first-child{margin-top:-1px!important;margin-bottom:3px} .powercord-spotify{background-position-x:center;background-position-y:center;border-radius:var(--borders-radius);background-image:var(--spotify-background-image);background-position:center;z-index:1;background-size:cover} .avatar-1EWyVD .spotify-cover{display:none} .panels-3wFtMD{transition:height .5s;z-index:902;position:fixed;right:var(--spotify-right);bottom:5em;border-radius:1em!important;width:240px} .bannerImage-ubW8K-{opacity:1;transition:opacity .5s;} .membersWrap-3NUR2t{background-color:var(--background-secondary);height:calc(100% - 160px);transition:height .5s;border-radius:var(--borders-radius);position:absolute;right:1em;top:.5em;overflow:hidden} .chatContent-3KubbW{position:absolute;width:100%;height:100%} .divider-IqmEqJ,.jumpToPresentBar-1cEnH0,.newMessagesBar-1hF-9G{width:calc(100% - 290px)} .container-A2jo65{width:calc(100% - 260px)} .message-2CShn3[role=listitem]{width:calc(100% - 365px);border-radius:1em} .searchResultsWrap-5RVOkx{z-index:903;height:calc(100% - 100px);position:absolute;right:1em;border-radius:1em} .container-YkUktl .noWrap-hBpHBz{width:100px;opacity:1} .button-12Fmur{transition:.2s} .button-12Fmur:hover{padding-bottom:0;transition:.2} /* --- */ /* Optionals End */ /* ----- */ /* Member Dot */ .unread-36eUEm{background-color:var(--background-accent);width:7.2px;height:7.2px;margin-top:-3.8px;margin-left:4px;border-radius:4px} /* Positioning */ .form-3gdLxP{margin-right: 255px} .panels-3wFtMD{bottom: 1.8em} .membersWrap-3NUR2t{height: calc(100% - 95px) } .container-A2jo65 { width: calc(100% - 0px); border-radius: 12px; margin-bottom: 5px; } /* BETTERDISCORD ADDITONS */ .activity-11LB_k { background-color: rgba(0, 0, 0, 0); } .scroller-3_YDR2 { border-radius: 12px; } .theme-dark .perksModal-fSYqOq { background-color: var(--background-primary); } /* Bd Blue */ .bd-button, .bd-server-tag, .bd-addon-views .bd-view-button.selected { background-color: var(--bd-color); } .bd-button:hover { background-color: var(--bd-color-hover); } #bd-pub-button:hover { background-color: var(--bd-color-hover); } .cozy-VmLDNB .repliedMessage-3Z6XBG ~ .contents-2MsGLg > .messageContent-2t3eCI:first-of-type::before { background-color: transparent; } :root {--version: "v1.1.0BD" !important;--build: "503" !important; --outdated_lode-503: none !important} /* ---------------------------------------------------- ANYTHING ELSE YOU WANT TO ADD GOES BELOW THIS IS FOR DEBUGGING ETC v1.1.0 (Lode) ---------------------------------------------------- */