├── CONTRIBUTING.md ├── LICENSE ├── README.md ├── aurora ├── Aurora.theme.css ├── addons │ ├── auroraHomeMenu.css │ ├── auroraSlideDownStatus.css │ ├── betaFeatures.css │ ├── disableExpansions.css │ ├── friendGrid-two.css │ ├── friendGrid.css │ ├── nameInCorner.css │ └── settingsModal.css ├── assets │ ├── asset_home.svg │ ├── attach_asset_1.svg │ ├── attach_asset_10.svg │ ├── attach_asset_11.svg │ ├── attach_asset_12.svg │ ├── attach_asset_13.svg │ ├── attach_asset_14.svg │ ├── attach_asset_15.svg │ ├── attach_asset_16.svg │ ├── attach_asset_2.svg │ ├── attach_asset_3.svg │ ├── attach_asset_4.svg │ ├── attach_asset_5.svg │ ├── attach_asset_6.svg │ ├── attach_asset_7.svg │ ├── attach_asset_8.svg │ ├── attach_asset_9.svg │ ├── devilbro_asset_1.svg │ ├── devilbro_asset_10.svg │ ├── devilbro_asset_11.svg │ ├── devilbro_asset_2.svg │ ├── devilbro_asset_3.svg │ ├── devilbro_asset_4.svg │ ├── devilbro_asset_5.svg │ ├── devilbro_asset_6.svg │ ├── devilbro_asset_7.svg │ ├── devilbro_asset_8.svg │ ├── devilbro_asset_9.svg │ ├── pins.svg │ ├── search.svg │ ├── spectra_asset_1.svg │ ├── status_asset_1.svg │ ├── status_asset_2.svg │ ├── status_asset_3.svg │ └── status_asset_4.svg ├── css │ ├── base.css │ └── readme.md └── readme.md ├── classicbar ├── base.css └── readme.md ├── friendgrid ├── README.md ├── v2 │ ├── base-1.css │ └── base-2.css └── v3 │ ├── FriendGrid.theme.css │ └── css │ └── base.css ├── index.html ├── intrnlw ├── index.css └── intrnlw.theme.css ├── materialcons ├── MaterialCons.theme.css └── base.css ├── midnight ├── Midnight.theme.css ├── README.md ├── css │ ├── base.css │ ├── customUserPopouts.css │ ├── fonts.css │ └── status.css ├── index.html ├── license.md ├── midnight-website │ ├── css │ │ └── styles.css │ ├── img │ │ ├── android-chrome-192x192.png │ │ ├── android-chrome-512x512.png │ │ ├── apple-touch-icon.png │ │ ├── browserconfig.xml │ │ ├── favicon-16x16.png │ │ ├── favicon-32x32.png │ │ ├── favicon.ico │ │ ├── mstile-150x150.png │ │ └── site.webmanifest │ └── js │ │ ├── particles.min.js │ │ └── scripts.js └── midnight.zip ├── rebornaddons ├── collapsedDropdownMenu.css ├── customReactions.css ├── oldReborn.css ├── oldTitlebar.css ├── public.png ├── publicServerIcon.css ├── resources │ ├── add.svg │ ├── categoryAdd.svg │ ├── hideMuted.svg │ ├── homeicon.svg │ ├── invite.svg │ ├── leave.svg │ ├── nickname.svg │ ├── notifs.svg │ ├── pattern.svg │ ├── privacy.svg │ ├── weed.svg │ └── white-discord-logo-png-8.svg ├── settings.svg ├── transparentCSSEditor.css ├── unhide muted.svg └── userPopoutPattern.css ├── slate ├── assets │ ├── add.svg │ ├── bot.svg │ ├── group.svg │ ├── help.svg │ ├── home.svg │ ├── mail.svg │ ├── members.svg │ ├── mentions.svg │ ├── notifications.svg │ ├── person.svg │ ├── phone.svg │ ├── pins.svg │ ├── speaker.svg │ └── video.svg └── base.css └── website ├── img ├── aurora.png ├── bdsources.svg ├── blackbox.gif ├── blackbox.png ├── friendgrid.png ├── mcons.png ├── midnight.png └── usrbg.png └── styles.css /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # Contribution Guidelines 2 | ## 1. Your pull request must contain a bug fix or enhancement. 3 | 4 | Pull requests containing useless changes or that attempt to vandalize the file will be denied. 5 | 6 | ### Common Pull Request sins: 7 | * No description 8 | * No screenshot to prove what it does 9 | * Making useless changes or changes that are personalized. 10 | * Making changes that are difficult to read or understand. 11 | * Making changes that haven't been tested or don't work. 12 | 13 | ### Example of a BAD pull request: 14 | ![](https://files.gamebanana.com/bitpit/screenshot_20201030_135004.png) 15 | Notice how the above commit does not add any useful changes, it simply sets the title text to "Lyped". It also has no description. 16 | This kind of edit belongs in your Custom CSS settings, not on the main repo. 17 | 18 | ### Example of a GOOD pull request: 19 | ![](https://files.gamebanana.com/bitpit/screenshot_20201030_135639.png) 20 | The above pull request has a clear description, and references an issue number. The issue number links to a post describing the bug that this PR fixes. 21 | 22 | The attached commit is easy to read and we can see what it does, it changes the CSS selector to what it should be so that it applies to the guilds in the guild list, fixing issue #68: 23 | ![](https://files.gamebanana.com/bitpit/screenshot_20201030_140000.png) 24 | 25 | ## 2. Be polite when someone provides criticism. 26 | Criticism is the key to success. 27 | 28 | ## 3. Be patient 29 | Pull requests take time to examine to make sure they are safe to merge. 30 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 Tropical 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # BetterDiscordStuff -------------------------------------------------------------------------------- /aurora/Aurora.theme.css: -------------------------------------------------------------------------------- 1 | /*//META{"name":"Aurora","description":"A cozy dark theme with blurred elements and gradients. Requires BetterDiscord's Normalized classes function to be enabled.","author":"Tropical","version":"2.4.1", "website":"https://bit.ly/derealised", "source":"https://github.com/tropix126/betterDiscordStuff/blob/master/aurora/"}*//**/ 2 | /*Import CSS From Github*/ 3 | @import url('https://tropix126.github.io/BetterDiscordStuff/aurora/css/base.css'); 4 | /* 5 | /$$$$$$ 6 | /$$__ $$ 7 | | $$ \ $$ /$$ /$$ /$$$$$$ /$$$$$$ /$$$$$$ /$$$$$$ 8 | | $$$$$$$$| $$ | $$ /$$__ $$ /$$__ $$ /$$__ $$|____ $$ 9 | | $$__ $$| $$ | $$| $$ \__/| $$ \ $$| $$ \__/ /$$$$$$$ 10 | | $$ | $$| $$ | $$| $$ | $$ | $$| $$ /$$__ $$ 11 | | $$ | $$| $$$$$$/| $$ | $$$$$$/| $$ | $$$$$$$ 12 | |__/ |__/ \______/ |__/ \______/ |__/ \_______/ 13 | */ 14 | 15 | :root { 16 | /*Color Variables*/ 17 | --main-color: linear-gradient(150deg, var(--gradient1), var(--gradient2)); /*Accent Color of the Theme*/ 18 | --gradient1: #3ecc9c; /*First Gradient Color*/ 19 | --gradient2: #185a9d; /*Second Gradient Color*/ 20 | --hover-color: rgb(67, 206, 162); /*Secondary Accent of the Theme*/ 21 | --main-color-faded: rgba(67, 206, 162, 0.2); /*Faded Main Color*/ 22 | /*Backdrop Variables*/ 23 | --backdrop: url(https://i.imgur.com/xcjXx3E.jpg); /*Normal Backdrop*/ 24 | --backdropblurred: url(https://i.imgur.com/ExNrzGV.jpg); /*Darker/Blurred Version of Backdrop*/ 25 | --backdrop-darkness:transparent; /*Brightness of var(--backdrop);*/ 26 | /*Roundness Variables*/ 27 | --chat-avatar-roundness:5px !important; /*Roundness of chat avatars*/ 28 | --media-roundness:50px !important; /*General Roundness*/ 29 | --guild-hovered-roundness:12px !important; /*Roundness of servers on hover*/ 30 | /*Status Variables*/ 31 | --online: #43b581 !important; /*Color When someone is Online*/ 32 | --idle: #faa61a !important; /*Color When someone is Idle*/ 33 | --dnd: #f04747 !important; /*Color When someone is in Do Not Disturb*/ 34 | --offline: #636b75 !important; /*Color When someone is offline*/ 35 | --invisible: #747f8d !important; /*Color When someone is Invisible*/ 36 | --streaming: #643da7 !important; /*Color When someone is Streaming*/ 37 | } 38 | -------------------------------------------------------------------------------- /aurora/addons/auroraHomeMenu.css: -------------------------------------------------------------------------------- 1 | .privateChannels-1nO12o header { 2 | margin-top: -5px; 3 | } 4 | .channel-2QD9_O:not([style="height: 42px; opacity: 1;"]) { 5 | display: inline-block; 6 | margin-left:8px; 7 | margin-right:2px; 8 | width: calc(25% - 10px); 9 | } 10 | .da-privateChannels .da-channel .wrapper-232cHJ { 11 | position:absolute; 12 | top:20px; 13 | transform:scale(0.7); 14 | } 15 | .privateChannels-1nO12o .channel-2QD9_O:not([style="height: 42px; opacity: 1;"]) a { 16 | height: 50%; 17 | flex-direction: column; 18 | background:transparent !important; 19 | } 20 | .privateChannels-1nO12o .channel-2QD9_O:hover:not([style="height: 42px; opacity: 1;"]) a, 21 | .channel-2QD9_O:not([style="height: 42px; opacity: 1;"]) a:hover .da-name, 22 | .privateChannels-1nO12o .channel-2QD9_O.da-selected:not([style="height: 42px; opacity: 1;"]) a, 23 | .channel-2QD9_O.da-selected:not([style="height: 42px; opacity: 1;"]) a .da-name { 24 | color:var(--hover-color) !important; 25 | } 26 | .channel-2QD9_O:not([style="height: 42px; opacity: 1;"]) a .name-2WpE7M { 27 | font-size: 11.3px !important; 28 | margin-left:-10px !important; 29 | } 30 | .da-privateChannels .da-channel { 31 | padding-right:0px; 32 | } 33 | -------------------------------------------------------------------------------- /aurora/addons/auroraSlideDownStatus.css: -------------------------------------------------------------------------------- 1 | @keyframes statusshow {from {opacity: 0;}} 2 | @keyframes status {from {transform: translateY(-100%) translateX(0%) translateZ(0px);}} 3 | .menu-Sp6bN1.alt-3btY0e { 4 | animation: statusshow 300ms linear !important; 5 | transform: translateY(87%) translateX(0%) translateZ(0px); 6 | opacity: 1; 7 | } 8 | 9 | #app-mount .menu-Sp6bN1.alt-3btY0e .item-1GzJrl .statusIconText-3b4TkH { 10 | height: 60px !important; 11 | width: 60px !important; 12 | margin: 0 !important; 13 | } 14 | 15 | .menu-Sp6bN1.alt-3btY0e { 16 | padding: none !important; 17 | border:none !important; 18 | } 19 | 20 | .menu-Sp6bN1.alt-3btY0e .item-1GzJrl { 21 | opacity: 0.6; 22 | transition: all .2s ease-in-out; 23 | margin-left: 5px !important; 24 | } 25 | 26 | .menu-Sp6bN1.alt-3btY0e .item-1GzJrl .da-status { 27 | height: 70px !important; 28 | position: absolute; 29 | margin-top: 0px !important; 30 | border-radius: 0px !important; 31 | transform: none !important; 32 | border: none !important; 33 | width: 60px !important; 34 | margin-left: -9px !important; 35 | } 36 | 37 | .menu-Sp6bN1.alt-3btY0e .item-1GzJrl:hover .da-status { 38 | box-shadow: inset 0 0 0 2px #fff; 39 | transform: scale(1) !important; 40 | } 41 | 42 | .menu-Sp6bN1.alt-3btY0e .item-1GzJrl:hover { 43 | opacity: 1; 44 | } 45 | 46 | .menu-Sp6bN1.alt-3btY0e .item-1GzJrl:active { 47 | transform: scale(0.8); 48 | } 49 | 50 | .menu-Sp6bN1.alt-3btY0e .item-1GzJrl:nth-child(1) { 51 | animation-delay: 150ms !important; 52 | } 53 | 54 | .menu-Sp6bN1.alt-3btY0e .item-1GzJrl:nth-child(3) { 55 | animation-delay: 300ms !important; 56 | } 57 | 58 | .menu-Sp6bN1.alt-3btY0e .item-1GzJrl:nth-child(4) { 59 | animation-delay: 450ms !important; 60 | } 61 | 62 | .menu-Sp6bN1.alt-3btY0e .item-1GzJrl:nth-child(5) { 63 | animation-delay: 600ms !important; 64 | } 65 | 66 | .menu-Sp6bN1.alt-3btY0e .item-1GzJrl [class*="status"]:after { 67 | opacity: 1 !important; 68 | visibility: visible !important; 69 | } 70 | 71 | .menu-Sp6bN1 { 72 | pointer-events: initial; 73 | } 74 | 75 | body:active .popoutBottom-1YbShG:not(:active) .menu-Sp6bN1:not(:active) { 76 | transform: scale(1.5) !important; 77 | opacity: 0 !important; 78 | transition: 200ms cubic-bezier(0.5, 0, 0, 0.3), opacity 100ms ease; 79 | } 80 | 81 | body:active .alt-3btY0e.menu-Sp6bN1:not(:active) { 82 | opacity: 0 !important; 83 | transition: 150ms ease; 84 | } 85 | 86 | .popoutBottom-1YbShG[style*="overflow: hidden; visibility: visible;"] .menu-Sp6bN1 * { 87 | pointer-events: auto; 88 | } 89 | 90 | .popout-3sVMXz.popoutTopLeft-b5Eb3O { 91 | box-shadow: none; 92 | -webkit-box-shadow: none; 93 | } 94 | 95 | .popout-3sVMXz.popoutTop-3uu9vG, 96 | .popout-3sVMXz.popoutTopLeft-b5Eb3O { 97 | overflow: visible !important; 98 | } 99 | 100 | .popout-3sVMXz.popoutTopLeft-b5Eb3O { 101 | height:1100px !important; 102 | } 103 | .popout-3sVMXz.popoutTopLeft-b5Eb3O .da-menu { 104 | margin-top:1034px !important; 105 | } 106 | 107 | -------------------------------------------------------------------------------- /aurora/addons/betaFeatures.css: -------------------------------------------------------------------------------- 1 | /*group dm icon*/ 2 | [style*="/assets/f046e2247d730629309457e902d5c5b3.svg"]:after { 3 | content: ""; 4 | position: absolute; 5 | width: 100%; 6 | height: 100%; 7 | background: var(--main-color) !important; 8 | -webkit-mask: url('data:image/svg+xml; utf8, ') center/cover no-repeat; 9 | } 10 | [style*="/assets/f046e2247d730629309457e902d5c5b3.svg"] { 11 | background: rgba(0,0,0,0.5) !important; 12 | } 13 | 14 | /*titlebar*/ 15 | .wordmark-2iDDfm path {display:none;} 16 | .wordmark-2iDDfm:after { 17 | content:'Aurora Beta 2.30'; 18 | position: absolute !important; 19 | left: 5px; 20 | width: 100vw; 21 | font-family:'Satisfy'; 22 | color: rgba(255,255,255,0.8); 23 | font-size: 19px; 24 | font-weight:bold; 25 | } 26 | .winButton-iRh8-Z:nth-child(3) svg {display:none;} 27 | .da-winButton { 28 | width:45px; 29 | height:30px; 30 | transition:250ms ease background; 31 | } 32 | .titleBar-AC4pGV .winButton-iRh8-Z:nth-child(3) { 33 | background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjRkZGRkZGIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTcgMTRINXY1aDV2LTJIN3YtM3ptLTItNGgyVjdoM1Y1SDV2NXptMTIgN2gtM3YyaDV2LTVoLTJ2M3pNMTQgNXYyaDN2M2gyVjVoLTV6Ii8+PC9zdmc+) !important; 34 | background-repeat: no-repeat; 35 | background-position: center; 36 | background-size: 19px; 37 | } 38 | .da-winButtonClose:hover:after { 39 | content:'Close'; 40 | position:absolute; 41 | top:40px; 42 | color:#dcddde; 43 | background:inherit; 44 | border-radius:5px; 45 | animation: fadetop 150ms; 46 | padding:8px 12px; 47 | font-size:14px; 48 | font-weight:500; 49 | box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); 50 | right:2px; 51 | } 52 | .da-winButton:nth-of-type(3):hover:after { 53 | content:'Maximize'; 54 | position:absolute; 55 | top:40px; 56 | color:#dcddde; 57 | background:var(--main-color); 58 | padding:8px 12px; 59 | border-radius:5px; 60 | filter:none !important; 61 | animation: fadetop 150ms; 62 | font-size:14px; 63 | font-weight:500; 64 | box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); 65 | } 66 | .da-winButton:nth-of-type(4):hover:after { 67 | content:'Minimize'; 68 | background:var(--main-color); 69 | position:absolute; 70 | top:40px; 71 | color:#dcddde; 72 | padding:8px 12px; 73 | border-radius:5px; 74 | opacity:1; 75 | animation: fadetop 150ms; 76 | font-size:14px; 77 | font-weight:500; 78 | box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); 79 | } 80 | 81 | /*categories*/ 82 | @keyframes category {0% {opacity: 0;transform: translateY(-32%);}100% {opacity: 1; transform:none;}} 83 | .wrapperConnectedText-3NUF2g, 84 | .wrapperConnectedVoice-2mvQJY, 85 | .wrapperDefaultText-2IWcE8, 86 | .wrapperDefaultVoice-1yvceo, 87 | .wrapperHoveredText-2geN_M, 88 | .wrapperHoveredVoice-3ItgyI, 89 | .wrapperLockedText-wfOnM5, 90 | .wrapperLockedVoice-3QrBs-, 91 | .wrapperMutedText-1YBpvv, 92 | .wrapperMutedVoice-10gPcW, 93 | .wrapperSelectedText-3dSUjC, 94 | .wrapperSelectedVoice-xzxa2u, 95 | .wrapperUnreadText-2zuiuD, 96 | .wrapperUnreadVoice-23GIYe {animation:250ms category ease;} 97 | .iconCollapsed-3hFp_8, 98 | .iconDefault-3Gr8d2, 99 | .iconHovered-2L3-fB, 100 | .iconHoveredCollapsed-3caIIZ, 101 | .iconMuted-1HVBGH, 102 | .iconUnread-2eGkvX {transition:200ms all linear;} 103 | 104 | /*account details container*/ 105 | .accountDetails-3k9g4n {text-align: center;} 106 | .accountDetails-3k9g4n .username {max-width:unset !important;} 107 | .container-2Thooq .avatar-3JE4B3 { 108 | transition:250ms all linear; 109 | } 110 | .da-channels:hover .container-2Thooq .avatar-3JE4B3 { 111 | transform:scale(1.1); 112 | } 113 | 114 | /*server dropdown*/ 115 | .popoutBottom-1YbShG[style*="z-index: 1001; overflow: hidden; visibility: visible"]{ 116 | left:234px !important; 117 | } 118 | 119 | /*search*/ 120 | .search-2oPWTC .searchBar-3dMhjb { 121 | width:30px; 122 | transition-duration:300ms; 123 | } 124 | .search-2oPWTC .searchBar-3dMhjb:hover {width:200px;} 125 | .search-2oPWTC.da-focused .searchBar-3dMhjb {width: 244px !important;} 126 | .search-2oPWTC .da-searchBarIcon { 127 | cursor: pointer; 128 | } 129 | .searchBarIcon-1J6sKG .icon-3cZ1F_.visible-3V0mGj { 130 | opacity:.6 !important; 131 | } 132 | 133 | /*large reactions*/ 134 | .reactions-1xb2Ex .reactionBtn-2na4rd {opacity: 0.8!important;} 135 | .reaction-1ELvT8.reactionMe-23mbRf .reactionCount-2ddRoS {opacity: 1;} 136 | .reaction-1ELvT8 {position: relative;} 137 | .reactionInner-rRPZdY {padding:0px;} 138 | .reaction-1ELvT8 {background:rgba(0,0,0,0.5) !important;} 139 | .reaction-1ELvT8 .emoji { 140 | margin: 0!important; 141 | background: none; 142 | opacity: 1 !important; 143 | } 144 | .reaction-1ELvT8.reactionMe-23mbRf { 145 | background: var(--main-color) !important; 146 | border-radius: 10px; 147 | opacity: 1 !important; 148 | } 149 | .reaction-1ELvT8 { 150 | border-radius: 10px; 151 | opacity: 0.7 !important; 152 | } 153 | .reaction-1ELvT8 .emoji { 154 | width: 32px; 155 | height: 32px; 156 | border-radius: 10px; 157 | transform:scale(0.7); 158 | } 159 | .reaction-1ELvT8.reactionMe-23mbRf .reactionCount-2ddRoS { 160 | font-weight: bold !important; 161 | color:var(--hover-color) !important; 162 | } 163 | .reaction-1ELvT8 .reactionCount-2ddRoS { 164 | position: absolute !important; 165 | margin-top: 22px !important; 166 | font-size: 11px; 167 | letter-spacing: 0; 168 | margin: 0; 169 | min-width: 32px!important; 170 | } 171 | 172 | /*changelog*/ 173 | #bd-settingspane-container .bda-slist::before { 174 | content:"What's new in Aurora v1.2.x?\A -Animated Icons! \A -Several new addons.\A-Status Picker Redesign.\A -Support for var(--media-roundness) on Search Bubble.\A-Compatibility Tags for Themes & Plugins\A -Reply System, Permissions Viewer, DetailedSeverTooltips and StatusEverywhere are now themed!\A=======BETA FEATURES=======\AWhat's new in Aurora BETA v2.3X?\A-New Titlebar\A-Larger Reactions\A-Category Animations\A-Reactions Overhaul\A-More SVGS!\A-Tweak Account Details Container(yes, again ugh.)\A-Fix Server Dropdown Positioning.\A-Taller Emoji Picker"; 175 | } 176 | 177 | /*emoji picker*/ 178 | .emojiPicker-3m1S-j { 179 | height:60vh !important; 180 | } 181 | .emojiPicker-3m1S-j .scroller-3vODG7 { 182 | height:60vh !important; 183 | } 184 | -------------------------------------------------------------------------------- /aurora/addons/disableExpansions.css: -------------------------------------------------------------------------------- 1 | .sidebar-CFHs9e:hover { 2 | width:218px !important; 3 | } 4 | .channels-Ie2l6A, 5 | #app-mount .da-app .da-channels:hover .bannerImage-1jOskm { 6 | width:240px !important; 7 | } 8 | .da-title .da-searchBar { 9 | width:150px !important; 10 | } 11 | .container-2Thooq .avatar-3JE4B3 { 12 | transform:none !important; 13 | } 14 | -------------------------------------------------------------------------------- /aurora/addons/friendGrid-two.css: -------------------------------------------------------------------------------- 1 | /*Friend Grid Version 2.0.0. Fixed by Tropical*/ 2 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover {background-color: rgba(0, 0, 0, 0.5);} 3 | .friendsTable-133bsv {margin-left:50px !important;} 4 | .container-3gCOGc .friendsTable-133bsv {margin-top: 0px} 5 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud { 6 | background: rgba(0, 0, 0, 0.35); 7 | box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); 8 | border-radius: 5px; 9 | margin: 15px; 10 | padding: 0; 11 | height: 120px !important; 12 | flex-direction: row; 13 | flex-basis: 300px; 14 | transition: opacity 300ms; 15 | display:inline-block; 16 | position: relative; 17 | } 18 | .container-3gCOGc .friends-header .tabBar-1E2ExX .item-3HpYcP .badge-1GsMF2 { 19 | background: rgba(0, 0, 0, 0.4) ; 20 | color: #fff !important; 21 | opacity: 0.7; 22 | transition: opacity 500ms; 23 | } 24 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumn-eVHFqJ+.friendsColumn-eVHFqJ {margin: 0} 25 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsTableHeader-32yE7d {display: none;} 26 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud+.friendsRow-2yicud {border-top: none;} 27 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumn-eVHFqJ { 28 | position: absolute; 29 | backface-visibility: hidden 30 | } 31 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm .avatarSmall--gkJKA { 32 | top: 25px; 33 | left: 5px; 34 | width: 85px; 35 | height: 85px; 36 | background-size: 85px 85px; 37 | box-shadow: none; 38 | opacity: 0.8; 39 | transition: opacity 500ms, transform .2s linear, box-shadow .2s linear; 40 | transform: scale(0.97) perspective(1px); 41 | } 42 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .friendsColumnName-1zBOKm .avatarSmall--gkJKA { 43 | opacity: 1; 44 | transform: scale(1) perspective(1px); 45 | box-shadow: none 46 | } 47 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm .discord-tag { 48 | display: block; 49 | position: absolute; 50 | top: 20px;overflow:visible; 51 | z-index:10; 52 | left: 115px; 53 | } 54 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm .discord-tag .discriminator { 55 | visibility: visible; 56 | opacity: 1; 57 | } 58 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .status-mz5rqq, 59 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 { 60 | width: 100%; 61 | left: 2px; 62 | justify-content: center; 63 | height: 18px; 64 | border-radius: 5px 5px 0 0 !important; 65 | top: 0; 66 | opacity: 0.7; 67 | z-index: 0 68 | } 69 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .statusText-2F9zIF { 70 | position: absolute; 71 | color: rgba(255, 255, 255, 0.5); 72 | font-weight: 800 !important; 73 | max-width: 90%; 74 | font-size: 12px; 75 | line-height: normal; 76 | transition: color 300ms; 77 | z-index: 0; 78 | } 79 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsTableBody-1ZhKif .friendsRow-2yicud .friendsColumnGuilds-2we6jb { 80 | /* .friends-table-body is important here */ 81 | top: 80px; 82 | left: 115px; 83 | width: 150px; 84 | display: flex !important; 85 | } 86 | .container-3gCOGc .friendsTable-133bsv .friendsTableBody-1ZhKif .friendsRow-2yicud .friendsColumnGuilds-2we6jb .iconSizeSmall-3aWgx9 { 87 | opacity: 0.7; 88 | transition: opacity 500ms; 89 | } 90 | .container-3gCOGc .friendsTable-133bsv .friendsTableBody-1ZhKif .friendsRow-2yicud:hover .friendsColumnGuilds-2we6jb .iconSizeSmall-3aWgx9 { 91 | opacity: 1; 92 | } 93 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb .iconSizeSmall-3aWgx9 { 94 | background-color: rgba(0, 0, 0, 0.6) 95 | } 96 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb a:nth-child(4), 97 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb a:nth-child(4) .iconSizeSmall-3aWgx9, 98 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb a:nth-child(5), 99 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb a:nth-child(5) .iconSizeSmall-3aWgx9, 100 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb a:nth-child(n + 6) { 101 | display: none; 102 | } 103 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb .moreMutualGuildsBtn-2VwbkO:before { 104 | content: ""; 105 | background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA2MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8Y2lyY2xlIGN4PSI2OS41NDUiIGN5PSIzMDYiIHI9IjY5LjU0NSIgZmlsbD0iI0ZGRkZGRiIvPgoJCTxjaXJjbGUgY3g9IjMwNiIgY3k9IjMwNiIgcj0iNjkuNTQ1IiBmaWxsPSIjRkZGRkZGIi8+CgkJPGNpcmNsZSBjeD0iNTQyLjQ1NSIgY3k9IjMwNiIgcj0iNjkuNTQ1IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); 106 | background-size: 18px 18px; 107 | background-position: center center; 108 | background-color:rgba(0,0,0,0.1); 109 | background-repeat: no-repeat; 110 | border-radius: 5px; 111 | width: 30px; 112 | height: 30px; 113 | box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); 114 | position: absolute; 115 | top: 0; 116 | transition:250ms background; 117 | } 118 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb .moreMutualGuildsBtn-2VwbkO:hover:before { 119 | background-color:rgba(0,0,0,0.2) !important; 120 | } 121 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb .moreMutualGuildsBtn-2VwbkO, 122 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb .moreMutualGuildsBtn-2VwbkO:hover { 123 | border: 0 !important; 124 | color: transparent !important; 125 | } 126 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M { 127 | top: 45px; 128 | right: 10px; 129 | opacity: 0; 130 | transition: opacity 500ms; 131 | visibility: visible; 132 | } 133 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .friendsColumnActions-1LT3_M { 134 | opacity: 1; 135 | } 136 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9 { 137 | width:28px; 138 | height: 28px; 139 | transform: translateX(120px); 140 | transition: transform 500ms, background 500ms; 141 | } 142 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .friendsColumnActions-1LT3_M .friendsAction-__WNE9 { 143 | transform: translateX(0px); 144 | } 145 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:first-child, 146 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:nth-child(2) { 147 | background-color: rgba(73, 152, 76, 0.7) !important; 148 | } 149 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:nth-child(2) { 150 | transition-delay: 100ms; 151 | } 152 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:nth-child(3) { 153 | background-color: rgba(199, 0, 67, 0.7) !important; 154 | transition-delay: 200ms; 155 | } 156 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner .avatar-large { 157 | border-radius: 5px; 158 | opacity: 0.6; 159 | transition: opacity 500ms; 160 | } 161 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .friends-suggestion-inner .avatar-large { 162 | opacity: 0.7; 163 | } 164 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner { 165 | padding:20px; 166 | } 167 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner .friends-suggestion-info .discord-tag .username { 168 | color: rgba(225, 225, 225, 0.6); 169 | width: 100px; 170 | white-space: nowrap; 171 | overflow: hidden; 172 | text-overflow: ellipsis; 173 | transition: color 500ms; 174 | } 175 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .friends-suggestion-inner .friends-suggestion-info .discord-tag .username { 176 | color: rgba(225, 225, 225, 0.9); 177 | } 178 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner .friends-suggestion-info .discord-tag .discriminator { 179 | color: rgba(225, 225, 225, 0.7); 180 | visibility: visible; 181 | } 182 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner~.friendsColumnActions-1LT3_M { 183 | display: flex; 184 | flex-direction: column; 185 | margin: 5px 0 0 0; 186 | } 187 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner~.friendsColumnActions-1LT3_M .friendsAction-__WNE9:nth-child(2) { 188 | margin: 5px 0 0 0; 189 | } 190 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:hover { 191 | background-color: rgb(73, 152, 76); 192 | } 193 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .status.status-unknown { 194 | border: none; 195 | } 196 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsTableBody-1ZhKif { 197 | display: flex !important; 198 | flex-flow: row wrap !important; 199 | justify-content: safe !important; 200 | align-items: center; 201 | } 202 | .friendsTableBody-1ZhKif[class*="scroller"] .friendsRow-2yicud { 203 | min-width: 20% 204 | } 205 | .listRow-hutiT_:hover {background:rgba(0,0,0,0.5) !important;} 206 | .listRow-hutiT_ { 207 | background: rgba(0,0,0,0.35); 208 | box-shadow: 1px 1px 2px rgba(0,0,0,0.5); 209 | border-radius: 5px; 210 | margin: 14px; 211 | width:109px; 212 | height:70px; 213 | flex-direction: row; 214 | flex-basis: 300px; 215 | transition: opacity 300ms; 216 | display:inline-block; 217 | position: relative; 218 | transition:250ms background; 219 | } 220 | .guildNick-3uAm3i { 221 | position:absolute; 222 | } 223 | .root-SR8cQa { 224 | width:700px; 225 | } 226 | .listName-3w10cx { 227 | margin-top:7px; 228 | } 229 | .body-3ND3kc { 230 | height:300px; 231 | } 232 | .listAvatar-1NlAhb { 233 | box-shadow: none; 234 | opacity: 0.8; 235 | transition: opacity 500ms, transform .2s linear, box-shadow .2s linear; 236 | transform: scale(0.97) perspective(1px); 237 | } 238 | .listRow-hutiT_:hover .listAvatar-1NlAhb { 239 | opacity: 1; 240 | transform: scale(1) perspective(1px); 241 | box-shadow: none 242 | } 243 | #app-mount .friendsRow-2yicud:hover { 244 | border-radius:initial !important; 245 | padding:initial !important; 246 | } 247 | -------------------------------------------------------------------------------- /aurora/addons/friendGrid.css: -------------------------------------------------------------------------------- 1 | /*Friend Grid Version 2.0.0. Fixed by Tropical*/ 2 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover {background-color: rgba(0, 0, 0, 0.5);} 3 | .friendsTable-133bsv {margin-left:50px !important;} 4 | .container-3gCOGc .friendsTable-133bsv {margin-top: 0px} 5 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud { 6 | background: rgba(0, 0, 0, 0.35); 7 | box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); 8 | border-radius: 5px; 9 | margin: 15px; 10 | padding: 0; 11 | height: 120px !important; 12 | flex-direction: row; 13 | flex-basis: 300px; 14 | transition: opacity 300ms; 15 | display:inline-block; 16 | position: relative; 17 | } 18 | .container-3gCOGc .friends-header .tabBar-1E2ExX .item-3HpYcP .badge-1GsMF2 { 19 | background: rgba(0, 0, 0, 0.4) ; 20 | color: #fff !important; 21 | opacity: 0.7; 22 | transition: opacity 500ms; 23 | } 24 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumn-eVHFqJ+.friendsColumn-eVHFqJ {margin: 0} 25 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsTableHeader-32yE7d {display: none;} 26 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud+.friendsRow-2yicud {border-top: none;} 27 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumn-eVHFqJ { 28 | position: absolute; 29 | backface-visibility: hidden 30 | } 31 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm .avatarSmall--gkJKA { 32 | top: 25px; 33 | left: 5px; 34 | width: 85px; 35 | height: 85px; 36 | background-size: 85px 85px; 37 | box-shadow: none; 38 | opacity: 0.8; 39 | transition: opacity 500ms, transform .2s linear, box-shadow .2s linear; 40 | transform: scale(0.97) perspective(1px); 41 | } 42 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .friendsColumnName-1zBOKm .avatarSmall--gkJKA { 43 | opacity: 1; 44 | transform: scale(1) perspective(1px); 45 | box-shadow: none 46 | } 47 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm .discord-tag { 48 | display: block; 49 | position: absolute; 50 | top: 20px;overflow:visible; 51 | z-index:10; 52 | left: 115px; 53 | } 54 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm .discord-tag .discriminator { 55 | visibility: visible; 56 | opacity: 1; 57 | } 58 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .status-mz5rqq, 59 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 { 60 | width: 100%; 61 | left: 2px; 62 | justify-content: center; 63 | height: 18px; 64 | border-radius: 5px 5px 0 0 !important; 65 | top: 0; 66 | opacity: 0.7; 67 | z-index: 0 68 | } 69 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .statusText-2F9zIF { 70 | position: absolute; 71 | color: rgba(255, 255, 255, 0.5); 72 | font-weight: 800 !important; 73 | max-width: 90%; 74 | font-size: 12px; 75 | line-height: normal; 76 | transition: color 300ms; 77 | z-index: 0; 78 | } 79 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsTableBody-1ZhKif .friendsRow-2yicud .friendsColumnGuilds-2we6jb { 80 | /* .friends-table-body is important here */ 81 | top: 80px; 82 | left: 115px; 83 | width: 150px; 84 | display: flex !important; 85 | } 86 | .container-3gCOGc .friendsTable-133bsv .friendsTableBody-1ZhKif .friendsRow-2yicud .friendsColumnGuilds-2we6jb .iconSizeSmall-3aWgx9 { 87 | opacity: 0.7; 88 | transition: opacity 500ms; 89 | } 90 | .container-3gCOGc .friendsTable-133bsv .friendsTableBody-1ZhKif .friendsRow-2yicud:hover .friendsColumnGuilds-2we6jb .iconSizeSmall-3aWgx9 { 91 | opacity: 1; 92 | } 93 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb .iconSizeSmall-3aWgx9 { 94 | background-color: rgba(0, 0, 0, 0.6) 95 | } 96 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb a:nth-child(4), 97 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb a:nth-child(4) .iconSizeSmall-3aWgx9, 98 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb a:nth-child(5), 99 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb a:nth-child(5) .iconSizeSmall-3aWgx9, 100 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb a:nth-child(n + 6) { 101 | display: none; 102 | } 103 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb .moreMutualGuildsBtn-2VwbkO:before { 104 | content: ""; 105 | background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA2MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8Y2lyY2xlIGN4PSI2OS41NDUiIGN5PSIzMDYiIHI9IjY5LjU0NSIgZmlsbD0iI0ZGRkZGRiIvPgoJCTxjaXJjbGUgY3g9IjMwNiIgY3k9IjMwNiIgcj0iNjkuNTQ1IiBmaWxsPSIjRkZGRkZGIi8+CgkJPGNpcmNsZSBjeD0iNTQyLjQ1NSIgY3k9IjMwNiIgcj0iNjkuNTQ1IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); 106 | background-size: 18px 18px; 107 | background-position: center center; 108 | background-color:rgba(0,0,0,0.1); 109 | background-repeat: no-repeat; 110 | border-radius: 5px; 111 | width: 30px; 112 | height: 30px; 113 | box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); 114 | position: absolute; 115 | top: 0; 116 | transition:250ms background; 117 | } 118 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb .moreMutualGuildsBtn-2VwbkO:hover:before { 119 | background-color:rgba(0,0,0,0.2) !important; 120 | } 121 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb .moreMutualGuildsBtn-2VwbkO, 122 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb .moreMutualGuildsBtn-2VwbkO:hover { 123 | border: 0 !important; 124 | color: transparent !important; 125 | } 126 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M { 127 | top: 45px; 128 | right: 10px; 129 | opacity: 0; 130 | transition: opacity 500ms; 131 | visibility: visible; 132 | } 133 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .friendsColumnActions-1LT3_M { 134 | opacity: 1; 135 | } 136 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9 { 137 | width:28px; 138 | height: 28px; 139 | transform: translateX(120px); 140 | transition: transform 500ms, background 500ms; 141 | } 142 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .friendsColumnActions-1LT3_M .friendsAction-__WNE9 { 143 | transform: translateX(0px); 144 | } 145 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:first-child, 146 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:nth-child(2) { 147 | background-color: rgba(73, 152, 76, 0.7) !important; 148 | } 149 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:nth-child(2) { 150 | transition-delay: 100ms; 151 | } 152 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:nth-child(3) { 153 | background-color: rgba(199, 0, 67, 0.7) !important; 154 | transition-delay: 200ms; 155 | } 156 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner .avatar-large { 157 | border-radius: 5px; 158 | opacity: 0.6; 159 | transition: opacity 500ms; 160 | } 161 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .friends-suggestion-inner .avatar-large { 162 | opacity: 0.7; 163 | } 164 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner { 165 | padding:20px; 166 | } 167 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner .friends-suggestion-info .discord-tag .username { 168 | color: rgba(225, 225, 225, 0.6); 169 | width: 100px; 170 | white-space: nowrap; 171 | overflow: hidden; 172 | text-overflow: ellipsis; 173 | transition: color 500ms; 174 | } 175 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .friends-suggestion-inner .friends-suggestion-info .discord-tag .username { 176 | color: rgba(225, 225, 225, 0.9); 177 | } 178 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner .friends-suggestion-info .discord-tag .discriminator { 179 | color: rgba(225, 225, 225, 0.7); 180 | visibility: visible; 181 | } 182 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner~.friendsColumnActions-1LT3_M { 183 | display: flex; 184 | flex-direction: column; 185 | margin: 5px 0 0 0; 186 | } 187 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner~.friendsColumnActions-1LT3_M .friendsAction-__WNE9:nth-child(2) { 188 | margin: 5px 0 0 0; 189 | } 190 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:hover { 191 | background-color: rgb(73, 152, 76); 192 | } 193 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .status.status-unknown { 194 | border: none; 195 | } 196 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsTableBody-1ZhKif>div { 197 | display: flex !important; 198 | flex-flow: row wrap !important; 199 | justify-content: safe !important; 200 | align-items: center; 201 | } 202 | .friendsTableBody-1ZhKif[class*="scroller"] .friendsRow-2yicud { 203 | min-width: 20% 204 | } 205 | -------------------------------------------------------------------------------- /aurora/addons/nameInCorner.css: -------------------------------------------------------------------------------- 1 | .accountDetails-3k9g4n { 2 | text-align: center; 3 | } 4 | .accountDetails-3k9g4n .username { 5 | max-width:unset !important; 6 | } 7 | #app-mount .da-app .da-membersWrap { 8 | margin-bottom:90px !important; 9 | } 10 | #app-mount .da-app .container-2Thooq .flex-1xMQg5 {margin-left:13px !important;} 11 | #app-mount .da-app .button-2b6hmh { 12 | margin-right:25px !important; 13 | } 14 | #app-mount .vertical-V37hAW .channels-Ie2l6A:hover .button-2b6hmh { 15 | margin-left:20px !important; 16 | } 17 | #app-mount .da-app .privateChannels-1nO12o ~ .container-2Thooq .accountDetails-3k9g4n {display: none !important;} 18 | #app-mount .da-app .accountDetails-3k9g4n .username {z-index:99 !important;} 19 | #app-mount .da-app .searchResultsWrap-2DKFzt {z-index:100 !important;} 20 | #app-mount .da-app .vertical-V37hAW .channels-Ie2l6A { 21 | z-index: 2 !important; 22 | overflow:visible !important; 23 | } 24 | #app-mount .da-app .vertical-V37hAW .channels-Ie2l6A .accountDetails-3k9g4n .username { 25 | display: inline-block !important; 26 | font-size: 250% !important; 27 | line-height: 85px !important; 28 | min-width: 240px !important; 29 | height:100px !important; 30 | margin-left:-15px !important; 31 | text-align: center !important; 32 | } 33 | #app-mount .da-app .accountDetails-3k9g4n { 34 | position:absolute !important; 35 | right: 0px !important; 36 | height: 124px !important; 37 | min-width: 240px !important; 38 | border-top:1px solid hsla(0,0%,100%,.06) !important; 39 | } 40 | #app-mount .da-app .accountDetails-3k9g4n .discriminator { 41 | right: 5px !important; 42 | position: absolute !important; 43 | display: initial !important; 44 | margin-top: 75px !important; 45 | } 46 | -------------------------------------------------------------------------------- /aurora/addons/settingsModal.css: -------------------------------------------------------------------------------- 1 | .layers-3iHuyZ { 2 | align-items:center; 3 | justify-content:center; 4 | } 5 | .layers-3iHuyZ > .layer-3QrUeG:first-child { 6 | opacity: 1 !important; 7 | transform: none !important; 8 | } 9 | .layers-3iHuyZ > .layer-3QrUeG:nth-child(2)::before { 10 | content: ""; 11 | position: fixed !important; 12 | background: rgba(0,0,0,0.75); 13 | height:10000%; 14 | width:10000%; 15 | top: calc((100% - 70%) / -1); left: calc((100% - 50%) / -1); 16 | } 17 | .layers-3iHuyZ > .layer-3QrUeG:nth-child(2) { 18 | width: 70%; 19 | height: 70%; 20 | top:unset; 21 | bottom:unset; 22 | right:unset; 23 | left:unset; 24 | border-radius:7px; 25 | z-index:100; 26 | transform: translateZ(0); 27 | overflow:visible; 28 | } 29 | -------------------------------------------------------------------------------- /aurora/assets/asset_home.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /aurora/assets/attach_asset_1.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /aurora/assets/attach_asset_10.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /aurora/assets/attach_asset_11.svg: -------------------------------------------------------------------------------- 1 | Ps -------------------------------------------------------------------------------- /aurora/assets/attach_asset_12.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /aurora/assets/attach_asset_13.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /aurora/assets/attach_asset_14.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /aurora/assets/attach_asset_15.svg: -------------------------------------------------------------------------------- 1 | ▶ -------------------------------------------------------------------------------- /aurora/assets/attach_asset_16.svg: -------------------------------------------------------------------------------- 1 | /> -------------------------------------------------------------------------------- /aurora/assets/attach_asset_2.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /aurora/assets/attach_asset_3.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /aurora/assets/attach_asset_4.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /aurora/assets/attach_asset_5.svg: -------------------------------------------------------------------------------- 1 | Ae -------------------------------------------------------------------------------- /aurora/assets/attach_asset_6.svg: -------------------------------------------------------------------------------- 1 | Ai -------------------------------------------------------------------------------- /aurora/assets/attach_asset_7.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /aurora/assets/attach_asset_8.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /aurora/assets/attach_asset_9.svg: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /aurora/assets/devilbro_asset_1.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /aurora/assets/devilbro_asset_10.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /aurora/assets/devilbro_asset_11.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /aurora/assets/devilbro_asset_2.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /aurora/assets/devilbro_asset_3.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /aurora/assets/devilbro_asset_4.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /aurora/assets/devilbro_asset_5.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /aurora/assets/devilbro_asset_6.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /aurora/assets/devilbro_asset_7.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /aurora/assets/devilbro_asset_8.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /aurora/assets/devilbro_asset_9.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /aurora/assets/pins.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | -------------------------------------------------------------------------------- /aurora/assets/search.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /aurora/assets/spectra_asset_1.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /aurora/assets/status_asset_1.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /aurora/assets/status_asset_2.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /aurora/assets/status_asset_3.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /aurora/assets/status_asset_4.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /aurora/css/base.css: -------------------------------------------------------------------------------- 1 | /*New Base File*/ 2 | @import url(https://korbsstudio.github.io/Aurora/css/base.css); 3 | -------------------------------------------------------------------------------- /aurora/css/readme.md: -------------------------------------------------------------------------------- 1 | # Aurora Base CSS 2 | The base file is organized into several chapters. Within each chapter, there is a section. Each section contains it's designated CSS rules. This format makes the theme easy to update and easy to modify. 3 | -------------------------------------------------------------------------------- /aurora/readme.md: -------------------------------------------------------------------------------- 1 | # This theme is now being managed by Korbs. Please redownload the file from https://github.com/KorbsStudio/Aurora/blob/master/downloads/Aurora.theme.css 2 | Thank you! 3 | 4 | 5 | 6 | # Aurora Theme for BetterDiscord 7 | A dark Aurora Borealis discord theme with blurred elements. 8 |

9 | .titleImage-3pXr91 10 |

11 | (Thanks sydnxt for making the banner). 12 | -------------------------------------------------------------------------------- /classicbar/base.css: -------------------------------------------------------------------------------- 1 | /*Variables*/ 2 | 3 | .platform-win { 4 | --classic-titlebar-height:20px; 5 | --classic-titlebar-active:linear-gradient(90deg,#0a246a,#a6caf0); 6 | --classic-titlebar-inactive:linear-gradient(90deg,#808080,#c0c0c0); 7 | --classic-titlebar-wordmark-content:'Discord'; 8 | --classic-app-padding:3px; 9 | } 10 | 11 | 12 | /*Source*/ 13 | 14 | .typeWindows-1za-n7 { 15 | position:relative; 16 | display:flex; 17 | align-items:center; 18 | margin-top:0; 19 | top:0; 20 | height:var(--classic-titlebar-height); 21 | padding:3px 2px 3px 3px; 22 | box-sizing:border-box; 23 | z-index:9999; 24 | } 25 | 26 | .winButton-iRh8-Z { 27 | top:unset; 28 | width:16px; 29 | height:14px; 30 | cursor:default; 31 | background-color: silver !important; 32 | box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #fff, inset -2px -2px grey, inset 2px 2px #dfdfdf; 33 | background-repeat: no-repeat; 34 | } 35 | 36 | .winButton-iRh8-Z:active { 37 | box-shadow: inset -1px -1px #fff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px grey; 38 | } 39 | 40 | .winButtonClose-1HsbF- { 41 | margin-left:2px; 42 | background-position: top 3px left 4px; 43 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h2v1h1v1h2V1h1V0h2v1H7v1H6v1H5v1h1v1h1v1h1v1H6V6H5V5H3v1H2v1H0V6h1V5h1V4h1V3H2V2H1V1H0V0z' fill='%23000'/%3E%3C/svg%3E"); 44 | } 45 | 46 | .winButton-iRh8-Z:nth-last-child(2) { 47 | background-position:top 2px left 3px; 48 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0H0v9h9V0zM8 2H1v6h7V2z' fill='%23000'/%3E%3C/svg%3E"); 49 | } 50 | 51 | .winButton-iRh8-Z:last-child { 52 | background-position:bottom 3px left 4px; 53 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 0h6v2H0z'/%3E%3C/svg%3E"); 54 | } 55 | 56 | .winButton-iRh8-Z svg { 57 | display:none; 58 | } 59 | 60 | .wordmarkWindows-1v0lYD { 61 | top:0; 62 | left:0; 63 | padding:0 3px; 64 | box-sizing:border-box; 65 | width:100%; 66 | height:var(--classic-titlebar-height); 67 | display:flex; 68 | align-items:center; 69 | background-image:var(--classic-titlebar-inactive); 70 | } 71 | 72 | .app-focused .wordmarkWindows-1v0lYD { 73 | background-image:var(--classic-titlebar-active); 74 | } 75 | 76 | .app-focused .wordmarkWindows-1v0lYD::before { 77 | opacity:1; 78 | } 79 | 80 | .wordmarkWindows-1v0lYD::before { 81 | content:var(--classic-titlebar-wordmark-content); 82 | height:var(--classic-titlebar-height); 83 | z-index:1; 84 | position:relative; 85 | font-family: 'Tahoma'; 86 | font-size: 11px; 87 | color:#fff; 88 | font-weight:bold; 89 | opacity:.8; 90 | padding:0 3px; 91 | line-height:var(--classic-titlebar-height); 92 | font-smooth: never; 93 | } 94 | 95 | .wordmarkWindows-1v0lYD svg { 96 | display:none; 97 | } 98 | 99 | .platform-win #app-mount, 100 | .platform-win .backdrop-1wrmKB, 101 | .platform-win .backdropWithLayer-3_uhz4 { 102 | padding:var(--classic-app-padding); 103 | box-sizing:border-box; 104 | background-color:silver; 105 | box-shadow:inset -1px -1px #0a0a0a, inset 1px 1px #dfdfdf, inset -2px -2px grey, inset 2px 2px #fff; 106 | } 107 | 108 | .platform-win .bg-h5JY_x, 109 | .platform-win .layer-3QrUeG, 110 | .platform-win .standardSidebarView-3F1I7i { 111 | top:0; 112 | padding-top:0; 113 | } 114 | -------------------------------------------------------------------------------- /classicbar/readme.md: -------------------------------------------------------------------------------- 1 | # ClassicBar 2 | 3 | ClassicBar is an accurate and customizable recreation of the windows 9x-era titlebars for Discord. 4 | -------------------------------------------------------------------------------- /friendgrid/README.md: -------------------------------------------------------------------------------- 1 |

FriendGrid

2 |

A lightweight mini-theme that changes the friends list into a card style layout.

3 | .titleImage-3pXr91 4 | -------------------------------------------------------------------------------- /friendgrid/v2/base-1.css: -------------------------------------------------------------------------------- 1 | /*Friend Grid Version 2.0.0. Fixed by Tropical*/ 2 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover {background-color: rgba(0, 0, 0, 0.5);} 3 | .friendsTable-133bsv {margin-left:50px !important;} 4 | .container-3gCOGc .friendsTable-133bsv {margin-top: 0px} 5 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud { 6 | background: rgba(0, 0, 0, 0.35); 7 | box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); 8 | border-radius: 5px; 9 | margin: 15px; 10 | padding: 0; 11 | height: 120px !important; 12 | flex-direction: row; 13 | flex-basis: 300px; 14 | transition: opacity 300ms; 15 | display:inline-block; 16 | position: relative; 17 | } 18 | .container-3gCOGc .friends-header .tabBar-1E2ExX .item-3HpYcP .badge-1GsMF2 { 19 | background: rgba(0, 0, 0, 0.4) ; 20 | color: #fff !important; 21 | opacity: 0.7; 22 | transition: opacity 500ms; 23 | } 24 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumn-eVHFqJ+.friendsColumn-eVHFqJ {margin: 0} 25 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsTableHeader-32yE7d {display: none;} 26 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud+.friendsRow-2yicud {border-top: none;} 27 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumn-eVHFqJ { 28 | position: absolute; 29 | backface-visibility: hidden 30 | } 31 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm .avatarSmall--gkJKA { 32 | top: 25px; 33 | left: 5px; 34 | width: 85px; 35 | height: 85px; 36 | background-size: 85px 85px; 37 | box-shadow: none; 38 | opacity: 0.8; 39 | transition: opacity 500ms, transform .2s linear, box-shadow .2s linear; 40 | transform: scale(0.97) perspective(1px); 41 | } 42 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .friendsColumnName-1zBOKm .avatarSmall--gkJKA { 43 | opacity: 1; 44 | transform: scale(1) perspective(1px); 45 | box-shadow: none 46 | } 47 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm .discord-tag { 48 | display: block; 49 | position: absolute; 50 | top: 20px;overflow:visible; 51 | z-index:10; 52 | left: 115px; 53 | } 54 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm .discord-tag .discriminator { 55 | visibility: visible; 56 | opacity: 1; 57 | } 58 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .status-mz5rqq, 59 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 { 60 | width: 100%; 61 | left: 2px; 62 | justify-content: center; 63 | height: 18px; 64 | border-radius: 5px 5px 0 0 !important; 65 | top: 0; 66 | opacity: 0.7; 67 | z-index: 0 68 | } 69 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .statusText-2F9zIF { 70 | position: absolute; 71 | color: rgba(255, 255, 255, 0.5); 72 | font-weight: 800 !important; 73 | max-width: 90%; 74 | font-size: 12px; 75 | line-height: normal; 76 | transition: color 300ms; 77 | z-index: 0; 78 | } 79 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsTableBody-1ZhKif .friendsRow-2yicud .friendsColumnGuilds-2we6jb { 80 | /* .friends-table-body is important here */ 81 | top: 80px; 82 | left: 115px; 83 | width: 150px; 84 | display: flex !important; 85 | } 86 | .container-3gCOGc .friendsTable-133bsv .friendsTableBody-1ZhKif .friendsRow-2yicud .friendsColumnGuilds-2we6jb .iconSizeSmall-3aWgx9 { 87 | opacity: 0.7; 88 | transition: opacity 500ms; 89 | } 90 | .container-3gCOGc .friendsTable-133bsv .friendsTableBody-1ZhKif .friendsRow-2yicud:hover .friendsColumnGuilds-2we6jb .iconSizeSmall-3aWgx9 { 91 | opacity: 1; 92 | } 93 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb .iconSizeSmall-3aWgx9 { 94 | background-color: rgba(0, 0, 0, 0.6) 95 | } 96 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb a:nth-child(4), 97 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb a:nth-child(4) .iconSizeSmall-3aWgx9, 98 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb a:nth-child(5), 99 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb a:nth-child(5) .iconSizeSmall-3aWgx9, 100 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb a:nth-child(n + 6) { 101 | display: none; 102 | } 103 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb .moreMutualGuildsBtn-2VwbkO:before { 104 | content: ""; 105 | background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA2MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8Y2lyY2xlIGN4PSI2OS41NDUiIGN5PSIzMDYiIHI9IjY5LjU0NSIgZmlsbD0iI0ZGRkZGRiIvPgoJCTxjaXJjbGUgY3g9IjMwNiIgY3k9IjMwNiIgcj0iNjkuNTQ1IiBmaWxsPSIjRkZGRkZGIi8+CgkJPGNpcmNsZSBjeD0iNTQyLjQ1NSIgY3k9IjMwNiIgcj0iNjkuNTQ1IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); 106 | background-size: 18px 18px; 107 | background-position: center center; 108 | background-color:rgba(0,0,0,0.1); 109 | background-repeat: no-repeat; 110 | border-radius: 5px; 111 | width: 30px; 112 | height: 30px; 113 | box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); 114 | position: absolute; 115 | top: 0; 116 | transition:250ms background; 117 | } 118 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb .moreMutualGuildsBtn-2VwbkO:hover:before { 119 | background-color:rgba(0,0,0,0.2) !important; 120 | } 121 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb .moreMutualGuildsBtn-2VwbkO, 122 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb .moreMutualGuildsBtn-2VwbkO:hover { 123 | border: 0 !important; 124 | color: transparent !important; 125 | } 126 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M { 127 | top: 45px; 128 | right: 10px; 129 | opacity: 0; 130 | transition: opacity 500ms; 131 | visibility: visible; 132 | } 133 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .friendsColumnActions-1LT3_M { 134 | opacity: 1; 135 | } 136 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9 { 137 | width:28px; 138 | height: 28px; 139 | transform: translateX(120px); 140 | transition: transform 500ms, background 500ms; 141 | } 142 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .friendsColumnActions-1LT3_M .friendsAction-__WNE9 { 143 | transform: translateX(0px); 144 | } 145 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:first-child, 146 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:nth-child(2) { 147 | background-color: rgba(73, 152, 76, 0.7) !important; 148 | } 149 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:nth-child(2) { 150 | transition-delay: 100ms; 151 | } 152 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:nth-child(3) { 153 | background-color: rgba(199, 0, 67, 0.7) !important; 154 | transition-delay: 200ms; 155 | } 156 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner .avatar-large { 157 | border-radius: 5px; 158 | opacity: 0.6; 159 | transition: opacity 500ms; 160 | } 161 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .friends-suggestion-inner .avatar-large { 162 | opacity: 0.7; 163 | } 164 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner { 165 | padding:20px; 166 | } 167 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner .friends-suggestion-info .discord-tag .username { 168 | color: rgba(225, 225, 225, 0.6); 169 | width: 100px; 170 | white-space: nowrap; 171 | overflow: hidden; 172 | text-overflow: ellipsis; 173 | transition: color 500ms; 174 | } 175 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .friends-suggestion-inner .friends-suggestion-info .discord-tag .username { 176 | color: rgba(225, 225, 225, 0.9); 177 | } 178 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner .friends-suggestion-info .discord-tag .discriminator { 179 | color: rgba(225, 225, 225, 0.7); 180 | visibility: visible; 181 | } 182 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner~.friendsColumnActions-1LT3_M { 183 | display: flex; 184 | flex-direction: column; 185 | margin: 5px 0 0 0; 186 | } 187 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner~.friendsColumnActions-1LT3_M .friendsAction-__WNE9:nth-child(2) { 188 | margin: 5px 0 0 0; 189 | } 190 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:hover { 191 | background-color: rgb(73, 152, 76); 192 | } 193 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .status.status-unknown { 194 | border: none; 195 | } 196 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsTableBody-1ZhKif>div { 197 | display: flex !important; 198 | flex-flow: row wrap !important; 199 | justify-content: safe !important; 200 | align-items: center; 201 | } 202 | .friendsTableBody-1ZhKif[class*="scroller"] .friendsRow-2yicud { 203 | min-width: 20% 204 | } 205 | -------------------------------------------------------------------------------- /friendgrid/v2/base-2.css: -------------------------------------------------------------------------------- 1 | /*Friend Grid Version 2.0.0. Fixed by Tropical*/ 2 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover {background-color: rgba(0, 0, 0, 0.5);} 3 | .friendsTable-133bsv {margin-left:50px !important;} 4 | .container-3gCOGc .friendsTable-133bsv {margin-top: 0px} 5 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud { 6 | background: rgba(0, 0, 0, 0.35); 7 | box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); 8 | border-radius: 5px; 9 | margin: 15px; 10 | padding: 0; 11 | height: 120px !important; 12 | flex-direction: row; 13 | flex-basis: 300px; 14 | transition: opacity 300ms; 15 | display:inline-block; 16 | position: relative; 17 | } 18 | .container-3gCOGc .friends-header .tabBar-1E2ExX .item-3HpYcP .badge-1GsMF2 { 19 | background: rgba(0, 0, 0, 0.4) ; 20 | color: #fff !important; 21 | opacity: 0.7; 22 | transition: opacity 500ms; 23 | } 24 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumn-eVHFqJ+.friendsColumn-eVHFqJ {margin: 0} 25 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsTableHeader-32yE7d {display: none;} 26 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud+.friendsRow-2yicud {border-top: none;} 27 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumn-eVHFqJ { 28 | position: absolute; 29 | backface-visibility: hidden 30 | } 31 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm .avatarSmall--gkJKA { 32 | top: 25px; 33 | left: 5px; 34 | width: 85px; 35 | height: 85px; 36 | background-size: 85px 85px; 37 | box-shadow: none; 38 | opacity: 0.8; 39 | transition: opacity 500ms, transform .2s linear, box-shadow .2s linear; 40 | transform: scale(0.97) perspective(1px); 41 | } 42 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .friendsColumnName-1zBOKm .avatarSmall--gkJKA { 43 | opacity: 1; 44 | transform: scale(1) perspective(1px); 45 | box-shadow: none 46 | } 47 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm .discord-tag { 48 | display: block; 49 | position: absolute; 50 | top: 20px;overflow:visible; 51 | z-index:10; 52 | left: 115px; 53 | } 54 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm .discord-tag .discriminator { 55 | visibility: visible; 56 | opacity: 1; 57 | } 58 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .status-mz5rqq, 59 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 { 60 | width: 100%; 61 | left: 2px; 62 | justify-content: center; 63 | height: 18px; 64 | border-radius: 5px 5px 0 0 !important; 65 | top: 0; 66 | opacity: 0.7; 67 | z-index: 0 68 | } 69 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .statusText-2F9zIF { 70 | position: absolute; 71 | color: rgba(255, 255, 255, 0.5); 72 | font-weight: 800 !important; 73 | max-width: 90%; 74 | font-size: 12px; 75 | line-height: normal; 76 | transition: color 300ms; 77 | z-index: 0; 78 | } 79 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsTableBody-1ZhKif .friendsRow-2yicud .friendsColumnGuilds-2we6jb { 80 | /* .friends-table-body is important here */ 81 | top: 80px; 82 | left: 115px; 83 | width: 150px; 84 | display: flex !important; 85 | } 86 | .container-3gCOGc .friendsTable-133bsv .friendsTableBody-1ZhKif .friendsRow-2yicud .friendsColumnGuilds-2we6jb .iconSizeSmall-3aWgx9 { 87 | opacity: 0.7; 88 | transition: opacity 500ms; 89 | } 90 | .container-3gCOGc .friendsTable-133bsv .friendsTableBody-1ZhKif .friendsRow-2yicud:hover .friendsColumnGuilds-2we6jb .iconSizeSmall-3aWgx9 { 91 | opacity: 1; 92 | } 93 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb .iconSizeSmall-3aWgx9 { 94 | background-color: rgba(0, 0, 0, 0.6) 95 | } 96 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb a:nth-child(4), 97 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb a:nth-child(4) .iconSizeSmall-3aWgx9, 98 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb a:nth-child(5), 99 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb a:nth-child(5) .iconSizeSmall-3aWgx9, 100 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb a:nth-child(n + 6) { 101 | display: none; 102 | } 103 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb .moreMutualGuildsBtn-2VwbkO:before { 104 | content: ""; 105 | background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA2MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8Y2lyY2xlIGN4PSI2OS41NDUiIGN5PSIzMDYiIHI9IjY5LjU0NSIgZmlsbD0iI0ZGRkZGRiIvPgoJCTxjaXJjbGUgY3g9IjMwNiIgY3k9IjMwNiIgcj0iNjkuNTQ1IiBmaWxsPSIjRkZGRkZGIi8+CgkJPGNpcmNsZSBjeD0iNTQyLjQ1NSIgY3k9IjMwNiIgcj0iNjkuNTQ1IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); 106 | background-size: 18px 18px; 107 | background-position: center center; 108 | background-color:rgba(0,0,0,0.1); 109 | background-repeat: no-repeat; 110 | border-radius: 5px; 111 | width: 30px; 112 | height: 30px; 113 | box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); 114 | position: absolute; 115 | top: 0; 116 | transition:250ms background; 117 | } 118 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb .moreMutualGuildsBtn-2VwbkO:hover:before { 119 | background-color:rgba(0,0,0,0.2) !important; 120 | } 121 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb .moreMutualGuildsBtn-2VwbkO, 122 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb .moreMutualGuildsBtn-2VwbkO:hover { 123 | border: 0 !important; 124 | color: transparent !important; 125 | } 126 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M { 127 | top: 45px; 128 | right: 10px; 129 | opacity: 0; 130 | transition: opacity 500ms; 131 | visibility: visible; 132 | } 133 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .friendsColumnActions-1LT3_M { 134 | opacity: 1; 135 | } 136 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9 { 137 | width:28px; 138 | height: 28px; 139 | transform: translateX(120px); 140 | transition: transform 500ms, background 500ms; 141 | } 142 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .friendsColumnActions-1LT3_M .friendsAction-__WNE9 { 143 | transform: translateX(0px); 144 | } 145 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:first-child, 146 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:nth-child(2) { 147 | background-color: rgba(73, 152, 76, 0.7) !important; 148 | } 149 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:nth-child(2) { 150 | transition-delay: 100ms; 151 | } 152 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:nth-child(3) { 153 | background-color: rgba(199, 0, 67, 0.7) !important; 154 | transition-delay: 200ms; 155 | } 156 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner .avatar-large { 157 | border-radius: 5px; 158 | opacity: 0.6; 159 | transition: opacity 500ms; 160 | } 161 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .friends-suggestion-inner .avatar-large { 162 | opacity: 0.7; 163 | } 164 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner { 165 | padding:20px; 166 | } 167 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner .friends-suggestion-info .discord-tag .username { 168 | color: rgba(225, 225, 225, 0.6); 169 | width: 100px; 170 | white-space: nowrap; 171 | overflow: hidden; 172 | text-overflow: ellipsis; 173 | transition: color 500ms; 174 | } 175 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .friends-suggestion-inner .friends-suggestion-info .discord-tag .username { 176 | color: rgba(225, 225, 225, 0.9); 177 | } 178 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner .friends-suggestion-info .discord-tag .discriminator { 179 | color: rgba(225, 225, 225, 0.7); 180 | visibility: visible; 181 | } 182 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner~.friendsColumnActions-1LT3_M { 183 | display: flex; 184 | flex-direction: column; 185 | margin: 5px 0 0 0; 186 | } 187 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner~.friendsColumnActions-1LT3_M .friendsAction-__WNE9:nth-child(2) { 188 | margin: 5px 0 0 0; 189 | } 190 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:hover { 191 | background-color: rgb(73, 152, 76); 192 | } 193 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .status.status-unknown { 194 | border: none; 195 | } 196 | #app-mount .container-3gCOGc .friendsTable-133bsv .friendsTableBody-1ZhKif { 197 | display: flex !important; 198 | flex-flow: row wrap !important; 199 | justify-content: safe !important; 200 | align-items: center; 201 | } 202 | .friendsTableBody-1ZhKif[class*="scroller"] .friendsRow-2yicud { 203 | min-width: 20% 204 | } 205 | .listRow-hutiT_:hover {background:rgba(0,0,0,0.5) !important;} 206 | .listRow-hutiT_ { 207 | background: rgba(0,0,0,0.35); 208 | box-shadow: 1px 1px 2px rgba(0,0,0,0.5); 209 | border-radius: 5px; 210 | margin: 14px; 211 | width:109px; 212 | height:70px; 213 | flex-direction: row; 214 | flex-basis: 300px; 215 | transition: opacity 300ms; 216 | display:inline-block; 217 | position: relative; 218 | transition:250ms background; 219 | } 220 | .guildNick-3uAm3i { 221 | position:absolute; 222 | } 223 | .root-SR8cQa { 224 | width:700px; 225 | } 226 | .listName-3w10cx { 227 | margin-top:7px; 228 | } 229 | .body-3ND3kc { 230 | height:300px; 231 | } 232 | .listAvatar-1NlAhb { 233 | box-shadow: none; 234 | opacity: 0.8; 235 | transition: opacity 500ms, transform .2s linear, box-shadow .2s linear; 236 | transform: scale(0.97) perspective(1px); 237 | } 238 | .listRow-hutiT_:hover .listAvatar-1NlAhb { 239 | opacity: 1; 240 | transform: scale(1) perspective(1px); 241 | box-shadow: none 242 | } 243 | #app-mount .friendsRow-2yicud:hover { 244 | border-radius:initial !important; 245 | padding:initial !important; 246 | } 247 | -------------------------------------------------------------------------------- /friendgrid/v3/FriendGrid.theme.css: -------------------------------------------------------------------------------- 1 | /*//META{"name":"Friend Grid","description":"A lightweight mini-theme that changes the friends list into a card style layout.","author":"Tropical","version":"3", "website":"https://bit.ly/derealised", "source":"https://tropix126.github.io/BetterDiscordStuff/friendgrid/v3/base.css"}*//**/ 2 | /* 3 | /$$$$$$$$ /$$ /$$ /$$$$$$ /$$ /$$ 4 | | $$_____/ |__/ | $$ /$$__ $$ |__/ | $$ 5 | | $$ /$$$$$$ /$$ /$$$$$$ /$$$$$$$ /$$$$$$$| $$ \__/ /$$$$$$ /$$ /$$$$$$$ 6 | | $$$$$ /$$__ $$| $$ /$$__ $$| $$__ $$ /$$__ $$| $$ /$$$$ /$$__ $$| $$ /$$__ $$ 7 | | $$__/| $$ \__/| $$| $$$$$$$$| $$ \ $$| $$ | $$| $$|_ $$| $$ \__/| $$| $$ | $$ 8 | | $$ | $$ | $$| $$_____/| $$ | $$| $$ | $$| $$ \ $$| $$ | $$| $$ | $$ 9 | | $$ | $$ | $$| $$$$$$$| $$ | $$| $$$$$$$| $$$$$$/| $$ | $$| $$$$$$$ 10 | |__/ |__/ |__/ \_______/|__/ |__/ \_______/ \______/ |__/ |__/ \_______/ 11 | */ 12 | /*Import Base CSS File*/ 13 | @import url('https://tropix126.github.io/BetterDiscordStuff/friendgrid/v3/css/base.css'); 14 | -------------------------------------------------------------------------------- /friendgrid/v3/css/base.css: -------------------------------------------------------------------------------- 1 | /* 2 | /$$$$$$$$ /$$ /$$ /$$$$$$ /$$ /$$ 3 | | $$_____/ |__/ | $$ /$$__ $$ |__/ | $$ 4 | | $$ /$$$$$$ /$$ /$$$$$$ /$$$$$$$ /$$$$$$$| $$ \__/ /$$$$$$ /$$ /$$$$$$$ 5 | | $$$$$ /$$__ $$| $$ /$$__ $$| $$__ $$ /$$__ $$| $$ /$$$$ /$$__ $$| $$ /$$__ $$ 6 | | $$__/| $$ \__/| $$| $$$$$$$$| $$ \ $$| $$ | $$| $$|_ $$| $$ \__/| $$| $$ | $$ 7 | | $$ | $$ | $$| $$_____/| $$ | $$| $$ | $$| $$ \ $$| $$ | $$| $$ | $$ 8 | | $$ | $$ | $$| $$$$$$$| $$ | $$| $$$$$$$| $$$$$$/| $$ | $$| $$$$$$$ 9 | |__/ |__/ |__/ \_______/|__/ |__/ \_______/ \______/ |__/ |__/ \_______/ 10 | */ 11 | 12 | @import url('http://anti-betterdocs.github.io/BlockBetterDocs/code.css'); 13 | 14 | .friendsTable-133bsv .scroller-2FKFPG>div:not(.friendsRow-2yicud), 15 | .friendsTable-133bsv .scroller-2FKFPG { 16 | display: flex; 17 | flex-direction: row; 18 | flex-wrap: wrap; 19 | justify-content: center; 20 | } 21 | 22 | .friendsRow-2yicud { 23 | position: relative; 24 | display: block !important; 25 | height: 145px !important; 26 | width: 250px; 27 | margin: 1.8% !important; 28 | padding: 0 !important; 29 | border-radius: 3px; 30 | box-shadow: 0 0 12px rgba(0,0,0,0.25); 31 | animation: friendGridFade .75s ease; 32 | transition: 250ms ease all, 350ms ease background-color; 33 | } 34 | 35 | .friendsTable-133bsv .friendsTableHeader-32yE7d { 36 | display: none; 37 | } 38 | 39 | .friendsRow-2yicud:active { 40 | transform: scale(.95); 41 | } 42 | 43 | .friendsRow-2yicud:hover { 44 | background-color: rgba(0,0,0,0.3) !important; 45 | box-shadow: 0 0 14px rgba(0,0,0,0.5) !important; 46 | } 47 | 48 | .friendsRow-2yicud .friendsColumnName-1zBOKm .discord-tag { 49 | position: absolute; 50 | display: block; 51 | top: 30px; 52 | left: 64px; 53 | color: rgba(255,255,255,0.65); 54 | font-size: 13px; 55 | overflow: visible; 56 | transition: .15s ease color; 57 | } 58 | 59 | .friendsRow-2yicud:hover .friendsColumnName-1zBOKm .username { 60 | color: rgba(255,255,255,0.9); 61 | } 62 | 63 | .friendsColumnName-1zBOKm .discriminator { 64 | visibility: visible !important; 65 | position: absolute; 66 | top: 15px; 67 | left: 0; 68 | color: rgba(255, 255, 255, 0.3); 69 | opacity: 1 !important; 70 | transition: .15s ease color; 71 | } 72 | 73 | .friendsRow-2yicud:hover .friendsColumnName-1zBOKm .discriminator { 74 | color: rgba(255,255,255,0.5); 75 | } 76 | 77 | .friendsColumnName-1zBOKm { 78 | width: 100%; 79 | } 80 | 81 | .friendsRow-2yicud .avatarSmall--gkJKA { 82 | height: 44px; 83 | width: 44px; 84 | margin-left: 10px !important; 85 | margin-top: 30px !important; 86 | } 87 | 88 | .friendsRow-2yicud .inner-1W0Bkn::after { 89 | content: ''; 90 | position: absolute; 91 | top: -30px; 92 | left: -10px; 93 | height: 145px; 94 | width: 250px; 95 | z-index: -1; 96 | background: inherit; 97 | filter: blur(18px) brightness(.65); 98 | transition:500ms ease transform, 350ms ease filter; 99 | } 100 | 101 | .friendsTable-133bsv .friendsRow-2yicud:hover .friendsColumnName-1zBOKm .avatarSmall--gkJKA .inner-1W0Bkn::after { 102 | transform: scale(1.25); 103 | } 104 | 105 | .friendsColumnActions-1LT3_M { 106 | position: absolute; 107 | top: 65%; 108 | left: 10px; 109 | bottom: 0 !important; 110 | visibility: visible !important; 111 | } 112 | 113 | .friendsColumnGuilds-2we6jb { 114 | margin-top: 2px !important; 115 | margin-left: 8px !important; 116 | } 117 | 118 | .friendsTable-133bsv .iconSizeSmall-3aWgx9, 119 | .friendsColumnGuilds-2we6jb .moreMutualGuildsBtn-2VwbkO { 120 | height: 20px !important; 121 | width: 20px !important; 122 | margin: 2px !important; 123 | font-size: 9px; 124 | } 125 | 126 | .friendsTable-133bsv .friendsColumnGuilds-2we6jb a+a { 127 | margin: 0 !important; 128 | } 129 | 130 | .friendsColumnActions-1LT3_M .friendsAction-__WNE9 { 131 | height: 30px !important; 132 | width: 30px !important; 133 | background-color: #2E7E5A !important; 134 | background-size: 18px !important; 135 | opacity: .65; 136 | transition: .75s ease opacity !important; 137 | } 138 | 139 | .friendsColumnActions-1LT3_M .friendsActionRemove-qu8nnl { 140 | background-color: #902A2A !important; 141 | } 142 | 143 | .friendsAction-__WNE9:hover { 144 | opacity: 1 !important; 145 | } 146 | 147 | .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumn-eVHFqJ+.friendsColumn-eVHFqJ { 148 | margin: 0; 149 | } 150 | 151 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .status-mz5rqq, 152 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 { 153 | position: absolute; 154 | height: 18px !important; 155 | width: 100% !important; 156 | top: 0; 157 | margin-right: 0 !important; 158 | justify-content: center; 159 | opacity: .8; 160 | border-radius: 3px 3px 0 0 !important; 161 | box-shadow: 0 0 25px rgba(0,0,0,0.15); 162 | } 163 | 164 | .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .statusText-2F9zIF { 165 | position: absolute; 166 | color: rgba(255, 255, 255, 075); 167 | font-weight: 500 !important; 168 | font-size: 11px; 169 | line-height: 18px; 170 | top: 0; 171 | } 172 | 173 | .friendsTable-133bsv div[style*="height: 0"]:last-child { 174 | height:10% !important; 175 | } 176 | 177 | @keyframes friendGridFade { 178 | 0% {opacity:0;} 179 | 100% {opacity:1;} 180 | } 181 | 182 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .status-mz5rqq[aria-label="Online"] { 183 | background:#43b581; 184 | } 185 | .theme-dark .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm { 186 | z-index:100 !important; 187 | position:relative; 188 | } 189 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .status-mz5rqq[aria-label="Online"]:after { 190 | content:''; 191 | position:absolute; 192 | top:0; 193 | left:0; 194 | width:100%; 195 | height:1000%; 196 | opacity:.35; 197 | background:#43b581; 198 | z-index:-1; 199 | pointer-events:none; 200 | } 201 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .status-mz5rqq[aria-label="Idle"] { 202 | background:#faa61a; 203 | } 204 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .status-mz5rqq[aria-label="Idle"]:after { 205 | content:''; 206 | position:absolute; 207 | top:0; 208 | left:0; 209 | width:100%; 210 | height:1000%; 211 | opacity:.35; 212 | background:#faa61a; 213 | z-index:-1; 214 | pointer-events:none; 215 | } 216 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .status-mz5rqq[aria-label="Do Not Disturb"] { 217 | background:#f04747; 218 | } 219 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .status-mz5rqq[aria-label="Do Not Disturb"]:after { 220 | content:''; 221 | position:absolute; 222 | top:0; 223 | left:0; 224 | width:100%; 225 | height:1000%; 226 | opacity:.35; 227 | background:#f04747; 228 | z-index:-1; 229 | pointer-events:none; 230 | } 231 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .status-mz5rqq[aria-label="Offline"] { 232 | background:#636b75; 233 | } 234 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .status-mz5rqq[aria-label="Offline"]:after { 235 | content:''; 236 | position:absolute; 237 | top:0; 238 | left:0; 239 | width:100%; 240 | height:1000%; 241 | opacity:.35; 242 | background:#636b75; 243 | z-index:-1; 244 | pointer-events:none; 245 | } 246 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .status-mz5rqq[aria-label="Streaming"] { 247 | background:#643da7; 248 | } 249 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .status-mz5rqq[aria-label="Streaming"]:after { 250 | content:''; 251 | position:absolute; 252 | top:0; 253 | left:0; 254 | width:100%; 255 | height:1000%; 256 | opacity:.35; 257 | background:#643da7; 258 | z-index:-1; 259 | pointer-events:none; 260 | } 261 | .friendsTable-133bsv .friendsRow-2yicud .discordTag-1Hozyw .discriminator-1Ro5o1 { 262 | visibility:visible !important; 263 | position:absolute; 264 | top:40px; 265 | } 266 | 267 | .friendsTable-133bsv { 268 | padding-top:0; 269 | } 270 | 271 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .statusText-2F9zIF { 272 | overflow:visible; 273 | } 274 | 275 | .customStatusEmoji-hg2dL1 { 276 | position:absolute; 277 | top:30px; 278 | left:30%; 279 | filter:grayscale(1) brightness(5); 280 | opacity:.25; 281 | z-index:100; 282 | width:100px; 283 | height:100px; 284 | 285 | } 286 | 287 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .statusText-2F9zIF { 288 | text-align:center; 289 | width:100%; 290 | color:#fff; 291 | } 292 | 293 | .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 rect { 294 | display:none; 295 | } 296 | 297 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | BetterDiscordStuff 7 | 8 | 9 | 10 | 11 | 12 |
13 |
14 | 15 |
Discord Theme
16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 |
26 | 27 |
Discord Theme
28 |
29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 |
37 |
38 | 39 |
Discord Server
40 |
41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 |
49 |
50 | 51 |
Addon
52 |
53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 |
61 |
62 | 63 |
Discord Icon Pack
64 |
65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 |
73 |
74 | 75 |
User database for theme developers
76 |
77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 |
85 |
86 | 87 |
Informational BetterDiscord website
88 |
89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 |
97 |
98 | 99 | 100 | -------------------------------------------------------------------------------- /intrnlw/index.css: -------------------------------------------------------------------------------- 1 | .da-tooltip { 2 | border-radius:50% !important; 3 | text-align:center; 4 | background: linear-gradient(to right, orange , yellow, green, cyan, blue, violet) !important; 5 | height:90px; 6 | animation: hue-rotate 1s linear infinite, mentionpulse 1s infinite, spin 10s infinite linear !important; 7 | border:5px solid red; 8 | width:9999px !important; 9 | color:red; 10 | } 11 | .container-3gCOGc { 12 | background:radial-gradient(black, black, red, blue, red, green, blue, green, orange, red); 13 | } 14 | button { 15 | background:url('https://cdn.discordapp.com/emojis/477826738546802694.png?v=1') !important; 16 | background-size:50% !important; 17 | } 18 | .modal-1UGdnR { 19 | animation:zoom .1s linear infinite; 20 | } 21 | .title-3qD0b- { 22 | animation:shake 2s linear infinite; 23 | } 24 | .nameCollapsed-34uFWo, .nameDefault-2DI02H, .nameHovered-1gxhWH, .nameHoveredCollapsed-2orEWB, .nameMuted-1MCOt4, .nameUnread-njOjIS { 25 | color:red; 26 | animation:zoom 1s linear infinite; 27 | } 28 | .contentHoveredText-2D9B-x, 29 | .contentHoveredVoice-3p_NEO { 30 | transform:rotate(60deg); 31 | transition:2.5s all linear; 32 | } 33 | [class*=".header-"] { 34 | background:red; 35 | animation:colorPulse 1s linear infinite; 36 | } 37 | [style*="/avatars/"]:nth-child(odd) { 38 | background-image: url('https://cdn.discordapp.com/emojis/421680893548167198.png?v=1') !important; 39 | } 40 | [style*="/avatars/"]:nth-child(even) { 41 | background-image: url('https://cdn.discordapp.com/emojis/477826738546802694.png?v=1') !important; 42 | } 43 | @keyframes flash { 44 | from {filter:invert(100);} 45 | to {filter:invert(0);} 46 | } 47 | @keyframes mentionpulse { 48 | 0% { 49 | -webkit-box-shadow: 0 0 0 0 var(--main-color); 50 | } 51 | 70% { 52 | -webkit-box-shadow: 0 0 0 50px rgba(204, 169, 44, 0); 53 | } 54 | 100% { 55 | -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); 56 | } 57 | } 58 | @keyframes shake { 59 | 10%, 90% { 60 | transform: translate3d(-128px, 0, 0); 61 | } 62 | 63 | 20%, 80% { 64 | transform: translate3d(256px, 0, 0); 65 | } 66 | 67 | 30%, 50%, 70% { 68 | transform: translate3d(-256px, 0, 0); 69 | height:200px !important; 70 | } 71 | 72 | 40%, 60% { 73 | transform: translate3d(256px, 0, 0); 74 | height:20px !important; 75 | } 76 | } 77 | @keyframes spin { 78 | from {transform:rotate(0deg);} 79 | to {transform:rotate(360deg);} 80 | } 81 | @keyframes hue-rotate { 82 | from { 83 | -webkit-filter: hue-rotate(); 84 | } 85 | to { 86 | -webkit-filter: hue-rotate(360deg); 87 | } 88 | } 89 | .da-markup { 90 | animation: zoom .2s infinite; 91 | } 92 | .container-PNkimc { 93 | background:#414217 !important; 94 | animation:hue-rotate 15s linear infinite; 95 | } 96 | @keyframes zoom { 97 | 0% { 98 | -webkit-transform: scale(1, 1); 99 | } 100 | 50% { 101 | -webkit-transform: scale(1.2, 1.2); 102 | } 103 | 100% { 104 | -webkit-transform: scale(1, 1); 105 | } 106 | } 107 | [class*="avatar-"], .theme-dark .guild-1EfMGQ .guildIcon-CT-ZDq, .image-33JSyf { 108 | animation:spin 2s infinite !important; 109 | width:70px !important; 110 | height:70px !important; 111 | } 112 | .theme-dark .markup-2BOw-j code, .theme-dark .markup-2BOw-j code.inline { 113 | animation:spin 1s infinite linear; 114 | background:purple; 115 | } 116 | .theme-dark .members-1998pB { 117 | background:yellow !important; 118 | animation:colorPulse 3s linear infinite; 119 | } 120 | #app-mount { 121 | font-family:"Comic Sans MS"; 122 | font-size:50px; 123 | } 124 | .ui-switch { 125 | animation:shake 100ms infinite linear; 126 | } 127 | .ace-editor, .ace-monokai, .editor-wrapper, .contentColumnDefault-1VQkGM { 128 | background:lightgreen !important; 129 | } 130 | .sidebarRegionScroller-3MXcoP, .contentRegionScroller-26nc1e { 131 | background:purple !important; 132 | } 133 | .containerCozyBounded-1rKFAn { 134 | background:darkgreen !important; 135 | } 136 | .theme-dark .chat-3bRxxu form { 137 | background:pink; 138 | } 139 | .theme-dark #bd-settings-sidebar .ui-tab-bar-item:hover, .side-8zPYf6 .item-PXvHYJ:hover { 140 | animation:spin 5s; 141 | } 142 | body:before{content:"PREPARE THY ANUS";z-index:1000000000000000000000000;color:#fff;background:red;top:0px;left:50%;position:absolute;border-radius:5px;padding:5px 15px;-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%);-webkit-animation:version 3s ease;animation:version 3s ease;-webkit-animation-delay:4s;animation-delay:4s;} 143 | body,span:not(.spinner-item){-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;} 144 | @-webkit-keyframes version{from{-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%);} 145 | 20%{-webkit-transform:translate(-50%, 20%);transform:translate(-50%, 20%)} 146 | 80%{-webkit-transform:translate(-50%, 20%);transform:translate(-50%, 20%)} 147 | to{-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%);} 148 | } 149 | @keyframes version{from{-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%);} 150 | 20%{-webkit-transform:translate(-50%, 20%);transform:translate(-50%, 20%)} 151 | 80%{-webkit-transform:translate(-50%, 20%);transform:translate(-50%, 20%)} 152 | to{-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%);} 153 | } 154 | *::-webkit-scrollbar { 155 | width:45px !important; 156 | } 157 | 158 | @keyframes jump { 159 | 0% { 160 | transform: translateY(10); 161 | } 162 | 20% { 163 | transform: translateY(100); 164 | } 165 | 40% { 166 | transform: translateY(600px); 167 | } 168 | 50% { 169 | transform: translateY(100); 170 | } 171 | 60% { 172 | transform: translateY(15px); 173 | } 174 | 80% { 175 | transform: translateY(-69); 176 | } 177 | 100% { 178 | transform: translateY(0); 179 | } 180 | } 181 | .newMessagesBar-mujexs { 182 | height:100px; 183 | border-radius:0px; 184 | animation:colorPulse 1s infinite linear; 185 | } 186 | .header-2o-2hj {animation:spin 1s linear infinite} 187 | .titleBar-AC4pGV { 188 | height:30px !important; 189 | animation:shake 10s infinite; 190 | } 191 | .markup-2BOw-j { 192 | background:black !important; 193 | border:1px solid white !important; 194 | color:red !Important; 195 | } 196 | .theme-dark .guildsWrapper-5TJh6A { 197 | transform:rotate(180deg); 198 | background:black !important; 199 | } 200 | @-webkit-keyframes colorPulse { 201 | 0% { 202 | background-color: #1abc9c; 203 | } 204 | 10% { 205 | background-color: #2ecc71; 206 | } 207 | 20% { 208 | background-color: #3498db; 209 | } 210 | 30% { 211 | background-color: #9b59b6; 212 | } 213 | 40% { 214 | background-color: #34495e; 215 | } 216 | 50% { 217 | background-color: #f1c40f; 218 | } 219 | 60% { 220 | background-color: #e67e22; 221 | } 222 | 70% { 223 | background-color: #ecf0f1; 224 | } 225 | 80% { 226 | background-color: #95a5a6; 227 | } 228 | 90% { 229 | background-color: #f39c12; 230 | } 231 | 100% { 232 | background-color: #000000; 233 | } 234 | } 235 | .theme-dark .membersGroup-v9BXpm { 236 | transform:rotate(-10deg); 237 | } 238 | .member-3W1lQa:hover { 239 | transform: rotate(100deg); 240 | transition: 1s all; 241 | } 242 | .member-3W1lQa { 243 | transform:rotate(10deg); 244 | } 245 | .theme-dark .title-3qD0b- { 246 | transform:rotate(-1deg); 247 | background:linear-gradient(45deg, #006400, #999900) !important; 248 | } 249 | .search-bar { 250 | animation:colorPulse 1s infinite; 251 | } 252 | .privateChannels-1nO12o { 253 | background:lightblue; 254 | transform:rotate(1deg); 255 | } 256 | .theme-dark .container-2Thooq { 257 | transform:rotate(10deg) !important; 258 | } 259 | .popouts-3dRSmE { 260 | margin-top:200px !important; 261 | } 262 | .userPopout-3XzG_A { 263 | animation:spin 60s infinite; 264 | width:500px !important; 265 | margin-right:200px 266 | } 267 | *{cursor:wait;} 268 | .modal-3HD5ck { 269 | background:linear-gradient(90deg, yellow,black,red); 270 | } 271 | .modal-3HD5ck .da-footer { 272 | background:url('https://cdn.discordapp.com/emojis/421680893548167198.png?v=1') !important; 273 | background-size:70%; 274 | } 275 | -------------------------------------------------------------------------------- /intrnlw/intrnlw.theme.css: -------------------------------------------------------------------------------- 1 | //META{"name":"IntrnlW","description":"A gorgeous, beautiful, cool, dark, frosty, material, clean, minimalistic, theme that gives your discord client a truly amazing and beautiful experience to every element. Simply amazing.","author":"Tropical","version":"1.0"}*//{} 2 | @import url("https://tropix126.github.io/BetterDiscordStuff/intrnlw/index.css"); 3 | -------------------------------------------------------------------------------- /materialcons/MaterialCons.theme.css: -------------------------------------------------------------------------------- 1 | /*//META{"name":"MaterialCons","description":"Changes discord's icon scheme to google's material icons.","author":"Tropical","version":"1.0", "website":"https://bit.ly/derealised", "source":"https://github.com/tropix126/betterDiscordStuff/blob/master/materialcons/"}*//**/ 2 | @import url('https://tropix126.github.io/BetterDiscordStuff/materialcons/base.css'); 3 | /* 4 | /$$ /$$ /$$ /$$ /$$ /$$$$$$ 5 | | $$$ /$$$ | $$ |__/ | $$ /$$__ $$ 6 | | $$$$ /$$$$ /$$$$$$ /$$$$$$ /$$$$$$ /$$$$$$ /$$ /$$$$$$ | $$| $$ \__/ /$$$$$$ /$$$$$$$ /$$$$$$$ 7 | | $$ $$/$$ $$ |____ $$|_ $$_/ /$$__ $$ /$$__ $$| $$ |____ $$| $$| $$ /$$__ $$| $$__ $$ /$$_____/ 8 | | $$ $$$| $$ /$$$$$$$ | $$ | $$$$$$$$| $$ \__/| $$ /$$$$$$$| $$| $$ | $$ \ $$| $$ \ $$| $$$$$$ 9 | | $$\ $ | $$ /$$__ $$ | $$ /$$| $$_____/| $$ | $$ /$$__ $$| $$| $$ $$| $$ | $$| $$ | $$ \____ $$ 10 | | $$ \/ | $$| $$$$$$$ | $$$$/| $$$$$$$| $$ | $$| $$$$$$$| $$| $$$$$$/| $$$$$$/| $$ | $$ /$$$$$$$/ 11 | |__/ |__/ \_______/ \___/ \_______/|__/ |__/ \_______/|__/ \______/ \______/ |__/ |__/|_______/ 12 | */ 13 | -------------------------------------------------------------------------------- /midnight/Midnight.theme.css: -------------------------------------------------------------------------------- 1 | /** 2 | * @name Midnight UI 3 | * @author Tropical#8908 4 | * @version Auto 5 | * @description A dark, flat and modern user interface for DiscordApp. 6 | * @source https://github.com/tropix126/betterDiscordStuff/blob/master/midnight/css/base.css 7 | * @website https://tropix126.github.io/BetterDiscordStuff/midnight/ 8 | * @invite TeRQEPb 9 | * @authorId 254362351170617345 10 | */ 11 | 12 | /* 13 | /$$ /$$ /$$ /$$ /$$ /$$ /$$ 14 | | $$$ /$$$|__/ | $$ |__/ | $$ | $$ 15 | | $$$$ /$$$$ /$$ /$$$$$$$ /$$$$$$$ /$$ /$$$$$$ | $$$$$$$ /$$$$$$ 16 | | $$ $$/$$ $$| $$ /$$__ $$| $$__ $$| $$ /$$__ $$| $$__ $$|_ $$_/ 17 | | $$ $$$| $$| $$| $$ | $$| $$ \ $$| $$| $$ \ $$| $$ \ $$ | $$ 18 | | $$\ $ | $$| $$| $$ | $$| $$ | $$| $$| $$ | $$| $$ | $$ | $$ /$$ 19 | | $$ \/ | $$| $$| $$$$$$$| $$ | $$| $$| $$$$$$$| $$ | $$ | $$$$/ 20 | |__/ |__/|__/ \_______/|__/ |__/|__/ \____ $$|__/ |__/ \___/ 21 | /$$ \ $$ 22 | | $$$$$$/ 23 | \______/ 24 | Registered: Black Box Theme 25 | 26 | /Import Base CSS File*/ 27 | 28 | @import url('https://tropix126.github.io/BetterDiscordStuff/midnight/css/base.css'); 29 | 30 | /*Root*/ 31 | 32 | :root { 33 | /*Primary Variables*/ 34 | --lv1: #00000f; 35 | --accent: #1973d3; 36 | --hover: #135193; 37 | --bg: url('https://i.imgur.com/GdnbuVj.jpg'); 38 | --bg-opacity: 0.25; 39 | --bg-fade: 80%; 40 | --font: 'Inter', sans-serif; 41 | --letter-spacing: -.02rem; 42 | font-size: 14px !important; 43 | 44 | /*Status Variables*/ 45 | --success: #11d85d; 46 | --caution: #ffd104; 47 | --danger: #e20b0b; 48 | --unavailable: #636b75; 49 | --invisible: #747f8d; 50 | --information: #4a90e2; 51 | --twitch-purple: #9146FF; 52 | --spotify-green: #1DB954; 53 | --xbox-green: #0e7a0d; 54 | --netflix-red: #e50914; 55 | 56 | /*Roundness Variables*/ 57 | --user-roundness: 0px; 58 | --guilds-roundness: 0px; 59 | 60 | /*SourceCheck*/ 61 | --sourcecheck-unsafe-embed-bg-dark: var(--lv1); 62 | --sourcecheck-unsafe-shadow-tint-dark: var(--lv1); 63 | } -------------------------------------------------------------------------------- /midnight/README.md: -------------------------------------------------------------------------------- 1 |

Midnight UI

2 |

A clean, dark, and modern user interface for DiscordApp.

3 | 4 | ![](https://i.imgur.com/CLQoAtb.png) 5 | 6 | --- 7 | -------------------------------------------------------------------------------- /midnight/css/customUserPopouts.css: -------------------------------------------------------------------------------- 1 | @import url(https://discord-custom-covers.github.io/usrbg/bd/snippets/userPopouts.css); 2 | -------------------------------------------------------------------------------- /midnight/css/fonts.css: -------------------------------------------------------------------------------- 1 | @import url(https://fonts.googleapis.com/icon?family=Material+Icons); 2 | @font-face { 3 | font-family: 'Segoe UI Emoji'; 4 | src: local('Segoe UI Emoji'), local('SegoeUIEmoji'), 5 | url('https://intrnl.github.io/fluentdiscord/src/assets/fonts/SegoeUIEmoji.woff2') format('woff2'), 6 | url('https://cdn.staticaly.com/gh/intrnl/fluentdiscord/master/assets/fonts/SegoeUIEmoji.woff2') format('woff2'); 7 | font-weight: normal; 8 | font-style: normal; 9 | } 10 | 11 | @font-face { 12 | font-family: 'Segoe UI Symbol'; 13 | src: local('Segoe UI Symbol'), local('SegoeUISymbol'), 14 | url('https://intrnl.github.io/fluentdiscord/src/assets/fonts/SegoeUISymbol.woff2') format('woff2'), 15 | url('https://cdn.staticaly.com/gh/intrnl/fluentdiscord/master/assets/fonts/SegoeUISymbol.woff2') format('woff2'); 16 | font-weight: normal; 17 | font-style: normal; 18 | } 19 | 20 | @font-face { 21 | font-family: 'Segoe MDL2 Assets'; 22 | src: local('Segoe MDL2 Assets'), local('SegoeMDL2Assets'), 23 | url('https://intrnl.github.io/fluentdiscord/src/assets/fonts/SegoeMDL2Assets.woff2') format('woff2'), 24 | url('https://cdn.staticaly.com/gh/intrnl/fluentdiscord/master/assets/fonts/SegoeMDL2Assets.woff2') format('woff2'); 25 | font-weight: normal; 26 | font-style: normal; 27 | } 28 | 29 | 30 | @font-face { 31 | font-family: 'Segoe UI'; 32 | src: local('Segoe UI'), local('SegoeUI'), 33 | url('https://intrnl.github.io/fluentdiscord/src/assets/fonts/SegoeUI.woff2') format('woff2'), 34 | url('https://cdn.staticaly.com/gh/intrnl/fluentdiscord/master/assets/fonts/SegoeUI.woff2') format('woff2'); 35 | font-weight: normal; 36 | font-style: normal; 37 | } 38 | 39 | @font-face { 40 | font-family: 'Segoe UI'; 41 | src: local('Segoe UI Italic'), local('SegoeUI-Italic'), 42 | url('https://intrnl.github.io/fluentdiscord/src/assets/fonts/SegoeUI-Italic.woff2') format('woff2'), 43 | url('https://cdn.staticaly.com/gh/intrnl/fluentdiscord/master/assets/fonts/SegoeUI-Italic.woff2') format('woff2'); 44 | font-weight: normal; 45 | font-style: italic; 46 | } 47 | 48 | @font-face { 49 | font-family: 'Segoe UI'; 50 | src: local('Segoe UI Bold Italic'), local('SegoeUI-BoldItalic'), 51 | url('https://intrnl.github.io/fluentdiscord/src/assets/fonts/SegoeUI-BoldItalic.woff2') format('woff2'), 52 | url('https://cdn.staticaly.com/gh/intrnl/fluentdiscord/master/assets/fonts/SegoeUI-BoldItalic.woff2') format('woff2'); 53 | font-weight: bold; 54 | font-style: italic; 55 | } 56 | 57 | @font-face { 58 | font-family: 'Segoe UI'; 59 | src: local('Segoe UI Bold'), local('SegoeUI-Bold'), 60 | url('https://intrnl.github.io/fluentdiscord/src/assets/fonts/SegoeUI-Bold.woff2') format('woff2'), 61 | url('https://cdn.staticaly.com/gh/intrnl/fluentdiscord/master/assets/fonts/SegoeUI-Bold.woff2') format('woff2'); 62 | font-weight: bold; 63 | font-style: normal; 64 | } 65 | 66 | @font-face { 67 | font-family: 'Segoe UI'; 68 | src: local('Segoe UI Semibold'), local('SegoeUI-Semibold'), 69 | url('https://intrnl.github.io/fluentdiscord/src/assets/fonts/SegoeUI-Semibold.woff2') format('woff2'), 70 | url('https://cdn.staticaly.com/gh/intrnl/fluentdiscord/master/assets/fonts/SegoeUI-Semibold.woff2') format('woff2'); 71 | font-weight: 600; 72 | font-style: normal; 73 | } 74 | 75 | @font-face { 76 | font-family: 'Segoe UI'; 77 | src: local('Segoe UI Semibold Italic'), local('SegoeUI-SemiboldItalic'), 78 | url('https://intrnl.github.io/fluentdiscord/src/assets/fonts/SegoeUI-SemiboldItalic.woff2') format('woff2'), 79 | url('https://cdn.staticaly.com/gh/intrnl/fluentdiscord/master/assets/fonts/SegoeUI-SemiboldItalic.woff2') format('woff2'); 80 | font-weight: 600; 81 | font-style: italic; 82 | } 83 | 84 | @font-face { 85 | font-family: 'Segoe UI'; 86 | src: local('Segoe UI Light'), local('SegoeUI-Light'), 87 | url('https://intrnl.github.io/fluentdiscord/src/assets/fonts/SegoeUI-Light.woff2') format('woff2'), 88 | url('https://cdn.staticaly.com/gh/intrnl/fluentdiscord/master/assets/fonts/SegoeUI-Light.woff2') format('woff2'); 89 | font-weight: 300; 90 | font-style: normal; 91 | } 92 | 93 | @font-face { 94 | font-family: 'Segoe UI'; 95 | src: local('Segoe UI Light Italic'), local('SegoeUI-LightItalic'), 96 | url('https://intrnl.github.io/fluentdiscord/src/assets/fonts/SegoeUI-LightItalic.woff2') format('woff2'), 97 | url('https://cdn.staticaly.com/gh/intrnl/fluentdiscord/master/assets/fonts/SegoeUI-LightItalic.woff2') format('woff2'); 98 | font-weight: 300; 99 | font-style: italic; 100 | } 101 | -------------------------------------------------------------------------------- /midnight/css/status.css: -------------------------------------------------------------------------------- 1 | /*By gibbu modified by tropical because it wont fucking import right*/ 2 | #app-mount .wrapper-3t9DeA * { 3 | overflow: visible; 4 | mask: none; 5 | } 6 | 7 | #app-mount .wrapper-3t9DeA .dots-3Bkt3k { 8 | position: relative; 9 | z-index: 2; 10 | } 11 | 12 | #app-mount .wrapper-3t9DeA .dots-3Bkt3k [cx="2.5"] { 13 | cy: -8; 14 | cx: -8.5; 15 | } 16 | 17 | #app-mount .wrapper-3t9DeA .dots-3Bkt3k [cx="8.75"] { 18 | cy: -8; 19 | cx: -2.25; 20 | } 21 | 22 | #app-mount .wrapper-3t9DeA .dots-3Bkt3k [cx="15"] { 23 | cy: -8; 24 | cx: 4; 25 | } 26 | 27 | #app-mount .wrapper-3t9DeA .mask-1l8v16>rect[x="22"] { 28 | x: 0; 29 | y: 0; 30 | } 31 | 32 | #app-mount .wrapper-3t9DeA .cursorDefault-dsQJ1n rect { 33 | x: -49; 34 | y: -53; 35 | } 36 | 37 | #app-mount .wrapper-3t9DeA .pointerEvents-2zdfdO[x="14.5"] { 38 | fill: rgba(0, 0, 0, 0.5); 39 | width: 30px; 40 | height: 30px; 41 | x: 1; 42 | y: 1; 43 | } 44 | 45 | #app-mount .wrapper-3t9DeA[style*="width: 80px;"] { 46 | position: relative; 47 | margin-right: 0 !important; 48 | } 49 | 50 | #app-mount .wrapper-3t9DeA[style*="width: 80px;"] rect { 51 | width: 80px; 52 | height: 80px; 53 | } 54 | 55 | #app-mount .wrapper-3t9DeA[style*="width: 32px;"] rect { 56 | width: 32px; 57 | height: 32px; 58 | overflow: visible; 59 | x: -14.5; 60 | y: -17; 61 | } 62 | 63 | #app-mount .wrapper-3t9DeA rect { 64 | x: 0; 65 | y: 0; 66 | width: 100%; 67 | height: 100%; 68 | rx:var(--user-roundness); 69 | ry: var(--user-roundness); 70 | fill: transparent; 71 | stroke-width: 2px; 72 | } 73 | 74 | #app-mount .wrapper-3t9DeA rect[fill="#43b581"], 75 | #app-mount .wrapper-3t9DeA rect[fill="rgba(67, 181, 129, 1)"], 76 | #app-mount .wrapper-3t9DeA rect[mask*="online"] { 77 | stroke: var(--online); 78 | } 79 | 80 | #app-mount .wrapper-3t9DeA rect[fill="#faa61a"], 81 | #app-mount .wrapper-3t9DeA rect[fill="rgba(250, 166, 26, 1)"], 82 | #app-mount .wrapper-3t9DeA rect[mask*="idle"] { 83 | stroke: var(--idle); 84 | } 85 | 86 | #app-mount .wrapper-3t9DeA rect[fill="#f04747"], 87 | #app-mount .wrapper-3t9DeA rect[fill="rgba(240, 71, 71, 1)"], 88 | #app-mount .wrapper-3t9DeA rect[mask*="dnd"] { 89 | stroke: var(--dnd); 90 | } 91 | 92 | #app-mount .wrapper-3t9DeA rect[fill="#593695"], 93 | #app-mount .wrapper-3t9DeA rect[mask*="streaming"] { 94 | stroke: var(--streaming); 95 | } 96 | 97 | #app-mount .wrapper-3t9DeA rect[fill="#747f8d"], 98 | #app-mount .wrapper-3t9DeA rect[mask*="offline"] { 99 | stroke: var(--offline); 100 | } 101 | 102 | #app-mount .wrapper-3t9DeA rect[mask*="invisible"], 103 | #app-mount .wrapper-3t9DeA rect[fill="rgba(116, 127, 141, 1)"] { 104 | stroke: var(--invisible); 105 | } 106 | 107 | #app-mount .wrapper-3t9DeA rect[x="16"] { 108 | width: 24px; 109 | height: 24px; 110 | } 111 | 112 | #app-mount .wrapper-3t9DeA rect[x="28"] { 113 | width: 40px; 114 | height: 40px; 115 | overflow: visible; 116 | } 117 | 118 | #app-mount .avatarHint-1qgaV3 foreignObject { 119 | mask: none; 120 | } 121 | 122 | #app-mount .avatarHint-1qgaV3 .avatarHintInner-Dco91E { 123 | border-radius: var(--user-roundness) !important; 124 | } 125 | 126 | #app-mount .header-QKLPzZ .wrapper-3t9DeA { 127 | margin-right: 20px !important; 128 | } 129 | -------------------------------------------------------------------------------- /midnight/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Midnight Theme 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 |
26 |
Midnight UI
27 |
28 |
A clean, dark, and modern user interface for DiscordApp.
29 |
30 |
31 | 32 | 33 | 34 | 35 | 36 | 37 |
38 |
39 | 40 |
41 |
42 |
43 |
44 | 45 |
46 |
47 |
Contributors
48 |
49 |
50 | 69 |
70 |
71 | 72 | 73 | -------------------------------------------------------------------------------- /midnight/license.md: -------------------------------------------------------------------------------- 1 | 2 |

Copyright and License

3 |

Terms Used

4 | 5 | - Tropical ("Author", "Coder", "Creator", "Tropical", "Tropix", "Theme Developer", "Developer", "Programmer", "Me", "My") 6 | - Content ("Themes", "product", "items", "codes", "assets") 7 | - User ("You", "User", "they", "them", "their") 8 | --- 9 |

Introduction

10 |

The author, Tropical reserve the right to all content found in this repository. The content is intellectual property and will remain as such indefinitely. If any one person decides to use, in whole or in part, the code, they agree to be bound by the rules stated herein by the author.

11 | 12 | --- 13 | ### Contact: 14 | + Discord: Tropical#4104 (254362351170617345) 15 | --- 16 | ### Allowed 17 | #### Users are permitted... 18 | - ... to edit the given variables in each theme inside this repository. 19 | - ... to add additional code into any theme as long as they do not redistribute. 20 | - ... to study the code and how the code is built for educational purposes. 21 | - ... to reverse engineer the code in any way they want as long as they do not distribute the fragmented code. 22 | - ... to take snippets of the code to use as long as they give due credit. 23 | - ... to edit the contents of the *.css files **as long as they do not redistribute this version**. 24 | --- 25 | ### Disallowed 26 | #### Users are forbidden... 27 | - ... from redistributing the code, edited or otherwise, in any platform that Tropical and Spectra do not allow. (Contact to discuss exceptions.) 28 | - ... from distributing a lightly edited version of the base code without credit or prior permission from the developer. 29 | - ... from copying large amounts of code from the source and using it without discussing it with me beforehand. 30 | --- 31 |

The author reserves the right to request take down of any content that is found to be in violation of these terms. 32 |

33 | 34 | ### Approved hosting locations 35 | - [Spectra's Github Pages](https://codedotspectra.github.io/) 36 | - [Spectra's Theme Generator](https://codedotspectra.github.io/bdthemegenerator/) 37 | - [Black Box](https://bit.ly/blackboxserver) 38 | - [My Github](https://github.com/tropix126) 39 | - [Spectra's Github](https://github.com/codedotspectra) 40 | - [BetterDiscord Server 1 (#official theme list)](https://discord.gg/0Tmfo5ZbORCRqbAd) 41 | - [BetterDiscord Server 2 (#official theme list)](https://discord.gg/2HScm8j) 42 | - [BetterDiscordLibrary](https://betterdiscordlibrary.com) 43 | ### NO OTHER WEBSITE MAY USE THESE WITHOUT EXPLICIT PERMISSION FROM THE THEME DEVELOPER 44 | #### If you wish to host this theme on your webpage, please contact me via Discord. 45 | --- 46 | **These terms apply to all files in the /midnight/ directory excluding customUserPopouts.css, which theme developers are free to include in their themes.** 47 | --- 48 | Copyright © 2019 - Tropical 49 | -------------------------------------------------------------------------------- /midnight/midnight-website/css/styles.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/icon?family=Material+Icons'); 2 | @import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap'); 3 | @import url('https://tropix126.github.io/BetterDiscordStuff/midnight/css/customUserPopouts.css'); 4 | 5 | /*Root*/ 6 | :root { 7 | /*Primary Variables*/ 8 | --lv1:#00000f; 9 | --accent:#1973d3; 10 | --hover:#135193; 11 | --bg:url('https://i.imgur.com/GdnbuVj.jpg'); 12 | --lvl-bg-opacity:0.25; 13 | --lvl-bg-fade:80%; 14 | 15 | /*Status Variables*/ 16 | --online: #43b581; 17 | --idle: #faa61a; 18 | --dnd: #f04747; 19 | --offline: #636b75; 20 | --invisible: #747f8d; 21 | --streaming: #643da7; 22 | 23 | /*Other Variables*/ 24 | --BetterDocsBlockerBlack1:var(--lv1); 25 | } 26 | body { 27 | outline:none; 28 | } 29 | div, h1, p, button, a, canvas { 30 | font-family:'Roboto', sans-serif; 31 | text-rendering: optimizeLegibility; 32 | } 33 | a, button { 34 | text-decoration:none; 35 | outline:none; 36 | } 37 | html { 38 | scroll-behavior: smooth; 39 | } 40 | body { 41 | background:var(--lv1); 42 | overflow-x:hidden; 43 | margin:0; 44 | } 45 | #image-bg { 46 | position:absolute; 47 | opacity: .4; 48 | background-image: var(--bg); 49 | background-size: cover; 50 | background-position: center; 51 | background-repeat: no-repeat; 52 | -webkit-mask-image: radial-gradient(black, transparent 80%); 53 | width:100%; 54 | height:100%; 55 | top:0; 56 | left:0; 57 | z-index:-1; 58 | pointer-events:none; 59 | } 60 | ::selection { 61 | background-color:rgba(255,255,255,0.15); 62 | } 63 | .title { 64 | color:#fff; 65 | font-size:50px; 66 | text-align:center; 67 | font-weight:200; 68 | margin-top:8%; 69 | text-shadow:0 0 12px; 70 | animation:main 1s ease; 71 | } 72 | .description { 73 | color:#fff; 74 | font-size:18px; 75 | text-align:center; 76 | max-width:450px; 77 | font-weight:300; 78 | animation:main 750ms ease; 79 | } 80 | #center { 81 | display:flex; 82 | justify-content:center; 83 | height:fit-content; 84 | position:relative; 85 | } 86 | #preview { 87 | background-color: var(--lv1); 88 | width: 70%; 89 | height: 100%; 90 | box-shadow:0 0 120px 2px var(--lv1); 91 | animation:main-bottom 1s ease; 92 | border:none; 93 | display:flex; 94 | align-items:center; 95 | justify-content:center; 96 | z-index:1; 97 | } 98 | 99 | body #center.preview-container { 100 | margin-top:50px; 101 | height:35vw; 102 | align-items:center; 103 | z-index:1; 104 | } 105 | @keyframes fade { 106 | 0% { 107 | opacity:0; 108 | } 109 | 100% { 110 | opacity:1; 111 | } 112 | } 113 | 114 | @keyframes main { 115 | from { 116 | opacity:0; 117 | transform:translateY(-50px); 118 | } 119 | to { 120 | opacity:1; 121 | } 122 | } 123 | 124 | @keyframes main-bottom { 125 | from { 126 | opacity:0; 127 | transform:translateY(100px); 128 | } 129 | to { 130 | opacity:1; 131 | } 132 | } 133 | 134 | #tilted-section { 135 | background:var(--lv1); 136 | box-shadow:0 0 25px 2px rgba(255,255,255,0.075), inset 0 0 1000px 1000px rgba(255,255,255,0.075); 137 | width:100%; 138 | height:100%; 139 | position:absolute; 140 | top:0; 141 | left:0; 142 | } 143 | 144 | #rotate-container { 145 | transform:rotate(-5deg); 146 | position:absolute; 147 | z-index:-1; 148 | animation:main-bottom 2s ease; 149 | width:150%; 150 | top:80%; 151 | height:50%; 152 | left:-20%; 153 | } 154 | 155 | #particles-js{ 156 | position:absolute; 157 | width: 100%; 158 | height: 100%; 159 | z-index:-2; 160 | } 161 | 162 | canvas { 163 | display: block; 164 | vertical-align: bottom; 165 | } 166 | 167 | .button-link { 168 | min-width: 64px; 169 | height: 34px; 170 | margin:0 5px; 171 | margin-top:10px; 172 | } 173 | 174 | .primary-button { 175 | background-color:var(--accent); 176 | color:#fff; 177 | text-transform:uppercase; 178 | font-size: .725rem; 179 | font-weight: 600; 180 | letter-spacing: .0892857143em; 181 | border:none; 182 | min-width: 64px; 183 | height: 34px; 184 | padding: 0 16px 0 16px; 185 | overflow:hidden; 186 | border-radius:2px; 187 | box-shadow:0 0 100px var(--accent); 188 | transition:250ms ease all; 189 | cursor:pointer; 190 | display:flex; 191 | align-items:center; 192 | position:relative; 193 | } 194 | 195 | .download-button { 196 | opacity:0; 197 | animation:fade 350ms ease forwards; 198 | animation-delay:.75s; 199 | } 200 | 201 | .source-button { 202 | opacity:0; 203 | animation:fade 350ms ease forwards; 204 | animation-delay:.95s; 205 | } 206 | 207 | .primary-button:hover { 208 | box-shadow:0 0 100px var(--hover); 209 | background:var(--hover); 210 | } 211 | 212 | .material-icons { 213 | font-size:20px; 214 | margin-right:4px; 215 | } 216 | 217 | ::-webkit-scrollbar { 218 | width:10px; 219 | border-radius:50%; 220 | } 221 | body::-webkit-scrollbar-thumb { 222 | background:rgba(255,255,255,0.1); 223 | border-radius:50px; 224 | border:3px solid var(--lv1); 225 | background-clip:padding-box; 226 | } 227 | body::-webkit-scrollbar-thumb:hover { 228 | background:rgba(255,255,255,0.15 ); 229 | } 230 | body::-webkit-scrollbar-thumb:active { 231 | background:rgba(255,255,255,0.25); 232 | } 233 | 234 | body::-webkit-scrollbar-track { 235 | background:transparent; 236 | } 237 | 238 | #particles { 239 | width: 100%; 240 | height: 100%; 241 | left:0; 242 | top:0; 243 | background:red; 244 | z-index:-2; 245 | position:absolute; 246 | overflow: hidden; 247 | } 248 | 249 | #card-container { 250 | margin-top:50px; 251 | display:flex; 252 | align-items:center; 253 | justify-content:center; 254 | flex-wrap:wrap; 255 | width:fit-content; 256 | } 257 | 258 | .card { 259 | width:200px; 260 | height:fit-content; 261 | padding:20px; 262 | border-top:2px solid var(--hover); 263 | background:var(--lv1); 264 | box-shadow:inset 0 0 0 100vmax rgba(255,255,255,0.07), 0 0 12px var(--lv1); 265 | margin:12px; 266 | transition:250ms ease; 267 | position:relative; 268 | } 269 | .card:hover { 270 | transform:translateY(-10px) scale(1.02); 271 | } 272 | .card.developer { 273 | background:var(--accent); 274 | box-shadow:0 0 12px var(--accent); 275 | border-color:#fff; 276 | } 277 | .card.developer img { 278 | box-shadow: 0 2px 5px rgba(0,0,0,0.5); 279 | } 280 | .card .name { 281 | color:#fff; 282 | font-size:18px; 283 | } 284 | 285 | .card .dev-desc { 286 | color:rgba(255,255,255,0.5); 287 | font-size:14px; 288 | } 289 | 290 | .card .avatar { 291 | width:200px; 292 | height:auto; 293 | margin-bottom:10px; 294 | } 295 | 296 | #bottom-section { 297 | position:absolute; 298 | top:75%; 299 | width:100%; 300 | height:auto; 301 | } 302 | -------------------------------------------------------------------------------- /midnight/midnight-website/img/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tropix126/BetterDiscordStuff/dccdfe4a826c69c78f721920e061b66740cfe9ba/midnight/midnight-website/img/android-chrome-192x192.png -------------------------------------------------------------------------------- /midnight/midnight-website/img/android-chrome-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tropix126/BetterDiscordStuff/dccdfe4a826c69c78f721920e061b66740cfe9ba/midnight/midnight-website/img/android-chrome-512x512.png -------------------------------------------------------------------------------- /midnight/midnight-website/img/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tropix126/BetterDiscordStuff/dccdfe4a826c69c78f721920e061b66740cfe9ba/midnight/midnight-website/img/apple-touch-icon.png -------------------------------------------------------------------------------- /midnight/midnight-website/img/browserconfig.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | #da532c 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /midnight/midnight-website/img/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tropix126/BetterDiscordStuff/dccdfe4a826c69c78f721920e061b66740cfe9ba/midnight/midnight-website/img/favicon-16x16.png -------------------------------------------------------------------------------- /midnight/midnight-website/img/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tropix126/BetterDiscordStuff/dccdfe4a826c69c78f721920e061b66740cfe9ba/midnight/midnight-website/img/favicon-32x32.png -------------------------------------------------------------------------------- /midnight/midnight-website/img/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tropix126/BetterDiscordStuff/dccdfe4a826c69c78f721920e061b66740cfe9ba/midnight/midnight-website/img/favicon.ico -------------------------------------------------------------------------------- /midnight/midnight-website/img/mstile-150x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tropix126/BetterDiscordStuff/dccdfe4a826c69c78f721920e061b66740cfe9ba/midnight/midnight-website/img/mstile-150x150.png -------------------------------------------------------------------------------- /midnight/midnight-website/img/site.webmanifest: -------------------------------------------------------------------------------- 1 | { 2 | "name": "", 3 | "short_name": "", 4 | "icons": [ 5 | { 6 | "src": "/android-chrome-192x192.png", 7 | "sizes": "192x192", 8 | "type": "image/png" 9 | }, 10 | { 11 | "src": "/android-chrome-512x512.png", 12 | "sizes": "512x512", 13 | "type": "image/png" 14 | } 15 | ], 16 | "theme_color": "#ffffff", 17 | "background_color": "#ffffff", 18 | "display": "standalone" 19 | } 20 | -------------------------------------------------------------------------------- /midnight/midnight-website/js/scripts.js: -------------------------------------------------------------------------------- 1 | var rellax = new Rellax('.rellax'); 2 | 3 | //fade out on scroll -gibbu 4 | $(document).ready(function() { 5 | $(window).scroll(function() { 6 | $('.top.title, .description, .button-container').css("opacity", 1 - $(window).scrollTop() / 175) 7 | }); 8 | }); 9 | 10 | /* ---- particles.js config ---- */ 11 | particlesJS("particles-js", { 12 | "particles": { 13 | "number": { 14 | "value": 25, 15 | "density": { 16 | "enable": true, 17 | "value_area": 800 18 | } 19 | }, 20 | "color": { 21 | "value": "#ffffff" 22 | }, 23 | "shape": { 24 | "type": "circle", 25 | "stroke": { 26 | "width": 0, 27 | "color": "#000000" 28 | }, 29 | "polygon": { 30 | "nb_sides": 5 31 | }, 32 | "image": { 33 | "src": "img/github.svg", 34 | "width": 100, 35 | "height": 100 36 | } 37 | }, 38 | "opacity": { 39 | "value": 0.25, 40 | "random": true, 41 | "anim": { 42 | "enable": false, 43 | "speed": 1, 44 | "opacity_min": 0.25, 45 | "sync": false 46 | } 47 | }, 48 | "size": { 49 | "value": 2, 50 | "random": false, 51 | "anim": { 52 | "enable": false, 53 | "speed": 40, 54 | "size_min": 0.1, 55 | "sync": false 56 | } 57 | }, 58 | "line_linked": { 59 | "enable": true, 60 | "distance": 150, 61 | "color": "#ffffff", 62 | "opacity": 0.4, 63 | "width": 1 64 | }, 65 | "move": { 66 | "enable": true, 67 | "speed": 4, 68 | "direction": "none", 69 | "random": false, 70 | "straight": false, 71 | "out_mode": "out", 72 | "bounce": false, 73 | "attract": { 74 | "enable": false, 75 | "rotateX": 600, 76 | "rotateY": 1200 77 | } 78 | } 79 | }, 80 | "interactivity": { 81 | "detect_on": "body", 82 | "events": { 83 | "onhover": { 84 | "enable": true, 85 | "mode": "grab" 86 | }, 87 | "onclick": { 88 | "enable": false, 89 | "mode": "push" 90 | }, 91 | "resize": false 92 | }, 93 | "modes": { 94 | "grab": { 95 | "distance": 250, 96 | "line_linked": { 97 | "opacity": 1 98 | } 99 | }, 100 | "bubble": { 101 | "distance": 400, 102 | "size": 40, 103 | "duration": 2, 104 | "opacity": 8, 105 | "speed": 3 106 | }, 107 | "repulse": { 108 | "distance": 200, 109 | "duration": 0.4 110 | }, 111 | "push": { 112 | "particles_nb": 4 113 | }, 114 | "remove": { 115 | "particles_nb": 2 116 | } 117 | } 118 | }, 119 | "retina_detect": true 120 | }); 121 | -------------------------------------------------------------------------------- /midnight/midnight.zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tropix126/BetterDiscordStuff/dccdfe4a826c69c78f721920e061b66740cfe9ba/midnight/midnight.zip -------------------------------------------------------------------------------- /rebornaddons/collapsedDropdownMenu.css: -------------------------------------------------------------------------------- 1 | /*Collapsed Dropdown Menu*/ 2 | .popoutBottom-1YbShG[style*="overflow: hidden; visibility: visible;"] {text-align: center !important;} 3 | .item-1GzJrl {display: inline-block !important; padding: 7px 9px !important;} 4 | .separator-2zcjq8,.label-1Y-LW5 {display: none;} 5 | .icon-2doZ3q {margin:auto !important;} 6 | .popoutBottom-1YbShG .menu-Sp6bN1 * {margin-right:2px;} 7 | .popoutBottom-1YbShG[style*="overflow: hidden; visibility: visible;"] {text-align: center !important;} 8 | .popoutBottom-1YbShG {margin-top:15px !important; border-top:3px solid var(--main-color); border-radius:5px !important; height:auto !important;} 9 | -------------------------------------------------------------------------------- /rebornaddons/customReactions.css: -------------------------------------------------------------------------------- 1 | /*Large reactions for Monster Reborn*/ 2 | .reaction-1ELvT8 {background: none;position: relative;} 3 | .reaction-1ELvT8 .emoji {transform:scale(.8) !important;} 4 | .contentCozy-3XX413 .reaction,.contentCozy-3XX413p .reaction-1ELvT8 .emoji {border-radius: 30%;border: none;padding: 4px;width: 24px;height: 24px;margin-bottom: 20px!important;} 5 | .reaction-1ELvT8 .emoji {margin: 0!important;background: none;opacity: 1 !important;} 6 | .reactionInner-rRPZdY {padding:0px;} 7 | .reaction-1ELvT8.reactionMe-23mbRf {background: var(--mc) !important;border-radius: 10px;opacity: 1 !important;} 8 | .reaction-1ELvT8 { border-radius: 10px;background-color: var(--hc);opacity: 0.7 !important;} 9 | .reaction-1ELvT8 .emoji {width: 32px;height: 32px;padding: 0;margin-right: 4px;transform: none!important;border-radius: 10px;opacity: 1 !important; } 10 | .theme-dark .reaction-1ELvT8.reactionMe-23mbRf .reactionCount-2ddRoS {color: white;font-weight: 500;} 11 | .reaction-1ELvT8 .reactionCount-2ddRoS {position: absolute !important;margin-top: 22px !important;color: #fff;opacity: 0.5;left: 0;right: 0;font-size: 11px;letter-spacing: 0;margin: 0 auto;z-index: 5;text-align: center;display: block;min-width: 32px!important;} 12 | .reaction-1ELvT8.reactionMe-23mbRf .reactionCount-2ddRoS {opacity: 1;} 13 | .reactions-1xb2Ex .reactionBtn-2na4rd {visibility: visible;opacity: 0.8!important;margin-top: -16px;} 14 | .reaction-1ELvT8::before,.contentCozy-3XX413p .reaction-1ELvT8n::after{content: "";display: block;position: absolute;border-radius: 30%;opacity: 0;} 15 | .reactionMe-23mbRf::after {opacity: 1;} 16 | .reactionMe-23mbRf::after {top: 1px;left: 1px;width: 32px;height: 32px;-webkit-box-shadow: 0 0 0 2px var(--mc);} 17 | .theme-dark .reaction-1ELvT8 {background: var(--quaternary-color);} 18 | .theme-dark .reaction-1ELvT8.reactionMe-23mbRf .reactionCount-2ddRoS {color:var(--main-color);} 19 | -------------------------------------------------------------------------------- /rebornaddons/oldTitlebar.css: -------------------------------------------------------------------------------- 1 | /*Old Titlebar*/ 2 | .divider-2PMBlV {display: block !important;} 3 | .typeWindows-1za-n7 { height: 21px; margin-top: 4px; } 4 | .titleBar-AC4pGV div { transform: scale(1) !important; } 5 | .winButton-iRh8-Z { height: 9px; opacity: 0.6; top: 4px; width: 28px; right: 0px;} 6 | .titleBar-AC4pGV rect, .winButton-iRh8-Z svg { display: block !important; } 7 | .titleBar-AC4pGV .winButtonClose-1HsbF-, 8 | .titleBar-AC4pGV .winButton-iRh8-Z:nth-child(3), 9 | .titleBar-AC4pGV .winButton-iRh8-Z:nth-child(4) { background-image: none !important;} 10 | .title-3qD0b-, .titleCall-_b9o8P {height: 46px;} 11 | .winButton-iRh8-Z:hover:nth-of-type(2) {background:#f04747 !important;} 12 | .theme-dark .title-3qD0b- {margin-top:1px;} 13 | .typeWindows-1za-n7 { 14 | background-color : rgb(22,22,24) !important; 15 | margin-bottom:-7px; 16 | border-top:5px solid rgb(38,38,42); 17 | } 18 | .titleBar-AC4pGV:before { 19 | content: var(--theme-name) " " var(--theme-version); 20 | color:rgb(160,160,160); 21 | text-shadow:none; 22 | left:8px; 23 | top: 3px; 24 | font-family:"Satisfy"; 25 | font-weight:900; 26 | } 27 | .winButton-iRh8-Z:hover { 28 | height: 22px; 29 | top: -3px; 30 | width: 28px; 31 | border-radius:0px !important; 32 | transition:none !important; 33 | background:rgba(255, 255, 255, 0.05) !important; 34 | } 35 | .titleWrapper-1l0xT9 .flex-1xMQg5 .flex-1xMQg5, #friends .flex-1xMQg5 .flex-1xMQg5, .activityFeed-28jde9>.flex-1xMQg5>.horizontal-1ae9ci>.flex-1xMQg5:last-child, .gameLibrary-TTDw4Y>.flex-1xMQg5 .flex-1xMQg5:last-child, .applicationStore-1pNvnv>.homeWrapper-3-Wh5T>.flex-1xMQg5 .flex-1xMQg5:last-child, .applicationStore-1pNvnv>.listingWrapper-329f74>.flex-1xMQg5 .flex-1xMQg5:last-child, .applicationStore-1pNvnv>.browseWrapper-2Qy6vG>.flex-1xMQg5 .flex-1xMQg5:last-child { 36 | margin-right: 0px; 37 | } 38 | -------------------------------------------------------------------------------- /rebornaddons/public.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tropix126/BetterDiscordStuff/dccdfe4a826c69c78f721920e061b66740cfe9ba/rebornaddons/public.png -------------------------------------------------------------------------------- /rebornaddons/publicServerIcon.css: -------------------------------------------------------------------------------- 1 | #bd-pub-li {height: 50px !important;} 2 | #bd-pub-button { 3 | height: 50px !important; 4 | background-image: url("https://tropix126.github.io/BetterDiscordStuff/Reborn%20Snippets/resources/public.png"); 5 | background-size: 40px 40px; 6 | background-position: 50%; 7 | background-repeat: no-repeat; 8 | font-size: 0px !important; 9 | filter: invert(100) !important; 10 | } 11 | -------------------------------------------------------------------------------- /rebornaddons/resources/add.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /rebornaddons/resources/categoryAdd.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /rebornaddons/resources/hideMuted.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /rebornaddons/resources/homeicon.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /rebornaddons/resources/invite.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 9 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /rebornaddons/resources/leave.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /rebornaddons/resources/nickname.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /rebornaddons/resources/notifs.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /rebornaddons/resources/pattern.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 28 | -------------------------------------------------------------------------------- /rebornaddons/resources/privacy.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /rebornaddons/resources/weed.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /rebornaddons/resources/white-discord-logo-png-8.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | 7 | 8 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /rebornaddons/settings.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /rebornaddons/transparentCSSEditor.css: -------------------------------------------------------------------------------- 1 | .ace_content {background:var(--tertiary-color) !important;} 2 | .ace-monokai .ace_marker-layer .ace_active-line {background:var(--quaternary-color) !important;} 3 | .ace-monokai .ace_gutter {background:transparent !important; color:var(--mc) !important;} 4 | .ace-monokai {background:transparent !important;} 5 | .ace_gutter-layer {background:var(--primary-color) !important;} 6 | .ace-monokai {border-radius:5px 5px 0px 0px !important;} 7 | .content-region #bd-customcss-attach-controls, #bd-customcss-detach-container #bd-customcss-attach-controls { 8 | background: var(--quaternary-color) !important; 9 | box-shadow: none !important; 10 | } 11 | .bd-detached-css-editor #bd-customcss-attach-controls button, .standardSidebarView-3F1I7i #bd-customcss-attach-controls button { 12 | background: var(--mc) !important; 13 | border-right:none !important; 14 | border-radius: 3px !important; 15 | border:none !important; 16 | margin-left: 5px !important; 17 | } 18 | .bd-detached-css-editor #bd-customcss-attach-controls button, #bd-customcss-attach-controls button:hover { 19 | background:var(--hover-color) !important; 20 | transition:100ms linear; 21 | } 22 | .ace_scrollbar-h::-webkit-scrollbar { 23 | background:rgba(0,0,0,0.99) !important; 24 | height:6px !important; 25 | border-radius:50px !important; 26 | } 27 | .ace_scrollbar-h::-webkit-scrollbar-thumb, .ace_text-input { 28 | background:var(--mc) !important; 29 | border-radius:50px !important; 30 | } 31 | -------------------------------------------------------------------------------- /rebornaddons/unhide muted.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /rebornaddons/userPopoutPattern.css: -------------------------------------------------------------------------------- 1 | /*User Popout Pattern*/ 2 | .headerTop-3C2Zn0 { 3 | background-image: url(https://cdn.rawgit.com/squee666/Discord-Themes/master/Themes/bg.svg) !important; 4 | background-size: 9em !important; 5 | } 6 | -------------------------------------------------------------------------------- /slate/assets/add.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /slate/assets/bot.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /slate/assets/group.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /slate/assets/help.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /slate/assets/home.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /slate/assets/mail.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /slate/assets/members.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /slate/assets/mentions.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /slate/assets/notifications.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /slate/assets/person.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /slate/assets/phone.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /slate/assets/pins.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /slate/assets/speaker.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /slate/assets/video.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /slate/base.css: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /website/img/aurora.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tropix126/BetterDiscordStuff/dccdfe4a826c69c78f721920e061b66740cfe9ba/website/img/aurora.png -------------------------------------------------------------------------------- /website/img/bdsources.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | 21 | 22 | 24 | image/svg+xml 25 | 27 | 28 | 29 | 30 | 31 | 33 | 67 | 103 | 110 | 117 | 124 | 131 | 139 | 147 | 148 | -------------------------------------------------------------------------------- /website/img/blackbox.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tropix126/BetterDiscordStuff/dccdfe4a826c69c78f721920e061b66740cfe9ba/website/img/blackbox.gif -------------------------------------------------------------------------------- /website/img/blackbox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tropix126/BetterDiscordStuff/dccdfe4a826c69c78f721920e061b66740cfe9ba/website/img/blackbox.png -------------------------------------------------------------------------------- /website/img/friendgrid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tropix126/BetterDiscordStuff/dccdfe4a826c69c78f721920e061b66740cfe9ba/website/img/friendgrid.png -------------------------------------------------------------------------------- /website/img/mcons.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tropix126/BetterDiscordStuff/dccdfe4a826c69c78f721920e061b66740cfe9ba/website/img/mcons.png -------------------------------------------------------------------------------- /website/img/midnight.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tropix126/BetterDiscordStuff/dccdfe4a826c69c78f721920e061b66740cfe9ba/website/img/midnight.png -------------------------------------------------------------------------------- /website/img/usrbg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tropix126/BetterDiscordStuff/dccdfe4a826c69c78f721920e061b66740cfe9ba/website/img/usrbg.png -------------------------------------------------------------------------------- /website/styles.css: -------------------------------------------------------------------------------- 1 | @import url("https://use.typekit.net/uxr0xoa.css"); 2 | ::-webkit-scrollbar { 3 | display:none; 4 | } 5 | 6 | svg { 7 | fill:currentColor; 8 | } 9 | 10 | body { 11 | margin:0; 12 | text-rendering:optimizeLegibility; 13 | overflow-x:hidden; 14 | background:#121212; 15 | backface-visibility: hidden; 16 | } 17 | 18 | @keyframes load { 19 | 0% { 20 | transform:translateX(-30%); 21 | opacity:.5; 22 | } 23 | 100% { 24 | transform:none; 25 | opacity:1; 26 | } 27 | } 28 | 29 | #projects { 30 | width:100%; 31 | height:100%; 32 | display:block; 33 | position:absolute; 34 | } 35 | 36 | .project { 37 | height:25%; 38 | width:100%; 39 | position:relative; 40 | background:rgba(0,0,0,0.45); 41 | display:block; 42 | padding:25px; 43 | text-decoration:none; 44 | animation:load 1s ease backwards; 45 | overflow:hidden; 46 | } 47 | 48 | .project .background { 49 | position:absolute; 50 | top:0; 51 | left:0; 52 | width:100%; 53 | height:100%; 54 | z-index:-1; 55 | background-position:center; 56 | background-repeat:no-repeat; 57 | background-size:100%; 58 | transform:scale(1.025); 59 | transition:250ms ease transform, 250ms ease background-color; 60 | } 61 | 62 | .midnight { 63 | background-image:url(img/midnight.png); 64 | } 65 | 66 | .aurora { 67 | background-image:url(img/aurora.png); 68 | } 69 | 70 | .blackbox { 71 | background-image:url(img/blackbox.png); 72 | } 73 | 74 | .friendgrid { 75 | background-image:url(img/friendgrid.png); 76 | } 77 | 78 | .materialcons { 79 | background-image:url(img/mcons.png); 80 | } 81 | 82 | .usrbg { 83 | background-image:url(img/usrbg.png); 84 | } 85 | 86 | .bdsources { 87 | background-image:url(img/bdsources.svg); 88 | } 89 | 90 | 91 | #header { 92 | font-family:'acumin-pro', sans-serif; 93 | color:#fff; 94 | font-size:48px; 95 | font-weight:700; 96 | transition:250ms ease padding; 97 | } 98 | 99 | #subtext { 100 | font-family:'acumin-pro', sans-serif; 101 | color:#b5b5b5; 102 | font-size:16px; 103 | font-weight:300; 104 | transition:250ms ease padding; 105 | } 106 | 107 | .discont { 108 | font-family:'acumin-pro', sans-serif; 109 | color:#f04747; 110 | font-size:12px; 111 | font-weight:500; 112 | margin-left:4px; 113 | display:inline-block; 114 | } 115 | 116 | .project:nth-child(1) { 117 | animation-delay:.2s; 118 | } 119 | 120 | .project:nth-child(2) { 121 | animation-delay:.4s; 122 | } 123 | 124 | .project:nth-child(3) { 125 | animation-delay:.6s; 126 | } 127 | 128 | .project:nth-child(4) { 129 | animation-delay:.8s; 130 | } 131 | 132 | .project:nth-child(5) { 133 | animation-delay:1s; 134 | } 135 | 136 | .project:nth-child(6) { 137 | animation-delay:1.2s; 138 | } 139 | 140 | .project:nth-child(7) { 141 | animation-delay:1.4s; 142 | } 143 | 144 | .project:hover { 145 | background:rgba(0,0,0,0.65); 146 | transition:350ms ease background; 147 | } 148 | 149 | .project:hover .background { 150 | transform:scale(1.05); 151 | } 152 | 153 | .project:hover #subtext, 154 | .project:hover #header { 155 | padding-left:25px; 156 | } 157 | 158 | .link-button { 159 | position:absolute; 160 | right:50px; 161 | height:100%; 162 | width:15%; 163 | top:0; 164 | background:#121212; 165 | display:flex; 166 | align-items:center; 167 | justify-content:center; 168 | opacity:0; 169 | transform:translateX(25%) scaleX(.75); 170 | transform-origin:right; 171 | } 172 | 173 | .link-button svg { 174 | display:block; 175 | width:25%; 176 | height:25%; 177 | color:#fff; 178 | } 179 | 180 | .project:hover .link-button { 181 | transform:none; 182 | opacity:1; 183 | transition:250ms ease; 184 | } 185 | 186 | .link-button:hover { 187 | background:#242424; 188 | } 189 | 190 | .link-button:active { 191 | background:#464646; 192 | } --------------------------------------------------------------------------------