From 25aebd79e0ec5675917578172f8e9b8937f27568 Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Thu, 24 Sep 2020 20:22:30 +0500 Subject: [PATCH 01/31] first update in a while o_O --- crystalline.css | 141 ++++++++++++++++++++++++++++++++++++++---------- 1 file changed, 114 insertions(+), 27 deletions(-) diff --git a/crystalline.css b/crystalline.css index 1ab92cf..83fe080 100644 --- a/crystalline.css +++ b/crystalline.css @@ -11,7 +11,7 @@ * https://discord.gg/An6Yka5 * * Thank you in advance! * * * - * MIT License, Copyright SamuiNe 2016 ~ 2019 * + * MIT License, Copyright SamuiNe 2016 ~ 2020? * **********************************************************/ /* Caution! This theme only works for dark theme for now. It will not work properly at light theme. */ @@ -20,13 +20,14 @@ body { -webkit-transition: background 3s ease-in-out; transition: background 3s ease-in-out; - /* The picture source is from 书童hiroco at the link (thanks shinji257!): - https://www.pixiv.net/member_illust.php?mode=medium&illust_id=61734227 - */ - background: #fff url(https://cdn.discordapp.com/attachments/289712508258746368/470350501779603466/patchouli_knowledge_touhou_drawn_by_shutong_hiroko__1f0f5eb005499f1887ac942a337dfa60.png); + /* The picture source is from 书童hiroco at the link (thanks shinji257!): // 2017 + https://www.pixiv.net/member_illust.php?mode=medium&illust_id=61734227 // 2017 + */ + + background: #fff url(https://w.wallhaven.cc/full/0q/wallhaven-0q19r5.png); /* Just in case adjusting the position is necessary (x% y%)*/ - background-position: 50% 0; + background-position: 75% 50%; /* It is recommended to set the background-size width to match your monitor's or discord window's width plus 1px. If the background picture is blurry, please use a bigger sized background picture. */ @@ -43,7 +44,7 @@ body { 2nd value - Green 0-255 3rd value - Blue 0-255 4th value - Alpha (Opacity) 0.0-1.0 */ - background: rgba(0, 0, 0, 0.8); + background: rgba(0, 0, 0, 0.5); -webkit-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; @@ -2755,7 +2756,7 @@ span.amount { } .body-3iLsc4{ - padding-top: 15px; + padding-top: 0; padding-bottom: 0; } @@ -2863,11 +2864,11 @@ span.amount { } .checkboxWrapper-SkhIWG{ - background-color: rgba(22, 22, 22, 0.8); + background-color: rgba(0, 0, 0, 0); } .checkboxWrapper-SkhIWG:hover{ - background-color: rgba(62, 62, 62, 0.8); + background-color: rgba(0, 0, 0, 0); } .box-mmYMsp{ @@ -2961,7 +2962,13 @@ span.amount { } .theme-dark .cardPrimaryEditable-3KtE4g{ - background-color: rgba(0, 0, 0, 0.42); + background-color: rgba(0, 0, 0, 0.42) !important; + border-color: rgba(0, 0, 0, 0.42) !important; +} + +.theme-dark .cardPrimaryEditable-3KtE4g:hover{ + background-color: rgba(0, 0, 0, 0.8) !important; + border-color: rgba(0, 0, 0, 0.8) !important; } /* Text color adjustments */ @@ -4405,7 +4412,7 @@ input{ background-color: rgba(0, 0, 0, 0); } -.newMessagesBar-mujexs{ +.newMessagesBar-265mhP{ background-color: rgba(114,137,218, 0.6); border-radius: 0; } @@ -4491,8 +4498,8 @@ input{ /* End of TODO 4398,3 */ -.theme-dark .jumpToPresentBar-9P20AM, -.theme-dark .jumpToPresentBar-9P20AM:hover{ +.theme-dark .jumpToPresentBar-G1R9s6, +.theme-dark .jumpToPresentBar-G1R9s6:hover{ background-color: rgba(22, 22, 22, 0.8); border-radius: 0; } @@ -4642,6 +4649,7 @@ input{ .searchBar-6Kv8R2{ box-shadow: none; + background-color: rgba(0, 0, 0, 0.42); } /* Local Bot background fix */ @@ -5147,7 +5155,7 @@ input{ /* Fix Search result's background colors, border radius, and other stuff */ .theme-dark .searchResultsWrap-2DKFzt{ - background-color: rgba(0, 0, 0, 0.22); + background-color: rgba(0, 0, 0, 0.22) !important; } .theme-dark .searchHeader-1l-wpR{ @@ -5197,13 +5205,13 @@ input{ /* Scroll bar and scroll bar background fix */ -.theme-dark .scrollerThemed-2oenus.themedWithTrack-q8E3vB .scroller-2FKFPG::-webkit-scrollbar-track-piece{ +.theme-dark .scrollerThemed-2oenus.themedWithTrack-q8E3vB .scroller-2LSbBU::-webkit-scrollbar-track-piece{ border: none; border-radius: 0; background: rgba(0, 0, 0, 0); } -.theme-dark .scrollerThemed-2oenus.themedWithTrack-q8E3vB .scroller-2FKFPG::-webkit-scrollbar-thumb{ +.theme-dark .scrollerThemed-2oenus.themedWithTrack-q8E3vB .scroller-2LSbBU::-webkit-scrollbar-thumb{ border-color: rgba(66, 66, 66, 0.42); background-color: rgba(22, 22, 22, 0.42); } @@ -5835,6 +5843,7 @@ input{ .theme-dark .container-3baos1, .theme-light .container-3baos1{ background-color: rgba(0, 0, 0, 0.5); + padding-bottom: 0; } @@ -5851,30 +5860,108 @@ input{ /* private channel list fix (written by Jisagi) */ .privateChannels-1nO12o{ - background-color: rgba(0, 0, 0, 0); + background-color: rgba(0, 0, 0, 0); } /* Another background fix */ .theme-dark { --background-primary: none; --background-secondary: none; + --background-secondary-alt: none; --background-tertiary: none; --deprecated-store-bg: none; - } - .theme-dark .modal-yWgWj-, .theme-dark .footer-3rDWdC { + --deprecated-panel-background: none; + --background-floating: rgba(0, 0, 0, 0.8); +} + +.theme-dark .modal-yWgWj-, .theme-dark .footer-3rDWdC { background-color: rgba(24, 28, 37, 1); } +/* speaking avatars fix, was broken with those variables on .theme-dark class */ +.avatarSpeaking-3MqCHL { + -webkit-box-shadow: inset 0 0 0 2px #43b581,inset 0 0 0 3px !important; +} -.scroller-2FKFPG { +.container-1giJp5 { + background-color: rgba(0, 0, 0, 0.5); +} + /* I hated that new size of emojis so there is revert for it */ + /* probably it'll need to be removed */ +.emoji.jumboable { + width: 2rem; + height: 2rem; + min-height: 2rem; +} +.scrollableContainer-2NUZem.webkit-HjD9Er { + background-color: rgba(0, 0, 0, 0.5); + border-radius:0 +} +.panels-j1Uci_ { + background-color: transparent; +} +.theme-dark .bodyInner-245q0L { + background-color: transparent; +} +.protip-YaFfgO { + visibility: hidden; + height: 0; + margin: 0; +} +.container-1D34oG { background-color: rgba(0, 0, 0, 0) !important; } -/* Go live & Voice panel bg fix */ -.panels-j1Uci_ { - background-color: rgba(0, 0, 0, 0.3); +.scrollerWrap-2lJEkd .scrollerThemed-2oenus { + background-color: rgba(0, 0, 0, 0.22); +} +/* emoji picker fix */ +.emojiSection-3Fb9ix { + background-color: rgba(0, 0, 0, 0.5); + border-radius: 0 !important; } -/* Text input background fixed */ -.scrollableContainer-2NUZem.webkit-HjD9Er { - background-color: rgba(0, 0, 0, 0.5); +.contentWrapper-SvZHNd { + background: rgba(0, 0, 0, 0.8); + border-radius: 0; +} + +.wrapper-1-Fsb8 { + background-color: rgba(0, 0, 0, 0) !important; +} + +.unicodeShortcut-15J8Ck { + background-color: rgba(0, 0, 0, 0.6) !important; +} + +.unicodeShortcut-15J8Ck:hover { + color: #f2f2f2; +} + +.inspector-S2gM3e { + background-color: rgba(0, 0, 0, 0.6) !important; +} + +.emojiItem-14v6tW.emojiItemSelected-1aLkfV { + background-color: rgba(0, 0, 0, 0.6); + border-radius: 0; + border: 1px #dcddde solid; + padding: 3px; +} + +/* that active contacts now playing thingy on friend page */ + +.nowPlayingScroller-2XrVUt { + background-color: rgba(0, 0, 0, 0.22); +} + +.itemCard-v9viV7 { + background-color: rgba(0, 0, 0, 0.3); + border-radius: 0; +} +.theme-dark .inset-3sAvek { + background-color: rgba(0, 0, 0, 0.4); + border-radius: 0; +} +.theme-dark .separator-XqIyoz { + background-color: #fff2; } From 0cceab3eced53589d2339f235198e4bc42de9384 Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Sat, 14 Nov 2020 01:19:07 +0500 Subject: [PATCH 02/31] Update crystalline.css --- crystalline.css | 109 ++++++++++++++++++++++++++++++++++-------------- 1 file changed, 77 insertions(+), 32 deletions(-) diff --git a/crystalline.css b/crystalline.css index 83fe080..5b3d558 100644 --- a/crystalline.css +++ b/crystalline.css @@ -1,6 +1,6 @@ /********************************************************** * Crystalline CSS for BeautifulDiscord * - * Version 1.22.1 * + * Version 1.22.3 * * * * Created by SamuiNe * * https://github.com/SamuiNe * @@ -2536,7 +2536,7 @@ span.amount { background-color: rgba(0, 0, 0, 0.25); } -.container-PNkimc, +.container-3w7J-x, .private-channels .channel.selected a{ background-color: rgba(0, 0, 0, 0) !important; } @@ -3083,12 +3083,6 @@ span.amount { background: none; } -.typeWindows-1za-n7{ - background-color: rgba(0, 0, 0, 0.9); - margin-top: 0; - padding-top: 4px; -} - .base-3dtUhz, .channels-Ie2l6A{ border-radius: 0; } @@ -4127,6 +4121,7 @@ input{ background: none; } +/* there was two of them */ .typeWindows-1za-n7{ background: rgba(0, 0, 0, 0.9); margin-top: 0; @@ -4167,7 +4162,7 @@ input{ /* I forgot beyond this */ -.container-PNkimc{ +.container-3w7J-x{ background: none; } @@ -5403,16 +5398,16 @@ input{ /* Fix channel sidebar selection and hover background color and border radius */ -.theme-dark .wrapper-1ucjTd.modeSelected-1zApJ_ .content-3at_AU, -.theme-dark .wrapper-1ucjTd.modeSelected-1zApJ_:hover .content-3at_AU, -.theme-light .wrapper-1ucjTd.modeSelected-1zApJ_ .content-3at_AU, -.theme-light .wrapper-1ucjTd.modeSelected-1zApJ_:hover .content-3at_AU{ +.theme-dark .wrapper-2jXpOf.modeSelected-346R90 .content-1x5b-n, +.theme-dark .wrapper-2jXpOf.modeSelected-346R90:hover .content-1x5b-n, +.theme-light .wrapper-2jXpOf.modeSelected-346R90 .content-1x5b-n, +.theme-light .wrapper-2jXpOf.modeSelected-346R90:hover .content-1x5b-n{ background-color: rgba(0, 0, 0, 0.42); border-radius: 0; } -.theme-dark .wrapper-1ucjTd:hover .content-3at_AU, -.theme-light .wrapper-1ucjTd:hover .content-3at_AU{ +.theme-dark .wrapper-2jXpOf:hover .content-1x5b-n, +.theme-light .wrapper-2jXpOf:hover .content-1x5b-n{ background-color: rgba(0, 0, 0, 0.22); border-radius: 0; } @@ -5447,7 +5442,7 @@ input{ border-top-color: rgba(197, 207, 237, 1) } -.wrapper-pZmgj4{ +.wrapper-2tAnRe{ color: rgba(255, 255, 255, 0.5); background-color: rgba(0, 0, 0, 0.33); border-radius: 0; @@ -5455,15 +5450,15 @@ input{ /* Fixed border radius and background for current member count and member limit for voice channel */ -.users-i_3-kL{ +.users-3kndPl{ background-color: rgba(0, 0, 0, 0.0); } -.total-3tKGEB{ +.total-i6us2n{ background-color: rgba(0, 0, 0, 0.33); } -.total-3tKGEB:after{ +.total-i6us2n:after{ border-right-color: rgba(0, 0, 0, 0.33); } @@ -5511,13 +5506,13 @@ input{ /* Fix voice chat's user list hover background color */ -.theme-dark .listDefault-2y5Z9D .clickable-23RaYz:hover .content-3xS9Lh, -.theme-light .listDefault-2y5Z9D .clickable-23RaYz:hover .content-3xS9Lh{ +.theme-dark .listDefault-3ir5aS .clickable-1lCRLF:hover .content-1Wq3SX, +.theme-light .listDefault-3ir5aS .clickable-1lCRLF:hover .content-1Wq3SX{ background-color: rgba(0, 0, 0, 0.22); border-radius: 0; } -.theme-dark .container-cMG81i{ +.theme-dark .selected-3t3Csj{ background-color: rgba(0, 0, 0, 0.42); border-radius: 0; } @@ -5871,14 +5866,19 @@ input{ --background-tertiary: none; --deprecated-store-bg: none; --deprecated-panel-background: none; - --background-floating: rgba(0, 0, 0, 0.8); + --background-floating: rgba(0, 0, 0, 0.8); + --background-modifier-hover: none; + --background-modifier-selected: none; + --scrollbar-auto-thumb: rgba(255, 255, 255, 0.3); + --scrollbar-auto-track: rgba(255, 255, 255, 0.05); + --scrollbar-thin-thumb: rgba(255, 255, 255, 0.3); } .theme-dark .modal-yWgWj-, .theme-dark .footer-3rDWdC { background-color: rgba(24, 28, 37, 1); } /* speaking avatars fix, was broken with those variables on .theme-dark class */ -.avatarSpeaking-3MqCHL { +.avatarSpeaking-2IGMRN { -webkit-box-shadow: inset 0 0 0 2px #43b581,inset 0 0 0 3px !important; } @@ -5914,14 +5914,17 @@ input{ .scrollerWrap-2lJEkd .scrollerThemed-2oenus { background-color: rgba(0, 0, 0, 0.22); } -/* emoji picker fix */ -.emojiSection-3Fb9ix { - background-color: rgba(0, 0, 0, 0.5); +/* click-on-emoji-in-message fix */ +.popoutContainer-1MXdqN { + background-color: rgba(0, 0, 0, 0.6); border-radius: 0 !important; } - -.contentWrapper-SvZHNd { - background: rgba(0, 0, 0, 0.8); +.guildSection-1EoFKd { + background-color: rgba(0, 0, 0, 0.3); +} +/* emoji picker fix */ +.contentWrapper-SvZHNd, .emojiPicker-3PwZFl { + background: rgba(0, 0, 0, 0.65); border-radius: 0; } @@ -5944,13 +5947,13 @@ input{ .emojiItem-14v6tW.emojiItemSelected-1aLkfV { background-color: rgba(0, 0, 0, 0.6); border-radius: 0; - border: 1px #dcddde solid; + border: 1px #fff5 solid; padding: 3px; } /* that active contacts now playing thingy on friend page */ -.nowPlayingScroller-2XrVUt { +.nowPlayingColumn-2sl4cE { background-color: rgba(0, 0, 0, 0.22); } @@ -5965,3 +5968,45 @@ input{ .theme-dark .separator-XqIyoz { background-color: #fff2; } + +.wrapper-2aW0bm { + background-color: rgba(0, 0, 0, 0.5); + border-radius: 0; +} +.button-1ZiXG9:hover { + background-color: rgba(0, 0, 0, 0.22); +} +.button-1ZiXG9.selected-LCBEAU { + background-color: rgba(0, 0, 0, 0.4); +} +.clickable-1JJAn8.container-2Pjhx-:hover, .clickable-1JJAn8.container-2Pjhx-:hover .muted-3mU76i { + background-color: rgba(0, 0, 0, 0.22); + border-radius: 0; +} +.clickable-1JJAn8.container-2Pjhx-:active, .highlighted-1gWxXa.container-2Pjhx-, .selected-aXhQR6.container-2Pjhx- { + background-color: rgba(0, 0, 0, 0.5); + border-radius: 0; +} +.theme-dark .outer-1AjyKL.interactive-3B9GmY:hover { + background-color: rgba(0, 0, 0, 0.5); +} + +/* stream preview overlay */ +.theme-dark .streamPreview-2-WUWT { + background-color: rgba(0, 0, 0, 0.65); +} +.streamPreview-2-WUWT { + border-radius: 0; +} +.theme-dark .watchButton-2SbJEo:hover { + border-color: rgba(255, 255, 255, 0.6); + background-color: rgba(0, 0, 0, 0.4); +} + +/* fix guild button */ +.container-1taM1r { + background: rgba(0, 0, 0, 0.5); +} +.container-1taM1r:hover { + background: rgba(0, 0, 0, 0.7); +} From c0e1715755a7b4aabd1e6c550b715eea3919b86c Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Sat, 14 Nov 2020 16:51:46 +0500 Subject: [PATCH 03/31] a bunch of fixes - Inbox unreads - Embed messages - Folders now have background color - Commented emoji-revert and profile-card-protip rules --- crystalline.css | 68 +++++++++++++++++++++++++++++++++++++++---------- 1 file changed, 55 insertions(+), 13 deletions(-) diff --git a/crystalline.css b/crystalline.css index 5b3d558..3a01e53 100644 --- a/crystalline.css +++ b/crystalline.css @@ -1,6 +1,6 @@ /********************************************************** * Crystalline CSS for BeautifulDiscord * - * Version 1.22.3 * + * Version 1.22.4 * * * * Created by SamuiNe * * https://github.com/SamuiNe * @@ -4038,25 +4038,37 @@ input{ border: none; } -.theme-dark .messagesPopoutWrap-1MQ1bW{ +.theme-dark .messagesPopoutWrap-1MQ1bW, .theme-dark .container-enaOkj { background-color: rgba(22, 22, 22, 0.8); border-radius: 0; border: none; box-shadow: none; } -.theme-dark .messagesPopoutWrap-1MQ1bW .header-ykumBX{ +.theme-dark .messagesPopoutWrap-1MQ1bW .header-ykumBX, .theme-dark .container-enaOkj .header-ykumBX{ background-color: rgba(0, 0, 0, 0.42); border-radius: 0; box-shadow: none; } -.theme-dark .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .message-group{ - background-color: rgba(0, 0, 0, 0.42); +.theme-dark .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .channelHeader-3Gd2xq, .theme-dark .container-enaOkj .channelHeader-3Gd2xq { + background-color: rgba(0, 0, 0, 0.7); +} + +.theme-dark .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .messageContainer-gbhlwo, .theme-dark .container-enaOkj .messages-3G3erD{ + background-color: rgba(0, 0, 0, 0.33); border-radius: 0; border: none; } +.theme-dark .container-enaOkj { + background-color: rgba(22, 22, 22, 0.8); + border-radius: 0; + border: none; + box-shadow: none; +} + + .theme-dark .message-group h2 .timestamp{ color: rgba(255, 255, 255, 0.42); } @@ -5869,8 +5881,8 @@ input{ --background-floating: rgba(0, 0, 0, 0.8); --background-modifier-hover: none; --background-modifier-selected: none; - --scrollbar-auto-thumb: rgba(255, 255, 255, 0.3); - --scrollbar-auto-track: rgba(255, 255, 255, 0.05); + --scrollbar-auto-thumb: rgba(0, 0, 0, 0.4); + --scrollbar-auto-track: rgba(0, 0, 0, 0.05); --scrollbar-thin-thumb: rgba(255, 255, 255, 0.3); } @@ -5885,13 +5897,25 @@ input{ .container-1giJp5 { background-color: rgba(0, 0, 0, 0.5); } + +/* protip on user card (in case if you wanna delete it, just uncomment next rule) */ +/* +.protip-YaFfgO { + visibility: hidden; + height: 0; + margin: 0; +} +*/ + /* I hated that new size of emojis so there is revert for it */ - /* probably it'll need to be removed */ + /* probably it'll need to be removed (same as protip) */ +/* .emoji.jumboable { width: 2rem; height: 2rem; min-height: 2rem; } +*/ .scrollableContainer-2NUZem.webkit-HjD9Er { background-color: rgba(0, 0, 0, 0.5); border-radius:0 @@ -5902,11 +5926,6 @@ input{ .theme-dark .bodyInner-245q0L { background-color: transparent; } -.protip-YaFfgO { - visibility: hidden; - height: 0; - margin: 0; -} .container-1D34oG { background-color: rgba(0, 0, 0, 0) !important; } @@ -5914,6 +5933,7 @@ input{ .scrollerWrap-2lJEkd .scrollerThemed-2oenus { background-color: rgba(0, 0, 0, 0.22); } + /* click-on-emoji-in-message fix */ .popoutContainer-1MXdqN { background-color: rgba(0, 0, 0, 0.6); @@ -6010,3 +6030,25 @@ input{ .container-1taM1r:hover { background: rgba(0, 0, 0, 0.7); } + +/* fix embed stuff */ +.embedFull-2tM8-- { + background: rgba(0, 0, 0, 0.33); + border-left: 2px solid rgba(255, 255, 255, 0.22); + border-radius: 0; +} +/* expanded folder background (wow) */ +.expandedFolderBackground-2sPsd- { + background: rgba(255, 255, 255, 0.1); +} + +/* a little gap between now playing section and role section on user card */ +.bodyInnerWrapper-Z8WDxe { + margin-top: 8px; +} + +/* friend list hover fix */ +.peopleListItem-2nzedh.active-rhSpJJ, .peopleListItem-2nzedh:hover { + background: rgba(0, 0, 0, 0.22); + border-radius: 0; +} \ No newline at end of file From 9007b6885245bf581443fbea7724144124adf22e Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Tue, 1 Dec 2020 02:10:57 +0500 Subject: [PATCH 04/31] another bunch of fixes - mostly some buttons at settings pages - add role window - something something uuhhh --- crystalline.css | 139 +++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 137 insertions(+), 2 deletions(-) diff --git a/crystalline.css b/crystalline.css index 3a01e53..02711a6 100644 --- a/crystalline.css +++ b/crystalline.css @@ -1,6 +1,6 @@ /********************************************************** * Crystalline CSS for BeautifulDiscord * - * Version 1.22.4 * + * Version 1.22.5 * * * * Created by SamuiNe * * https://github.com/SamuiNe * @@ -3616,14 +3616,25 @@ div.action.join { line-height: 13px; } +.accountList-33MS45 { + background: rgba(0, 0, 0, 0.55); + border-radius: 0; +} + .connection-1fbD7X{ border-radius: 0; - + background: rgba(0, 0, 0, 0.22); } .connectionHeader-2MDqhu{ border: none; border-radius: 0; + background: rgba(0, 0, 0, 0.4); +} + +.integration-3kMeY4 { + background: rgba(0, 0, 0, 0.22); + border-radius: 0; } .emojiPicker-3m1S-j .scroller-3vODG7 .emojiItem-109bjA.selected-39BZ4S{ @@ -5881,6 +5892,7 @@ input{ --background-floating: rgba(0, 0, 0, 0.8); --background-modifier-hover: none; --background-modifier-selected: none; + --background-modifier-active: none; --scrollbar-auto-thumb: rgba(0, 0, 0, 0.4); --scrollbar-auto-track: rgba(0, 0, 0, 0.05); --scrollbar-thin-thumb: rgba(255, 255, 255, 0.3); @@ -5923,6 +5935,9 @@ input{ .panels-j1Uci_ { background-color: transparent; } +.activityPanel-28dQGo { + background: rgba(0, 0, 0, 0.5); +} .theme-dark .bodyInner-245q0L { background-color: transparent; } @@ -6007,6 +6022,11 @@ input{ background-color: rgba(0, 0, 0, 0.5); border-radius: 0; } +.clickable-1JJAn8:active .layout-2DM8Md { + background-color: rgba(0, 0, 0, 0.7); + border-radius: 0; +} + .theme-dark .outer-1AjyKL.interactive-3B9GmY:hover { background-color: rgba(0, 0, 0, 0.5); } @@ -6051,4 +6071,119 @@ input{ .peopleListItem-2nzedh.active-rhSpJJ, .peopleListItem-2nzedh:hover { background: rgba(0, 0, 0, 0.22); border-radius: 0; +} + +.container-2dqNWc { + border-radius: 0; +} + +/* link window fix */ +.backdropWithLayer-3_uhz4 { + opacity: 0.5 !important; +} + +.theme-dark .root-1gCeng { + background: rgba(0, 0, 0, 0.62); + border-radius: 0; +} +.theme-dark .footer-2gL1pp { + background: rgba(0, 0, 0, 0.7); + border-radius: 0; +} + +.background-1QDuV2 { + background: rgba(0, 0, 0, 0.22); + border-radius: 0; +} +.fieldList-21DyL8 { + background: rgba(0, 0, 0, 0.15); + border-radius: 0; +} +.lookFilled-1Gx00P.colorGrey-2DXtkV { + background: rgba(0, 0, 0, 0.6); +} + +.item-26Dhrx { + background: rgba(0, 0, 0, 0.22); + border-radius: 0; +} + +.item-26Dhrx[aria-checked=true] { + background: rgba(0, 0, 0, 0.5); +} +.item-26Dhrx:hover { + background: rgba(0, 0, 0, 0.33); +} +.item-26Dhrx:hover[aria-checked=true]{ + background: rgba(0, 0, 0, 0.6); +} +.cardWrapper-2Min21 { + background: rgba(0, 0, 0, 0.22); + border-radius: 0; +} +.theme-dark .gemIndicatorContainer-2jdECl { + background: rgba(0, 0, 0, 0.3); +} +.css-gvi9bl-control { + border-radius: 0; +} +.css-3vaxre-menu { + background: rgba(0, 0, 0, 0.3); +} +.css-rzbxvl-option { + background: rgba(0, 0, 0, 0.7); + color: #ffffff; +} +.css-1ba14n5-option { + background: rgba(0, 0, 0, 0.5); + font-weight: bold; +} +.open-kZ53_U, .select-2fjwPw { + border-radius: 0; +} +.option-3KoAJB { + background: rgba(0, 0, 0, 0.4); + border-bottom: 1px solid rgba(255, 255, 255, 0.1); +} +.option-3KoAJB:hover { + background: rgba(0, 0, 0, 0.6); +} +.option-3KoAJB[aria-selected=true] { + background: rgba(0, 0, 0, 0.7); + font-weight: bold; +} + +.deny-3nAuT6, .allow-1PzSY3 { + border-radius: 0; +} +.deny-3nAuT6:hover, .allow-1PzSY3:hover, .passthrough-1c2ewQ:hover { + background-color: rgba(0, 0, 0, 0.1); +} +.deny-3nAuT6.selected-2YhbGh { + background-color: #f04747c0; +} +.allow-1PzSY3.selected-2YhbGh { + background-color: #43b581c0; +} +.passthrough-1c2ewQ.selected-2YhbGh { + background-color: rgba(0, 0, 0, 0.6); +} +.container-cMG81i { + background: rgba(0, 0, 0, 0.6); + border-radius: 0; +} +.container-3XJ8ns { + padding: 2px; + background: rgba(0, 0, 0, 0.7); + border-radius: 0; +} +.item-2J2GlB { + border-radius: 0; +} +.item-2J2GlB:hover { + background: rgba(0, 0, 0, 0.5); + font-weight: bold; +} +.button-1YfofB.buttonColor-7qQbGO:hover { + background-color: rgba(0, 0, 0, 0.3); } \ No newline at end of file From 4302a7aa4875b18bcccc79fe6615bc3d025fb902 Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Thu, 16 Dec 2021 13:51:09 +0500 Subject: [PATCH 05/31] fixing stuff discord adding through the year probably, the complete rewrite is necessary here, with all new fancy ways of changing style, like clearvision does --- crystalline.css | 65 ++++++++++++++++++++++++++++++++++++++++++------- 1 file changed, 56 insertions(+), 9 deletions(-) diff --git a/crystalline.css b/crystalline.css index 02711a6..c911f59 100644 --- a/crystalline.css +++ b/crystalline.css @@ -1,6 +1,6 @@ /********************************************************** * Crystalline CSS for BeautifulDiscord * - * Version 1.22.5 * + * Version 1.22.6 * * * * Created by SamuiNe * * https://github.com/SamuiNe * @@ -11,7 +11,7 @@ * https://discord.gg/An6Yka5 * * Thank you in advance! * * * - * MIT License, Copyright SamuiNe 2016 ~ 2020? * + * MIT License, Copyright SamuiNe 2016 ~ 2021? * **********************************************************/ /* Caution! This theme only works for dark theme for now. It will not work properly at light theme. */ @@ -27,7 +27,7 @@ body { background: #fff url(https://w.wallhaven.cc/full/0q/wallhaven-0q19r5.png); /* Just in case adjusting the position is necessary (x% y%)*/ - background-position: 75% 50%; + background-position: 50% 50%; /* It is recommended to set the background-size width to match your monitor's or discord window's width plus 1px. If the background picture is blurry, please use a bigger sized background picture. */ @@ -4968,10 +4968,6 @@ input{ /* Member list background-color adjustment*/ /* TODO: Look for existing CSS element */ -.theme-dark .members-1998pB, .channels-Ie2l6A{ - background-color: rgba(0, 0, 0, 0.22); -} - /* Discord Nitro Classic banner background color and border radius fix */ .theme-dark .tier1Banner-1B_WXY{ @@ -5268,7 +5264,7 @@ input{ /* Fix guilds sidebar background color */ -.theme-dark .wrapper-1Rf91z{ +.theme-dark .wrapper-3NnKdC{ background-color: rgba(0, 0, 0, 0.5); } @@ -6058,7 +6054,7 @@ input{ border-radius: 0; } /* expanded folder background (wow) */ -.expandedFolderBackground-2sPsd- { +.expandedFolderBackground-3ZDF05 { background: rgba(255, 255, 255, 0.1); } @@ -6067,6 +6063,11 @@ input{ margin-top: 8px; } +/* also background color on default icons */ +.circleIconButton-1QV--U { + background: rgba(0, 0, 0, 0.42) +} + /* friend list hover fix */ .peopleListItem-2nzedh.active-rhSpJJ, .peopleListItem-2nzedh:hover { background: rgba(0, 0, 0, 0.22); @@ -6186,4 +6187,50 @@ input{ } .button-1YfofB.buttonColor-7qQbGO:hover { background-color: rgba(0, 0, 0, 0.3); +} +.container-1pMiXm { + background-color: rgba(0, 0, 0, 0.22); +} +.backdrop-1wrmKB.withLayer-RoELSG { + background-color: rgba(0, 0, 0, 0.7) !important; +} + +/* threads */ +.container-7uh5fX{ + background-color: rgba(0, 0, 0, 0.6) !important; + border-radius: 0; +} +.header-1VS4tm{ + background-color: rgba(0, 0, 0, 0.7); +} +.container-2I9Hud { + background-color: rgba(0, 0, 0, 0.4); + border-radius: 0; +} +.threadName-2iLyXl { + color: #EEE; +} +.container-2wlB3z { + background-color: rgba(0, 0, 0, 0.22); +} +.container-3hZ-gs { + background-color: rgba(0, 0, 0, 0.33); + border-radius: 0; +} +.chatHeaderBar-4vZS1x { + background-color: rgba(0, 0, 0, 0.5); +} +.chat-15Vmww::before { + border-color: rgba(0, 0, 0, 0.5); +} +/* search fix 2021 Certified */ +.searchResultsWrap-3-pOjs { + background-color: rgba(0, 0, 0, 0.22); +} +.searchHeader-2XoQg7 { + background-color: rgba(0, 0, 0, 0.33); +} +.searchResult-9tQ1uo { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; } \ No newline at end of file From 82b2221b3832dbf955670c2f3ba86b68d83dd2d1 Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Tue, 11 Jan 2022 22:27:57 +0500 Subject: [PATCH 06/31] uh oh, we made a fucky-wucky! a fuckin-wuckin renaming, owo! oopsies! xD shoutout to clearvision --- crystalline.css | 290 ++++++++++++++++++++++++++++-------------------- 1 file changed, 168 insertions(+), 122 deletions(-) diff --git a/crystalline.css b/crystalline.css index c911f59..7a0d29d 100644 --- a/crystalline.css +++ b/crystalline.css @@ -1,6 +1,6 @@ /********************************************************** * Crystalline CSS for BeautifulDiscord * - * Version 1.22.6 * + * Version 1.22.7 * * * * Created by SamuiNe * * https://github.com/SamuiNe * @@ -11,7 +11,7 @@ * https://discord.gg/An6Yka5 * * Thank you in advance! * * * - * MIT License, Copyright SamuiNe 2016 ~ 2021? * + * MIT License, Copyright SamuiNe 2016 ~ 2022? * **********************************************************/ /* Caution! This theme only works for dark theme for now. It will not work properly at light theme. */ @@ -35,7 +35,7 @@ body { } .app, .connecting , -.appMount-3lHmkl{ +.appMount-2yBXZl { /* You can adjust the background brightness by reducing the fourth value of below. 0.0 for no dark background, 1.0 for full darkness. @@ -58,13 +58,13 @@ body { /*font-family: Whitney, Helvetica, Arial, sans-serif !important;*/ } -.markup pre code, .markup-2BOw-j pre code, code * { +.markup pre code, .markup-eYLPri pre code, code * { /*font-family: 'ＭＳ ゴシック', 'Ubuntu Mono', Consolas, Monaco, monospace !important;*/ font-size: 13px !important; border-radius: 0 !important; } -.markup pre, .markup code, .markup-2BOw-j pre, .markup-2BOw-j code { +.markup pre, .markup code, .markup-eYLPri pre, .markup-eYLPri code { /*font-family: 'ＭＳ ゴシック', 'Ubuntu Mono', Consolas, Monaco, monospace !important;*/ font-size: 13px; background: rgba(10, 10, 10, 0.7) !important; @@ -72,7 +72,7 @@ body { border-radius: 0 !important; } -.markup pre code, .markup-2BOw-j pre code { +.markup pre code, .markup-eYLPri pre code { background: transparent !important; } @@ -643,7 +643,7 @@ div.control-group .shortcut-recorder input[type=text]{ color: rgba(255, 255, 255, 0.95); } -.message-group .comment .markup .markup-2BOw-j{ +.message-group .comment .markup .markup-eYLPri{ color: rgba(255, 255, 255, 0.7); } @@ -1618,7 +1618,7 @@ input:disabled{ color: rgba(255, 255, 255, 0.9); } -.theme-dark .message-group .comment .markup .mention .markup-2BOw-j{ +.theme-dark .message-group .comment .markup .mention .markup-eYLPri{ background-color: rgba(179, 224, 255, 0.1); } @@ -2991,8 +2991,8 @@ span.amount { .theme-dark .title-31JmR4{ color: rgba(255, 255, 255, 0.7); } -.theme-dark .text-GwUZgS, -.theme-dark .title-2BxgL2, +.theme-dark .text-27cdrj, +.theme-dark .title-2CL_z0, .theme-dark .description-3_Ncsb, .theme-dark .labelDescriptor-1PqHgD, .theme-dark .desc-2Dttbk, @@ -3174,16 +3174,16 @@ span.amount { .theme-dark .activityProfile-2bJRaP .details-38sfDr, .theme-dark .activityProfile-2bJRaP .name-29ETJS, -.theme-dark .activityUserPopout-2yItg2 .details-38sfDr, -.theme-dark .activityUserPopout-2yItg2 .name-29ETJS, +.theme-dark .headerTop-3GPUSF .details-38sfDr, +.theme-dark .headerTop-3GPUSF .name-29ETJS, .theme-light .activityProfile-2bJRaP .details-38sfDr, .theme-light .activityProfile-2bJRaP .name-29ETJS, -.theme-light .activityUserPopout-2yItg2 .details-38sfDr, -.theme-light .activityUserPopout-2yItg2 .name-29ETJS{ +.theme-light .headerTop-3GPUSF .details-38sfDr, +.theme-light .headerTop-3GPUSF .name-29ETJS{ color: rgba(255, 255, 255, 0.8); } -.theme-dark .activityUserPopout-2yItg2 .content-3JfFJh{ +.theme-dark .headerTop-3GPUSF .content-3JfFJh{ color: rgba(255, 255, 255, 0.5); } @@ -3227,8 +3227,8 @@ span.discriminator{ margin-bottom: 0 !important; } -.theme-dark .noChannel-Z1DQK7{ - background-color: rgba(0, 0, 0, 0); +.theme-dark .noChannel-1GDIAZ{ + background-color: rgba(3, 3, 3, 0); } .video-36_NdB{ @@ -3338,9 +3338,9 @@ span.discriminator{ } .theme-dark .activityProfile-2bJRaP .headerText-1HLrL7, -.theme-dark .activityUserPopout-2yItg2 .headerText-1HLrL7, +.theme-dark .headerTop-3GPUSF .headerText-1HLrL7, .theme-light .activityProfile-2bJRaP .headerText-1HLrL7, -.theme-light .activityUserPopout-2yItg2 .headerText-1HLrL7{ +.theme-light .headerTop-3GPUSF .headerText-1HLrL7{ color: rgba(255, 255, 255, 0.9); } @@ -3372,11 +3372,17 @@ span.discriminator{ background-color: rgba(0, 0, 0, 0); }*/ -.quickswitcher-3JagVE{ +.quickswitcher-pKcM9U { box-shadow: none !important; color: rgba(255, 255, 255, 0.8) !important; } +.input-3r5zZY { + background: rgba(255, 255, 255, 0.1); + border-radius: 0; + color: rgba(255, 255, 255, 0.8); +} + .theme-dark .auditLog-3jNbM6{ background-color: rgba(0, 0, 0, 0.6) !important; border: none; @@ -3483,12 +3489,12 @@ div.action.join { /* Discord Update 2018/01/17 */ -.theme-dark .layer-3QrUeG, -.theme-dark .layers-3iHuyZ{ +.theme-dark .layer-86YKbF, +.theme-dark .layers-OrUESM{ background-color: rgba(0, 0, 0, 0); } -.theme-dark .typing-2GQL18{ +.theme-dark .typing-2J1mQU{ background-color: rgba(0, 0, 0, 0); } @@ -3592,7 +3598,7 @@ div.action.join { border-radius: 0; } -.theme-dark .listRow-hutiT_:hover{ +.theme-dark .listRow-2nO1T6:hover{ background: none; background-color: rgba(255, 255, 255, 0.1); } @@ -3920,7 +3926,7 @@ input{ background-color: rgba(255, 255, 255, 0.2); } -.userPopout-3XzG_A{ +.userPopout-2j1gM4{ border-radius: 0; box-shadow: none; } @@ -3978,7 +3984,7 @@ input{ border-radius: 0; } -.theme-dark .members-1998pB{ +.theme-dark .members-3WRCEx{ background-color: rgba(0, 0, 0, 0); } @@ -4049,24 +4055,24 @@ input{ border: none; } -.theme-dark .messagesPopoutWrap-1MQ1bW, .theme-dark .container-enaOkj { +.theme-dark .messagesPopoutWrap-3zryHW, .theme-dark .container-enaOkj { background-color: rgba(22, 22, 22, 0.8); border-radius: 0; border: none; box-shadow: none; } -.theme-dark .messagesPopoutWrap-1MQ1bW .header-ykumBX, .theme-dark .container-enaOkj .header-ykumBX{ +.theme-dark .messagesPopoutWrap-3zryHW .header-145e10, .theme-dark .container-enaOkj .header-145e10{ background-color: rgba(0, 0, 0, 0.42); border-radius: 0; box-shadow: none; } -.theme-dark .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .channelHeader-3Gd2xq, .theme-dark .container-enaOkj .channelHeader-3Gd2xq { +.theme-dark .messagesPopoutWrap-3zryHW .messagesPopout-24nkyi .channelHeader-DFRX8q, .theme-dark .container-enaOkj .channelHeader-DFRX8q { background-color: rgba(0, 0, 0, 0.7); } -.theme-dark .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .messageContainer-gbhlwo, .theme-dark .container-enaOkj .messages-3G3erD{ +.theme-dark .messagesPopoutWrap-3zryHW .messagesPopout-24nkyi .messageContainer-3VTXBC, .theme-dark .container-enaOkj .messages-3G3erD{ background-color: rgba(0, 0, 0, 0.33); border-radius: 0; border: none; @@ -4112,16 +4118,16 @@ input{ background-color: rgba(255, 255, 255, 0.1); } -.theme-dark .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .message-group:hover .actionButtons-1sUUug{ +.theme-dark .messagesPopoutWrap-3zryHW .messagesPopout-24nkyi .message-group:hover .actionButtons-1sUUug{ background-color: rgba(255, 255, 255, 0.0); box-shadow: none; } -.theme-dark .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .message-group .actionButtons-1sUUug .jumpButton-3DTcS_{ +.theme-dark .messagesPopoutWrap-3zryHW .messagesPopout-24nkyi .message-group .actionButtons-1sUUug .jumpButton-1ZwI_j{ background-color: rgba(255, 255, 255, 0.2); } -.actionButtons-1sUUug .jumpButton-3DTcS_{ +.actionButtons-1sUUug .jumpButton-1ZwI_j{ border-radius: 0; box-shadow: none; @@ -4135,7 +4141,7 @@ input{ background: none; } -.container-2lgZY8{ +.container-1eFtFS { background: none; } @@ -4145,7 +4151,7 @@ input{ } /* there was two of them */ -.typeWindows-1za-n7{ +.typeWindows-2-g3UY{ background: rgba(0, 0, 0, 0.9); margin-top: 0; padding-top: 4px; @@ -4160,7 +4166,7 @@ input{ /* Member Side Bar and channels thing fix */ -.theme-dark .members-1998pB, +.theme-dark .members-3WRCEx, .channels-Ie2l6A{ background-color: rgba(0, 0, 0, 0.0); } @@ -4185,7 +4191,7 @@ input{ /* I forgot beyond this */ -.container-3w7J-x{ +.container-1NXEtd{ background: none; } @@ -4244,13 +4250,13 @@ input{ background-color: rgba(0, 0, 0, 0.5); } -.base-3dtUhz{ +.base-2jDfDU{ border-radius: 0; } /* Typing background */ -.theme-dark .typing-2GQL18{ +.theme-dark .typing-2J1mQU{ background-color: rgba(0, 0, 0, 0); } @@ -4396,7 +4402,7 @@ input{ border: none; } -.theme-dark .jumpButton-3DTcS_{ +.theme-dark .jumpButton-1ZwI_j{ background-color: rgba(255, 255, 255, 0); } @@ -4420,9 +4426,9 @@ input{ } /* Discord update 2018/08/04 */ -.theme-dark .chat-3bRxxu, -.theme-dark .chat-3bRxxu form, -.theme-dark .content-yTz4x3{ +.theme-dark .chat-2ZfjoI, +.theme-dark .chat-2ZfjoI form, +.theme-dark .content-1jQy2l{ background-color: rgba(0, 0, 0, 0); } @@ -4430,14 +4436,14 @@ input{ background-color: rgba(0, 0, 0, 0); } -.newMessagesBar-265mhP{ +.newMessagesBar-1hF-9G { background-color: rgba(114,137,218, 0.6); border-radius: 0; } /*TODO: Delete below if stuff gets messed up again for this part*/ -.theme-dark .divider-3gKybi.dividerRed-MKoLlr>span{ +.theme-dark .divider-2rZFJK.dividerRed-MKoLlr>span{ margin-left: calc(-100% + 242px); margin-top: 22px; background-color: rgba(240, 71, 71, 0.35) !important; @@ -4446,15 +4452,15 @@ input{ border-radius: 0; } -.theme-dark .divider-3gKybi.dividerRed-MKoLlr>div{ +.theme-dark .divider-2rZFJK.dividerRed-MKoLlr>div{ background-color: rgba(0, 0, 0, 0); } -.theme-dark .divider-3gKybi{ +.theme-dark .divider-2rZFJK{ margin-right: 20px; } -.theme-dark .divider-3gKybi:before{ +.theme-dark .divider-2rZFJK:before{ /*margin-top: -20px;*/ background-color: hsla(0,0%,100%,.06); } @@ -4483,16 +4489,16 @@ input{ padding-top: 20px; } -.theme-dark .divider-3gKybi span{ +.theme-dark .divider-2rZFJK span{ background-color: rgba(0, 0, 0, 0); } -.theme-dark .divider-3gKybi:not(.red-1YQ4s7) span{ +.theme-dark .divider-2rZFJK :not(.red-1YQ4s7) span{ /* TODO: Fix text on this */ } -.theme-dark .divider-3gKybi:not(.red-1YQ4s7) div{ +.theme-dark .divider-2rZFJK :not(.red-1YQ4s7) div{ /*margin-top: -40px !important;*/ background-color: rgba(0, 0, 0, 0); } @@ -4687,12 +4693,12 @@ input{ } /* Fix 'New Messages' margin and width */ -.theme-dark .divider-3gKybi.dividerRed-MKoLlr>span{ +.theme-dark .divider-2rZFJK .dividerRed-MKoLlr>span{ margin-top: 1px; margin-bottom: -20px; } -.theme-dark .divider-3gKybi.dividerRed-MKoLlr{ +.theme-dark .divider-2rZFJK .dividerRed-MKoLlr{ width: 180px; } @@ -4704,14 +4710,14 @@ input{ /* Fix margins for date dividers */ -.theme-dark .divider-3gKybi:not(.dividerRed-MKoLlr) .dividerContent-2L12VI{ +.theme-dark .divider-2rZFJK:not(.dividerRed-MKoLlr) .dividerContent-2L12VI{ color: rgba(255, 255, 255, 0.5); margin-top: -11px; margin-bottom: -8px; } -.theme-dark .divider-3gKybi:not(.dividerRed-MKoLlr) .dividerContent-2L12VI:after, .theme-dark .divider-3gKybi:not(.dividerRed-MKoLlr) .dividerContent-2L12VI:before{ +.theme-dark .divider-2rZFJK:not(.dividerRed-MKoLlr) .dividerContent-2L12VI:after, .theme-dark .divider-2rZFJK:not(.dividerRed-MKoLlr) .dividerContent-2L12VI:before{ border-color: rgba(255, 255, 255, 0.1); } @@ -4753,12 +4759,12 @@ input{ border-radius: 0; } -.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6{ +.theme-dark .lookFilled-yCfaCM.colorPrimary-3b3xI6{ background-color: rgba(255, 255, 255, 0.2); } -.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6:active, -.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover{ +.theme-dark .lookFilled-yCfaCM.colorPrimary-3b3xI6:active, +.theme-dark .lookFilled-yCfaCM.colorPrimary-3b3xI6:hover{ background-color: rgba(255, 255, 255, 0.3); } @@ -4830,7 +4836,7 @@ input{ /* Fix the background for search pop-up window */ -.theme-dark .container-3ayLPN{ +.theme-dark .container-2McqkF{ background-color: rgba(22, 22, 22, 0.8); } @@ -5149,7 +5155,7 @@ input{ /* Fix Friends list background color */ -.theme-dark .container-3gCOGc{ +.theme-dark .container-2cd8Mz{ background-color: rgba(0, 0, 0, 0); } @@ -5264,7 +5270,7 @@ input{ /* Fix guilds sidebar background color */ -.theme-dark .wrapper-3NnKdC{ +.theme-dark .wrapper-1_HaEi { background-color: rgba(0, 0, 0, 0.5); } @@ -5417,16 +5423,16 @@ input{ /* Fix channel sidebar selection and hover background color and border radius */ -.theme-dark .wrapper-2jXpOf.modeSelected-346R90 .content-1x5b-n, -.theme-dark .wrapper-2jXpOf.modeSelected-346R90:hover .content-1x5b-n, -.theme-light .wrapper-2jXpOf.modeSelected-346R90 .content-1x5b-n, -.theme-light .wrapper-2jXpOf.modeSelected-346R90:hover .content-1x5b-n{ +.theme-dark .wrapper-NhbLHG.modeSelected-3DmyhH .content-1gYQeQ, +.theme-dark .wrapper-NhbLHG.modeSelected-3DmyhH:hover .content-1gYQeQ, +.theme-light .wrapper-NhbLHG.modeSelected-3DmyhH .content-1gYQeQ, +.theme-light .wrapper-NhbLHG.modeSelected-3DmyhH:hover .content-1gYQeQ{ background-color: rgba(0, 0, 0, 0.42); border-radius: 0; } -.theme-dark .wrapper-2jXpOf:hover .content-1x5b-n, -.theme-light .wrapper-2jXpOf:hover .content-1x5b-n{ +.theme-dark .wrapper-NhbLHG:hover .content-1gYQeQ, +.theme-light .wrapper-NhbLHG:hover .content-1gYQeQ{ background-color: rgba(0, 0, 0, 0.22); border-radius: 0; } @@ -5435,13 +5441,13 @@ input{ .theme-dark .side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ, .theme-dark .side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ:hover, -.theme-dark .topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ, -.theme-dark .topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ:hover{ +.theme-dark .topPill-3DJJNV .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ, +.theme-dark .topPill-3DJJNV .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ:hover{ background-color: rgba(0, 0, 0, 0.42); } .theme-dark .side-8zPYf6 .themed-OHr7kt.item-PXvHYJ:hover, -.theme-dark .topPill-30KHOu .themed-OHr7kt.item-PXvHYJ:hover{ +.theme-dark .topPill-3DJJNV .themed-OHr7kt.item-PXvHYJ:hover{ background-color: rgba(0, 0, 0, 0.22); } @@ -5461,7 +5467,7 @@ input{ border-top-color: rgba(197, 207, 237, 1) } -.wrapper-2tAnRe{ +.wrapper-2fEmwW{ color: rgba(255, 255, 255, 0.5); background-color: rgba(0, 0, 0, 0.33); border-radius: 0; @@ -5469,33 +5475,33 @@ input{ /* Fixed border radius and background for current member count and member limit for voice channel */ -.users-3kndPl{ +.users-2JoyGL{ background-color: rgba(0, 0, 0, 0.0); } -.total-i6us2n{ +.total-1c5KCN{ background-color: rgba(0, 0, 0, 0.33); } -.total-i6us2n:after{ +.total-1c5KCN:after{ border-right-color: rgba(0, 0, 0, 0.33); } /* Fix the header background color at friend list */ -.theme-dark .container-1r6BKw{ +.theme-dark .container-ZMc96U{ background: rgba(0, 0, 0, 0.5) none; box-shadow: none; } /* Fix emoji picker search bar background color and text color */ -.lightTheme-3LGLQs.container-2XeR5Z{ +.container-1SX9VC{ background-color: rgba(0, 0, 0, 0.42); border-radius: 0; } -.lightTheme-3LGLQs .input-1Rv96N{ +.input-2FSSDe { color: rgba(255, 255, 255, 0.8); } @@ -5536,8 +5542,8 @@ input{ border-radius: 0; } -.categoryFade-2ybR1J, -.categoryFadeBlurple-1j72_A{ +.categoryFade-2EGqIh, +.categoryFadeBlurple-1HuV1x{ border-radius: 0; } @@ -5552,7 +5558,7 @@ input{ /* Fix the odd gradient before the chat search bar */ -.theme-dark .children-19S4PO:after{ +.theme-dark .children-3xh0VB:after{ background: none; } @@ -5565,8 +5571,8 @@ input{ /* Fixed inconsistency on server icons and other buttons*/ -.theme-dark .acronym-2mOFsV, -.theme-light .acronym-2mOFsV, +.theme-dark .acronym-2zrAHN, +.theme-light .acronym-2zrAHN, .theme-dark .button-OhfaWu, .theme-light .button-OhfaWu{ background-color: rgba(0, 0, 0, 0.42); @@ -5817,7 +5823,7 @@ input{ background-color: rgba(0, 0, 0, 0.22); } -.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6:disabled{ +.theme-dark .lookFilled-yCfaCM.colorPrimary-3b3xI6:disabled{ background-color: rgba(255, 255, 255, 0.1); } @@ -5854,21 +5860,21 @@ input{ /* Fix the username background color */ -.theme-dark .container-3baos1, -.theme-light .container-3baos1{ +.theme-dark .container-YkUktl, +.theme-light .container-YkUktl{ background-color: rgba(0, 0, 0, 0.5); padding-bottom: 0; } /* Fix discrim number text color */ -.theme-dark .discriminator-3-Lf_x, .theme-light .discriminator-3-Lf_x{ +.theme-dark .subtext-2HDqJ7, .theme-light .subtext-2HDqJ7{ color: rgba(197, 207, 237, 1); } /* Quick background fixes */ -.app-2rEoOp{ +.app-3xd6d0{ background-color: rgba(0, 0, 0, 0); } @@ -5885,13 +5891,14 @@ input{ --background-tertiary: none; --deprecated-store-bg: none; --deprecated-panel-background: none; - --background-floating: rgba(0, 0, 0, 0.8); + --background-floating: rgba(0, 0, 0, 0.8); --background-modifier-hover: none; --background-modifier-selected: none; --background-modifier-active: none; --scrollbar-auto-thumb: rgba(0, 0, 0, 0.4); --scrollbar-auto-track: rgba(0, 0, 0, 0.05); --scrollbar-thin-thumb: rgba(255, 255, 255, 0.3); + --channeltextarea-background: none; } .theme-dark .modal-yWgWj-, .theme-dark .footer-3rDWdC { @@ -5924,14 +5931,14 @@ input{ min-height: 2rem; } */ -.scrollableContainer-2NUZem.webkit-HjD9Er { +.scrollableContainer-15eg7h.webkit-HjD9Er { background-color: rgba(0, 0, 0, 0.5); border-radius:0 } -.panels-j1Uci_ { +.panels-3wFtMD { background-color: transparent; } -.activityPanel-28dQGo { +.activityPanel-9icbyU { background: rgba(0, 0, 0, 0.5); } .theme-dark .bodyInner-245q0L { @@ -5954,28 +5961,28 @@ input{ background-color: rgba(0, 0, 0, 0.3); } /* emoji picker fix */ -.contentWrapper-SvZHNd, .emojiPicker-3PwZFl { +.contentWrapper-3vHNP2, .emojiPicker-6YCk8a { background: rgba(0, 0, 0, 0.65); border-radius: 0; } -.wrapper-1-Fsb8 { +.wrapper-1NNaWG { background-color: rgba(0, 0, 0, 0) !important; } -.unicodeShortcut-15J8Ck { +.unicodeShortcut-3N8oDe { background-color: rgba(0, 0, 0, 0.6) !important; } -.unicodeShortcut-15J8Ck:hover { +.unicodeShortcut-3N8oDe:hover { color: #f2f2f2; } -.inspector-S2gM3e { +.inspector-DFKXwB { background-color: rgba(0, 0, 0, 0.6) !important; } -.emojiItem-14v6tW.emojiItemSelected-1aLkfV { +.emojiItem-277VFM.emojiItemSelected-2Lg50V { background-color: rgba(0, 0, 0, 0.6); border-radius: 0; border: 1px #fff5 solid; @@ -5984,23 +5991,23 @@ input{ /* that active contacts now playing thingy on friend page */ -.nowPlayingColumn-2sl4cE { +.nowPlayingColumn-1eCBCN { background-color: rgba(0, 0, 0, 0.22); } -.itemCard-v9viV7 { +.itemCard-3Etziu { background-color: rgba(0, 0, 0, 0.3); border-radius: 0; } -.theme-dark .inset-3sAvek { +.theme-dark .inset-SbsSFp { background-color: rgba(0, 0, 0, 0.4); border-radius: 0; } -.theme-dark .separator-XqIyoz { +.theme-dark .separator-2OaeRP { background-color: #fff2; } -.wrapper-2aW0bm { +.wrapper-2vIMkT { background-color: rgba(0, 0, 0, 0.5); border-radius: 0; } @@ -6010,56 +6017,56 @@ input{ .button-1ZiXG9.selected-LCBEAU { background-color: rgba(0, 0, 0, 0.4); } -.clickable-1JJAn8.container-2Pjhx-:hover, .clickable-1JJAn8.container-2Pjhx-:hover .muted-3mU76i { +.clickable-28SzVr.container-1oeRFJ:hover, .clickable-28SzVr.container-1oeRFJ:hover .muted-14PyqW { background-color: rgba(0, 0, 0, 0.22); border-radius: 0; } -.clickable-1JJAn8.container-2Pjhx-:active, .highlighted-1gWxXa.container-2Pjhx-, .selected-aXhQR6.container-2Pjhx- { +.clickable-28SzVr.container-1oeRFJ:active, .highlighted-3PcOfB.container-1oeRFJ, .selected-1-Z6gm.container-1oeRFJ { background-color: rgba(0, 0, 0, 0.5); border-radius: 0; } -.clickable-1JJAn8:active .layout-2DM8Md { +.clickable-28SzVr:active .layout-1qmrhw { background-color: rgba(0, 0, 0, 0.7); border-radius: 0; } -.theme-dark .outer-1AjyKL.interactive-3B9GmY:hover { +.theme-dark .outer-2JOHae.active-1W_Gl9, .theme-dark .outer-2JOHae.interactive-2zD88a:hover { background-color: rgba(0, 0, 0, 0.5); } /* stream preview overlay */ -.theme-dark .streamPreview-2-WUWT { +.theme-dark .streamPreview-3qoMP4 { background-color: rgba(0, 0, 0, 0.65); } -.streamPreview-2-WUWT { +.streamPreview-3qoMP4 { border-radius: 0; } -.theme-dark .watchButton-2SbJEo:hover { +.theme-dark .watchButton-2v6cPT:hover { border-color: rgba(255, 255, 255, 0.6); background-color: rgba(0, 0, 0, 0.4); } /* fix guild button */ -.container-1taM1r { +.container-1-ERn5 { background: rgba(0, 0, 0, 0.5); } -.container-1taM1r:hover { +.container-1-ERn5:hover { background: rgba(0, 0, 0, 0.7); } /* fix embed stuff */ -.embedFull-2tM8-- { +.embedFull-1HGV2S { background: rgba(0, 0, 0, 0.33); border-left: 2px solid rgba(255, 255, 255, 0.22); border-radius: 0; } /* expanded folder background (wow) */ -.expandedFolderBackground-3ZDF05 { +.expandedFolderBackground-1kSAf6 { background: rgba(255, 255, 255, 0.1); } /* a little gap between now playing section and role section on user card */ -.bodyInnerWrapper-Z8WDxe { +.bodyInnerWrapper-2bQs1k { margin-top: 8px; } @@ -6079,15 +6086,15 @@ input{ } /* link window fix */ -.backdropWithLayer-3_uhz4 { +.backdrop-2ByYRN.withLayer-2VVmpp { opacity: 0.5 !important; } -.theme-dark .root-1gCeng { - background: rgba(0, 0, 0, 0.62); +.theme-dark .root-g14mjS { + background: rgba(0, 0, 0, 0.62) !important; border-radius: 0; } -.theme-dark .footer-2gL1pp { +.theme-dark .footer-31IekZ { background: rgba(0, 0, 0, 0.7); border-radius: 0; } @@ -6097,10 +6104,9 @@ input{ border-radius: 0; } .fieldList-21DyL8 { - background: rgba(0, 0, 0, 0.15); border-radius: 0; } -.lookFilled-1Gx00P.colorGrey-2DXtkV { +.theme-dark .lookFilled-yCfaCM.colorGrey-2iAG-B { background: rgba(0, 0, 0, 0.6); } @@ -6153,6 +6159,9 @@ input{ background: rgba(0, 0, 0, 0.7); font-weight: bold; } +.itemFilled-3llgIC:hover:not([aria-checked=true]) { + background-color: rgba(0, 0, 0, 0.3); +} .deny-3nAuT6, .allow-1PzSY3 { border-radius: 0; @@ -6191,7 +6200,7 @@ input{ .container-1pMiXm { background-color: rgba(0, 0, 0, 0.22); } -.backdrop-1wrmKB.withLayer-RoELSG { +.backdrop-2ByYRN.withLayer-RoELSG { background-color: rgba(0, 0, 0, 0.7) !important; } @@ -6210,7 +6219,7 @@ input{ .threadName-2iLyXl { color: #EEE; } -.container-2wlB3z { +.container-2o3qEW { background-color: rgba(0, 0, 0, 0.22); } .container-3hZ-gs { @@ -6233,4 +6242,41 @@ input{ .searchResult-9tQ1uo { background-color: rgba(0, 0, 0, 0.15); border-radius: 0; +} +.header-2mZ9Ov { + background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.3)); +} +.accountProfileCard-1XCH88 { + background-color: rgba(0, 0, 0, 0.33); + border-radius: 0; +} + +.bodyInnerWrapper-2bQs1k { + background-color: rgba(0, 0, 0, 0.0); +} +.body-1Ukv50, .topSection-13QKHs { + background-color: rgba(0, 0, 0, 0); +} +.scrollableContainer-15eg7h { + background-color: rgba(0, 0, 0, 0.5); + border-radius: 0; +} + +/* friend list search bar */ +.container-2oNtJn { + background-color: rgba(0, 0, 0, 0.5); + border-radius: 0;; +} + +/* up-left search bar on friend list page */ +.searchBar-3TnChZ { + background-color: rgba(0, 0, 0, 0.5) +} + +/* what the fuck is this, ::after gradient, for real? */ +.theme-dark .option-2KkUJO:after { + background: none; +} +.theme-dark .option-2KkUJO:hover { + background-color: rgba(0, 0, 0, 0.33); } \ No newline at end of file From ff5be7c704c072ba0a00e94d963d0d7d19c4761a Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Tue, 11 Jan 2022 22:32:25 +0500 Subject: [PATCH 07/31] also descriptions and readme updated --- README.md | 2 +- crystalline.css | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index aa2878d..5218bf8 100644 --- a/README.md +++ b/README.md @@ -3,7 +3,7 @@ Crystalline is a BeautifulDiscord theme focused on using non-rounded edges, dark If there is any bug found or any suggestions, feel free to open an issue. Thank you in advance! In case it is needed, embed Link is available below:
-[Current Version](https://gitcdn.xyz/repo/SamuiNe/Crystalline-css/master/crystalline.css)
+[Current Version](https://raw.githubusercontent.com/TommyGodlike/Crystalline-css/master/crystalline.css)
## Requirements To apply this CSS to Discord, you need to have [BeautifulDiscord](https://github.com/leovoel/BeautifulDiscord) installed!
diff --git a/crystalline.css b/crystalline.css index 7a0d29d..8406d53 100644 --- a/crystalline.css +++ b/crystalline.css @@ -4,11 +4,11 @@ * * * Created by SamuiNe * * https://github.com/SamuiNe * + * Maintained by TommyGodlike * + * https://github.com/TommyGodlike * * * * Found a bug or have a suggestion? * * Feel free to open an issue at the GitHub repository. * - * Or, feel free to join my Discord Server linked below. * - * https://discord.gg/An6Yka5 * * Thank you in advance! * * * * MIT License, Copyright SamuiNe 2016 ~ 2022? * From df922ba560c587093f4ba7ed2eec614ffc36880d Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Wed, 12 Jan 2022 15:56:55 +0500 Subject: [PATCH 08/31] unfuckery continues still so much to do, but better than nothing --- crystalline.css | 387 ++++++++++++++++++++++++++---------------------- 1 file changed, 209 insertions(+), 178 deletions(-) diff --git a/crystalline.css b/crystalline.css index 8406d53..365a90f 100644 --- a/crystalline.css +++ b/crystalline.css @@ -2564,7 +2564,7 @@ span.amount { border-bottom: none; } -.wrapper-232cHJ{ +.wrapper-22ayhK { border-radius: 0 !important; box-shadow: none !important; text-shadow: none !important; @@ -2618,12 +2618,12 @@ span.amount { box-shadow: none; } -.input-cIJ7To{ +.input-2g-os5{ border-radius: 0; border: none; } -.theme-dark .input-cIJ7To{ +.theme-dark .input-2g-os5{ background-color: rgba(0, 0, 0, 0.3); } @@ -2673,7 +2673,7 @@ span.amount { background-color: rgba(255, 255, 255, 0.2) !important; } -.item-PXvHYJ{ +.item-3XjbnG{ border-radius: 0 !important; } @@ -2686,11 +2686,11 @@ span.amount { border-top-color: #7289da; } -.grabber-3mFHz2{ +.grabber-2GQyvM{ border-radius: 0; } -.theme-dark .bar-2Qqk5Z{ +.theme-dark .bar-1Bhnl9{ border-radius: 0; background-color: rgba(255, 255, 255, 0.2); } @@ -2702,7 +2702,7 @@ span.amount { border-radius: 0; } -.theme-dark .autocomplete-1vrmpx{ +.theme-dark .autocomplete-3NRXG8{ background-color: rgba(10, 10, 10, 0.9) !important; border-radius: 0; } @@ -2742,7 +2742,7 @@ span.amount { border: none; } -.botTagInvert-18-95s{ +.botTagInvert-1nKcq_{ border-radius: 0; background: rgba(0, 108, 200, 0.5) !important; color: rgba(255, 255, 255, 0.9) !important; @@ -2835,7 +2835,7 @@ span.amount { border-radius: 0; } -.theme-dark .checkbox-1ix_J3{ +.theme-dark .checkbox-184-il{ border: none; } @@ -2863,11 +2863,11 @@ span.amount { background-color: rgba(255, 255, 255, 0.1); } -.checkboxWrapper-SkhIWG{ +.checkboxWrapper-2fDzaA{ background-color: rgba(0, 0, 0, 0); } -.checkboxWrapper-SkhIWG:hover{ +.checkboxWrapper-2fDzaA:hover{ background-color: rgba(0, 0, 0, 0); } @@ -2978,7 +2978,7 @@ span.amount { color: rgba(255, 255, 255, 1) !important; } -.theme-dark .h5-18_1nd, +.theme-dark .h5-2RwDNl, .text-align-right{ color: rgba(255, 255, 255, 0.85); } @@ -3172,12 +3172,12 @@ span.amount { /* Fix for that large game playing stuff */ -.theme-dark .activityProfile-2bJRaP .details-38sfDr, -.theme-dark .activityProfile-2bJRaP .name-29ETJS, +.theme-dark .activityProfile-1712BN .details-38sfDr, +.theme-dark .activityProfile-1712BN .name-29ETJS, .theme-dark .headerTop-3GPUSF .details-38sfDr, .theme-dark .headerTop-3GPUSF .name-29ETJS, -.theme-light .activityProfile-2bJRaP .details-38sfDr, -.theme-light .activityProfile-2bJRaP .name-29ETJS, +.theme-light .activityProfile-1712BN .details-38sfDr, +.theme-light .activityProfile-1712BN .name-29ETJS, .theme-light .headerTop-3GPUSF .details-38sfDr, .theme-light .headerTop-3GPUSF .name-29ETJS{ color: rgba(255, 255, 255, 0.8); @@ -3241,7 +3241,7 @@ span.discriminator{ /* Discord update 2017/11/23 */ -.theme-dark .wrapper-35wsBm{ +.theme-dark .wrapper-1HIH0j{ border-radius: 0; border: none; background-color: rgba(0, 0, 0, 0.5); @@ -3251,7 +3251,7 @@ span.discriminator{ border-radius: 0; } -.guildIconExpired-2Qcq05{ +.guildIconExpired-2BFmZC{ border-radius: 0; } @@ -3337,10 +3337,10 @@ span.discriminator{ padding: 10px 10px; } -.theme-dark .activityProfile-2bJRaP .headerText-1HLrL7, -.theme-dark .headerTop-3GPUSF .headerText-1HLrL7, -.theme-light .activityProfile-2bJRaP .headerText-1HLrL7, -.theme-light .headerTop-3GPUSF .headerText-1HLrL7{ +.theme-dark .activityProfile-1712BN .headerText-3g1XK9, +.theme-dark .headerTop-3GPUSF .headerText-3g1XK9, +.theme-light .activityProfile-1712BN .headerText-3g1XK9, +.theme-light .headerTop-3GPUSF .headerText-3g1XK9{ color: rgba(255, 255, 255, 0.9); } @@ -3362,7 +3362,7 @@ span.discriminator{ color: rgba(255, 255, 255, 0.8); } -.container-16j22k{ +.container-2RRFHK{ background-color: rgba(0, 0, 0, 0.8); } @@ -3425,18 +3425,18 @@ span.discriminator{ border-radius: 0 !important; } -.roleCircle-3xAZ1j{ +.roleCircle-1EgnFN{ border-radius: 0; height: 10px; width: 10px; } -.role-2irmRk{ +.role-2TIOKu{ border-radius: 0; height: 20px; } -.roleName-32vpEy{ +.roleName-2ZJJYR{ font-weight: normal; } @@ -3514,20 +3514,20 @@ div.action.join { border: none; } -.theme-dark .theme-light .calendarPicker-2yf6Ci .react-datepicker, -.theme-light .calendarPicker-2yf6Ci .react-datepicker{ +.theme-dark .theme-light .calendarPicker-sDhzdi .react-datepicker, +.theme-light .calendarPicker-sDhzdi .react-datepicker{ background-color: rgba(22, 22, 22, 0.8); } -.theme-dark .theme-light .calendarPicker-2yf6Ci .react-datepicker__header, -.theme-light .calendarPicker-2yf6Ci .react-datepicker__header{ +.theme-dark .theme-light .calendarPicker-sDhzdi .react-datepicker__header, +.theme-light .calendarPicker-sDhzdi .react-datepicker__header{ background-color: rgba(0, 0, 0, 0); } -.theme-dark .theme-light .calendarPicker-2yf6Ci .react-datepicker__current-month, -.theme-light .calendarPicker-2yf6Ci .react-datepicker__current-month, -.theme-dark .theme-light .calendarPicker-2yf6Ci .react-datepicker__day-name, -.theme-light .calendarPicker-2yf6Ci .react-datepicker__day-name{ +.theme-dark .theme-light .calendarPicker-sDhzdi .react-datepicker__current-month, +.theme-light .calendarPicker-sDhzdi .react-datepicker__current-month, +.theme-dark .theme-light .calendarPicker-sDhzdi .react-datepicker__day-name, +.theme-light .calendarPicker-sDhzdi .react-datepicker__day-name{ color: rgba(255, 255, 255, 0.8); } @@ -3535,8 +3535,8 @@ div.action.join { background-color: rgba(255, 255, 255, 0.1); } -.theme-dark .theme-light .calendarPicker-2yf6Ci .react-datepicker__day, -.theme-light .calendarPicker-2yf6Ci .react-datepicker__day{ +.theme-dark .theme-light .calendarPicker-sDhzdi .react-datepicker__day, +.theme-light .calendarPicker-sDhzdi .react-datepicker__day{ color: rgba(255, 255, 255, 0.8); } @@ -3550,8 +3550,8 @@ div.action.join { background-color: rgba(22, 22, 22, 0.8); } -.theme-dark .searchAnswer-3Dz2-q, -.theme-dark .searchFilter-2ESiM3{ +.theme-dark .searchAnswer-23w-CH, +.theme-dark .searchFilter-2UfsDk{ border-radius: 0; background-color: rgba(255, 255, 255, 0.15); @@ -3562,16 +3562,16 @@ div.action.join { background-color: rgba(255, 255, 255, 0.1) !important; } -.searchAnswer-3Dz2-q{ +.searchAnswer-23w-CH{ margin-left: 0; } -.theme-dark .theme-light .calendarPicker-2yf6Ci .react-datepicker__day:hover, -.theme-light .calendarPicker-2yf6Ci .react-datepicker__day:hover{ +.theme-dark .theme-light .calendarPicker-sDhzdi .react-datepicker__day:hover, +.theme-light .calendarPicker-sDhzdi .react-datepicker__day:hover{ background-color: rgba(255, 255, 255, 0.2); } -.embedPill-1Zntps{ +.grid-1aWVsE { border-radius: 0; } @@ -3617,7 +3617,7 @@ div.action.join { background-color: rgba(255, 255, 255, 0.1); } -.channel-members .botTag-2WPJ74{ +.channel-members .botTag-7aX5WZ{ height: 12px; line-height: 13px; } @@ -3654,9 +3654,9 @@ div.action.join { background-color: rgba(22, 22, 22, 0.8); } -.video-1FfuMD{ +.video-eAcneW { background: rgba(0, 0, 0, 0); - height: 80%; + /* height: 80%; very controversial rule for me */ } .theme-dark .private-channel-call.minimum .private-channel-call-actions .center{ @@ -3691,9 +3691,9 @@ div.action.join { border-radius: 0; } -.embedImage-2W1cML, -.imageWrapper-2p5ogY, -.embedVideoActionsInner-2reMo2, +.embedImage-2Ynqkh, +.imageWrapper-oMkQl4, +.embedVideoActions-2XdFk2, .ghostPill-2-KUPM{ border-radius: 0; } @@ -3904,7 +3904,7 @@ input{ } /* Discord Update 2018/02/17 */ -.theme-dark .invite-18yqGF{ +.theme-dark .invite-3uuHYQ{ background-color: rgba(10, 10, 10, 0.7); border-radius: 0; border: none; @@ -3960,17 +3960,17 @@ input{ box-shadow: none; } -.wrapper-129saQ{ +.wrapper-x4po40{ border-radius: 0; } -.theme-dark .userSettingsVoice-iwdUCU .previewOverlay-2O7_KC{ +.theme-dark .userSettingsVoice-1_dzjw .previewOverlay-2O7_KC{ border-radius: 0; border: none; background-color: rgba(0, 0, 0, 0.5); } -.userSettingsVoice-iwdUCU .media-engine-video{ +.userSettingsVoice-1_dzjw .media-engine-video{ background: none; } @@ -4025,27 +4025,27 @@ input{ box-shadow: none; } -.resultsGroup-r_nuzN{ +.resultsGroup-1BPR25{ background-color: rgba(22, 22, 22, 0.8); } -.theme-dark .option-96V44q.selected-rZcOL-{ +.theme-dark .option-2KkUJO.selected-rZcOL-{ background-color: rgba(22, 22, 22, 0.8); border-radius: 0; border: none; box-shadow: none; } -.theme-dark .resultsGroup-r_nuzN:before{ +.theme-dark .resultsGroup-1BPR25:before{ border: none; } -.theme-dark .calendarPicker-2yf6Ci .react-datepicker__header, -.theme-dark .calendarPicker-2yf6Ci .react-datepicker{ +.theme-dark .calendarPicker-sDhzdi .react-datepicker__header, +.theme-dark .calendarPicker-sDhzdi .react-datepicker{ background-color: rgba(0, 0, 0, 0); } -.theme-dark .datePicker--XZbmJ .datePickerHint-3Q1Udw{ +.theme-dark .datePicker-70cO23 .datePickerHint-17MnA8{ border: none; } @@ -4055,13 +4055,17 @@ input{ border: none; } +/* mentions */ .theme-dark .messagesPopoutWrap-3zryHW, .theme-dark .container-enaOkj { background-color: rgba(22, 22, 22, 0.8); border-radius: 0; border: none; box-shadow: none; } - +.messageContainer-3VTXBC { + border-radius: 0; + background-color: rgba(0, 0, 0, 0.33); +} .theme-dark .messagesPopoutWrap-3zryHW .header-145e10, .theme-dark .container-enaOkj .header-145e10{ background-color: rgba(0, 0, 0, 0.42); border-radius: 0; @@ -4072,12 +4076,27 @@ input{ background-color: rgba(0, 0, 0, 0.7); } -.theme-dark .messagesPopoutWrap-3zryHW .messagesPopout-24nkyi .messageContainer-3VTXBC, .theme-dark .container-enaOkj .messages-3G3erD{ +.theme-dark .messagesPopoutWrap-3zryHW .messagesPopout-24nkyi .messageContainer-3VTXBC, .theme-dark .container-enaOkj .messages-23can0{ background-color: rgba(0, 0, 0, 0.33); border-radius: 0; border: none; } +/* unreads */ +.container-2ebMPP { + background-color: rgba(22, 22, 22, 0.8); + border-radius: 0; + border: none; + box-shadow: none; +} +.header-1w9Q93 { + background-color: rgba(0, 0, 0, 0.42); +} +.messages-23can0 { + border-radius: 0; + background-color: rgba(0, 0, 0, 0.33); +} + .theme-dark .container-enaOkj { background-color: rgba(22, 22, 22, 0.8); border-radius: 0; @@ -4095,17 +4114,17 @@ input{ background-color: rgba(52, 52, 52, 0.8); } -.theme-dark .option-96V44q .filter-3Y_im-{ +.theme-dark .option-2KkUJO .filter-5YbOzJ { color: rgba(255, 255, 255, 0.5); } -.theme-dark .option-96V44q .answer-1n6g43, -.theme-dark .option-96V44q .nonText-3CRkO0, -.theme-dark .option-96V44q strong{ +.theme-dark .option-2KkUJO .answer-2fBfuP, +.theme-dark .option-2KkUJO .nonText-3_4gtu, +.theme-dark .option-2KkUJO strong{ color: rgba(255, 255, 255, 0.8) !important; } -.theme-dark .option-96V44q.user-O3Czj0 .displayUsername-Qekxml{ +.theme-dark .option-2KkUJO.user-23VtPS .displayUsername-14aOpK{ color: rgba(197, 207, 237, 1); } @@ -4229,7 +4248,7 @@ input{ /* Bot Tag Thing */ -.botTag-2WPJ74{ +.botTag-7aX5WZ{ border-radius: 0; } @@ -4326,47 +4345,47 @@ input{ } /* Music bar thingy */ -.mediaBarWrapper-3D7r67, .mediaBarWrapper-3D7r67:after, .mediaBarWrapper-3D7r67:before{ +.mediaBarWrapper-33h1oY, .mediaBarWrapper-33h1oY:after, .mediaBarWrapper-33h1oY:before{ background-color: rgba(88, 88, 88, 0.42); /*border-radius: 0;*/ } -.buffer-26XPkd, .buffer-26XPkd:after, .buffer-26XPkd:before{ +.buffer-3eVqKK, .buffer-3eVqKK:after, .buffer-3eVqKK:before{ background-color: rgba(255, 255, 255, 0.5); /*border-radius: 0;*/ } /* -.mediaBarProgress-1xaPtl, .mediaBarProgress-1xaPtl:after, .mediaBarProgress-1xaPtl:before{ +.mediaBarProgress-38I317, .mediaBarProgress-38I317:after, .mediaBarProgress-38I317:before{ border-radius: 0; }*/ /* Music bar tooltip */ -.bubble-3qRl2J{ +.bubble-3XikHF{ border-radius: 0; background-color: rgba(10, 10, 10, 0.7); } -.bubble-3qRl2J:before{ +.bubble-3XikHF:before{ border-top-color: rgba(197, 207, 237, 1); /*TODO: Copy the triangle tooltip thing from other stuff*/ } -.mediaBarPreview-1jfyFs, .mediaBarPreview-1jfyFs:after, .mediaBarPreview-1jfyFs:before{ +.mediaBarPreview-1gUbVy, .mediaBarPreview-1gUbVy:after, .mediaBarPreview-1gUbVy:before{ background-color: rgba(142, 161, 255, 0.8); } -.wrapper-2TxpI8{ +.wrapper-1FP9YQ, .attachment-1PZZB2{ border-radius: 0; } /* Upload bar thingy */ -.progress-3Rbvu0{ +.progress-xNqAjK{ background-color: rgba(88, 88, 88, 0.8) !important; } -.progressBar-3u8FBM.small-1CUeBa{ +.progressBar-1T6LYX.small-1CUeBa{ background-color: rgba(0, 255, 133, 0.7) !important; border-radius: 0 !important; } @@ -4376,7 +4395,7 @@ input{ } /*Game invite gradient fix*/ -.coverImageWrapper-22d5LB{ +.coverImageWrapper-2wx5q1{ border-radius: 0; } @@ -4396,7 +4415,7 @@ input{ border-radius: 0; } -.theme-dark .messageGroupWrapper-o-Zw7G{ +.theme-dark .messageGroupWrapper-1jf_7C{ background-color: rgba(10, 10, 10, 0.7); border-radius: 0; border: none; @@ -4406,7 +4425,7 @@ input{ background-color: rgba(255, 255, 255, 0); } -.theme-dark .messageGroupWrapper-o-Zw7G:hover .actionButtons-1sUUug{ +.theme-dark .messageGroupWrapper-1jf_7C:hover .actionButtons-1sUUug{ -webkit-box-shadow: none; } @@ -4522,8 +4541,8 @@ input{ /* End of TODO 4398,3 */ -.theme-dark .jumpToPresentBar-G1R9s6, -.theme-dark .jumpToPresentBar-G1R9s6:hover{ +.theme-dark .jumpToPresentBar-1cEnH0, +.theme-dark .jumpToPresentBar-1cEnH0:hover{ background-color: rgba(22, 22, 22, 0.8); border-radius: 0; } @@ -4537,7 +4556,7 @@ input{ } .subTitle-3TUjmF, -.theme-dark .input-cIJ7To{ +.theme-dark .input-2g-os5{ color: rgba(255, 255, 255, 0.7); } @@ -4565,19 +4584,19 @@ input{ /* Other fixes */ -.channelNotices-41mJbj .channelNotice-1-XFjC.invite-OjTXrW, -.channelNotices-41mJbj .channelNotice-1-XFjC.quickswitcher-35bYg4{ +.channelNotices-41mJbj .channelNotice-tO6Tus.invite-OjTXrW, +.channelNotices-41mJbj .channelNotice-tO6Tus.quickswitcher-35bYg4{ background: rgba(22, 22, 22, 0.42) url(/assets/8fdb69b7684b8e1ecb3fdde909daca41.svg) no-repeat center 35px; box-shadow: none; } -.channelNotices-41mJbj .channelNotice-1-XFjC .message-3SOT5P .btn-11C5_u{ +.channelNotices-41mJbj .channelNotice-tO6Tus .message-3KLVy1 .btn-38SvSS { border: none; border-radius: 0; background: rgba(22, 22, 22, 0.8); } -.channelNotices-41mJbj .channelNotice-1-XFjC .message-3SOT5P .btn-11C5_u:hover{ +.channelNotices-41mJbj .channelNotice-tO6Tus .message-3KLVy1 .btn-38SvSS:hover { border: none; border-radius: 0; background: rgba(22, 22, 22, 0.42); @@ -4600,15 +4619,15 @@ input{ /* Friend List background Selected + Hover */ -.channel-2QD9_O a{ +.channel-1Shao0 a{ border-radius: 0; } -.channel-2QD9_O:hover a{ +.channel-1Shao0:hover a{ background-color: rgba(0, 0, 0, 0.22); } -.channel-2QD9_O.selected-1HYmZZ a{ +.channel-1Shao0.selected-1HYmZZ a{ background-color: rgba(0, 0, 0, 0.42); } @@ -4671,7 +4690,7 @@ input{ /* Fix for that random shadow below search bar */ -.searchBar-6Kv8R2{ +.searchBar-3TnChZ { box-shadow: none; background-color: rgba(0, 0, 0, 0.42); } @@ -4810,7 +4829,7 @@ input{ /* Fix reaction border radius */ /* Adjusted reaction text color and background color */ -.theme-dark .reaction-1ELvT8{ +.theme-dark .reaction-2A2y9y{ border-radius: 0; background-color: rgba(255, 255, 255, 0.1); } @@ -4829,8 +4848,8 @@ input{ /* Fix the weird gradiant thing */ -.theme-dark .option-96V44q:after, -.theme-dark .option-96V44q.selected-rZcOL-:after{ +.theme-dark .option-2KkUJO:after, +.theme-dark .option-2KkUJO.selected-rZcOL-:after{ background: none; } @@ -4840,12 +4859,12 @@ input{ background-color: rgba(22, 22, 22, 0.8); } -.resultsGroup-r_nuzN{ +.resultsGroup-1BPR25{ margin-top: 0; background-color: rgba(22, 22, 22, 0.8); } -.container-3ayLPN{ +.container-2McqkF{ border-radius: 0; } @@ -4857,7 +4876,7 @@ input{ /* Fix the close button for settings menu */ -.closeButton-1tv5uR{ +.closeButton-PCZcma { border-radius: 0; border: none; background-color: rgba(255, 255, 255, 0.1); @@ -4875,8 +4894,8 @@ input{ border-radius: 0; } -.embedImage-2W1cML, -.embedThumbnail-2Y84-K, .embedVideo-3nf0O9{ +.embedImage-2Ynqkh, +.embedThumbnail-2nTasl, .embedVideo-2ixt5A{ border-radius: 0; } @@ -4947,7 +4966,7 @@ input{ background-color: rgba(42, 42, 42, 0.8); } -/* .checkboxWrapper-SkhIWG:hover and .checkboxWrapper-SkhIWG changed, refer to git for details */ +/* .checkboxWrapper-2fDzaA:hover and .checkboxWrapper-2fDzaA changed, refer to git for details */ /* Adjusted background color for Discord Store Terms of Service box */ /* Adjust border radius for Discord Nitro price */ @@ -4961,12 +4980,12 @@ input{ /* Forgot to document which one is this */ -.theme-dark .focused-2bY0OD{ +.theme-dark .focused-2FU0YH{ background-color: rgba(11, 11, 11, 0.8); border: none; } -/* Adjusted .theme-dark .container-3ayLPN, refer to git for details */ +/* Adjusted .theme-dark .container-2McqkF, refer to git for details */ /* Fix date picker background color */ /* Version 1.18.4 > 1.18.5 */ @@ -4989,18 +5008,18 @@ input{ /* Discord Store page background color fix */ -.theme-dark .applicationStore-1pNvnv{ +.theme-dark .applicationStore-2nk7Lo{ background-color: rgba(0, 0, 0, 0.22); } /* TODO: Update existing CSS element */ /* Adjust the background color for input field */ -.theme-dark .input-cIJ7To{ +.theme-dark .input-2g-os5{ background-color: rgba(0, 0, 0, 0.42); } -.theme-dark .searchBox-3Y2Vi7{ +.theme-dark .searchBox-pyIJJj{ background-color: rgba(0, 0, 0, 0.42); border-radius: 0; } @@ -5034,24 +5053,24 @@ input{ background-color: rgba(0, 0, 0, 0.1); } -.theme-dark .header-39GIC8{ +.theme-dark .header-2EadGG{ background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 0.1); } /* Discord Library game information background fix */ /* Removed box shadow for game information */ -.rowWrapper-2fB6P0{ +.rowWrapper-N-4fji{ border-radius: 0; } -.theme-dark .rowWrapperActive-2L7i9f{ +.theme-dark .rowWrapperActive-nOO7R3{ background-color: rgba(255, 255, 255, 0.1); box-shadow: none; } /* Adjust the text color for Discord Library game information */ -.theme-dark .icon-1IKq3C, .theme-dark .textCell-1aBIUP{ +.theme-dark .icon-1IKq3C, .theme-dark .textCell-sKsLUQ{ color: rgba(255, 255, 255, 0.6); } @@ -5068,16 +5087,16 @@ input{ /* Discord settings background color fix */ -.theme-dark .standardSidebarView-3F1I7i{ +.theme-dark .standardSidebarView-E9Pc3j { background: none; background-color: rgba(0, 0, 0, 0); } -.theme-dark .sidebarRegion-VFTUkN{ +.theme-dark .sidebarRegion-1VBisG { background-color: rgba(0, 0, 0, 0); } -.theme-dark .contentRegion-3nDuYy{ +.theme-dark .contentRegion-3HkfJJ{ background-color: rgba(0, 0, 0, 0.2); } @@ -5168,20 +5187,12 @@ input{ /* Fix Search bar border radius and background color */ -.theme-dark .search-2oPWTC .searchBar-3dMhjb{ +.theme-dark .search-2Me5HY .searchBar-zdmu7v { background-color: rgba(0, 0, 0, 0.42); } /* Fix Search result's background colors, border radius, and other stuff */ -.theme-dark .searchResultsWrap-2DKFzt{ - background-color: rgba(0, 0, 0, 0.22) !important; -} - -.theme-dark .searchHeader-1l-wpR{ - background-color: rgba(0, 0, 0, 0.5); -} - .theme-dark .searchResult-3pzFAB .searchResultMessage-2VxO12.hit-NLlWXA{ border-radius: 0; border: none; @@ -5288,46 +5299,46 @@ input{ /* Also text color fixes and arrow background color */ -.theme-dark .container-VSDcQc .sectionTag-pXyto9{ +.theme-dark .container-1S70rv .sectionTag-28mLyE{ background-color: rgba(11, 11, 11, 0.8); color: rgba(255, 255, 255, 0.8); } -.positionTop-3e-X1p .sectionTag-pXyto9{ +.positionTop-3SXWNj .sectionTag-28mLyE{ border-radius: 0; } -.theme-dark .row-rrHHJU.selected-1pIgLL{ +.theme-dark .row-1Ib2uD.selected-1IWCoj{ background: rgba(64, 64, 64, 0.7) none; } -.theme-dark .autocompleteHeaderBackground-30T70q{ +.theme-dark .autocompleteHeaderBackground-3u7TwO{ background-color: rgba(42, 42, 42, 0.8); color: rgba(255, 255, 255, 0.8); } -.theme-dark .container-VSDcQc .headerText-3i6A8K{ +.theme-dark .container-1S70rv .headerText-27z-EV{ color: rgba(255, 255, 255, 0.9); } -.theme-dark .container-VSDcQc .input-1ppKdn{ +.theme-dark .container-1S70rv .input-2lpFVz{ color: rgba(255, 255, 255, 0.8); } -.positionTop-3e-X1p .autocompleteHeaderBackground-30T70q{ +.positionTop-3SXWNj .autocompleteHeaderBackground-3u7TwO{ border-radius: 0; } -.theme-dark .autocompleteArrow-Zxoy9H{ +.theme-dark .autocompleteArrow-jJE9TQ{ background-color: rgba(197, 207, 237, 1); box-shadow: none; } -.theme-dark .autocompleteShadow-iiGWFU{ +.theme-dark .autocompleteShadow-2nfsSy{ box-shadow: none; } -.autocompleteHeaderBackground-30T70q{ +.autocompleteHeaderBackground-3u7TwO{ border-radius: 0; } @@ -5353,7 +5364,7 @@ input{ /* Discord server discovery main page background and border radius fixes */ -.theme-dark .pageWrapper-1PgVDX{ +.theme-dark .pageWrapper-2PwDoS{ background-color: rgba(0, 0, 0, 0); } @@ -5366,17 +5377,17 @@ input{ background: none; } -.card-3DjzTQ{ +.card-2TuZPZ{ border-radius: 0; } /* Discover server discovery server preview window background fix */ -.wrapper-39oAo3{ +.wrapper-2SplAX { border-radius: 0; } -.theme-dark .wrapper-39oAo3{ +.theme-dark .wrapper-2SplAX { background-color: rgba(0, 0, 0, 0.42); } @@ -5439,19 +5450,19 @@ input{ /* Fix setting sidebar selection and hover background color and border radius */ -.theme-dark .side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ, -.theme-dark .side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ:hover, -.theme-dark .topPill-3DJJNV .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ, -.theme-dark .topPill-3DJJNV .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ:hover{ +.theme-dark .side-2ur1Qk .themed-2-lozF.selected-g-kMVV.item-3XjbnG, +.theme-dark .side-2ur1Qk .themed-2-lozF.selected-g-kMVV.item-3XjbnG:hover, +.theme-dark .topPill-3DJJNV .themed-2-lozF.selected-g-kMVV.item-3XjbnG, +.theme-dark .topPill-3DJJNV .themed-2-lozF.selected-g-kMVV.item-3XjbnG:hover{ background-color: rgba(0, 0, 0, 0.42); } -.theme-dark .side-8zPYf6 .themed-OHr7kt.item-PXvHYJ:hover, -.theme-dark .topPill-3DJJNV .themed-OHr7kt.item-PXvHYJ:hover{ +.theme-dark .side-2ur1Qk .themed-2-lozF.item-3XjbnG:hover, +.theme-dark .topPill-3DJJNV .themed-2-lozF.item-3XjbnG:hover{ background-color: rgba(0, 0, 0, 0.22); } -.tooltip-2QfLtc{ +.tooltip-14MtrL { border-radius: 0; } @@ -5462,8 +5473,8 @@ input{ background-color: rgba(0, 0, 0, 0.7); } -.theme-dark .tooltipBlack-PPG47z .tooltipPointer-3ZfirK, -.theme-light .tooltipBlack-PPG47z .tooltipPointer-3ZfirK{ +.theme-dark .tooltipBlack-PPG47z .tooltipPointer-3L49xb, +.theme-light .tooltipBlack-PPG47z .tooltipPointer-3L49xb{ border-top-color: rgba(197, 207, 237, 1) } @@ -5513,26 +5524,28 @@ input{ /* Fix spoiler tag background color and border radius */ -.spoilerText-3p6IlD{ +.spoilerText-27bIiA, .spoilerWarning-8ovW0v{ border-radius: 0; } -.theme-dark .spoilerText-3p6IlD{ +.theme-dark .spoilerText-27bIiA{ background-color: rgba(255, 255, 255, 0.1); } -.theme-dark .spoilerText-3p6IlD.hidden-HHr2R9{ +.theme-dark .spoilerText-27bIiA.hidden-3B-Rum{ background-color: rgba(111, 111, 111, 0.42); } -.theme-dark .spoilerText-3p6IlD.hidden-HHr2R9:hover{ +.theme-dark .spoilerText-27bIiA.hidden-3B-Rum:hover{ background-color: rgba(111, 111, 111, 0.6); } + + /* Fix voice chat's user list hover background color */ -.theme-dark .listDefault-3ir5aS .clickable-1lCRLF:hover .content-1Wq3SX, -.theme-light .listDefault-3ir5aS .clickable-1lCRLF:hover .content-1Wq3SX{ +.theme-dark .listDefault-2F-w65 .clickable-1lCRLF:hover .content-1Wq3SX, +.theme-light .listDefault-2F-w65 .clickable-1lCRLF:hover .content-1Wq3SX{ background-color: rgba(0, 0, 0, 0.22); border-radius: 0; } @@ -5627,35 +5640,35 @@ input{ } .theme-dark .enabled-5QKLzu:hover, -.theme-dark .memberListItem-2ZX2pl:hover{ +.theme-dark .memberListItem-3V-x8Q:hover{ background-color: rgba(255, 255, 255, 0.2); } .theme-dark .enabled-5QKLzu:hover, -.memberListItem-2ZX2pl{ +.memberListItem-3V-x8Q{ border-radius: 0; } /* Fix the background and border radius for game features list */ -.theme-dark .row-1bU71H{ +.theme-dark .row-2qQ--F{ background-color: rgba(0, 0, 0, 0.42); } -.row-1bU71H{ +.row-2qQ--F{ border-radius: 0; } /* Fix the Nitro banner thing's background color and border radius on Discord store's game page */ .section-foaVwT:first-child, -.premiumHeaderPrice-1F1CMD, +.premiumHeaderPrice-_S6RyD, .section-foaVwT:last-child{ border-radius: 0; } -.theme-dark .bodySection-jqkkIP, -.theme-light .bodySection-jqkkIP{ +.theme-dark .bodySection-3iDdop, +.theme-light .bodySection-3iDdop{ background-color: rgba(0, 0, 0, 0.42); } @@ -5879,7 +5892,7 @@ input{ } /* private channel list fix (written by Jisagi) */ -.privateChannels-1nO12o{ +.privateChannels-oVe7HL { background-color: rgba(0, 0, 0, 0); } @@ -5905,7 +5918,7 @@ input{ background-color: rgba(24, 28, 37, 1); } /* speaking avatars fix, was broken with those variables on .theme-dark class */ -.avatarSpeaking-2IGMRN { +.avatarSpeaking-2pCGrZ { -webkit-box-shadow: inset 0 0 0 2px #43b581,inset 0 0 0 3px !important; } @@ -5944,7 +5957,7 @@ input{ .theme-dark .bodyInner-245q0L { background-color: transparent; } -.container-1D34oG { +.container-2cd8Mz { background-color: rgba(0, 0, 0, 0) !important; } @@ -6011,10 +6024,10 @@ input{ background-color: rgba(0, 0, 0, 0.5); border-radius: 0; } -.button-1ZiXG9:hover { +.button-3bklZh:hover { background-color: rgba(0, 0, 0, 0.22); } -.button-1ZiXG9.selected-LCBEAU { +.button-3bklZh.selected-69H4ua { background-color: rgba(0, 0, 0, 0.4); } .clickable-28SzVr.container-1oeRFJ:hover, .clickable-28SzVr.container-1oeRFJ:hover .muted-14PyqW { @@ -6076,7 +6089,7 @@ input{ } /* friend list hover fix */ -.peopleListItem-2nzedh.active-rhSpJJ, .peopleListItem-2nzedh:hover { +.peopleListItem-u6dGxF.active-2UF8Zh, .peopleListItem-u6dGxF:hover { background: rgba(0, 0, 0, 0.22); border-radius: 0; } @@ -6110,18 +6123,21 @@ input{ background: rgba(0, 0, 0, 0.6); } -.item-26Dhrx { +.item-2idW98 { background: rgba(0, 0, 0, 0.22); border-radius: 0; } -.item-26Dhrx[aria-checked=true] { +.item-2idW98[aria-checked=true] { background: rgba(0, 0, 0, 0.5); } -.item-26Dhrx:hover { +.item-2idW98:hover { background: rgba(0, 0, 0, 0.33); } -.item-26Dhrx:hover[aria-checked=true]{ +.itemFilled-1cPbtg:hover:not([aria-checked=true]) { + background: rgba(0, 0, 0, 0.33); +} +.item-2idW98:hover[aria-checked=true]{ background: rgba(0, 0, 0, 0.6); } .cardWrapper-2Min21 { @@ -6178,7 +6194,7 @@ input{ .passthrough-1c2ewQ.selected-2YhbGh { background-color: rgba(0, 0, 0, 0.6); } -.container-cMG81i { +.container-2oNtJn { background: rgba(0, 0, 0, 0.6); border-radius: 0; } @@ -6187,10 +6203,10 @@ input{ background: rgba(0, 0, 0, 0.7); border-radius: 0; } -.item-2J2GlB { +.item-1BCeuB { border-radius: 0; } -.item-2J2GlB:hover { +.item-1BCeuB:hover { background: rgba(0, 0, 0, 0.5); font-weight: bold; } @@ -6205,14 +6221,14 @@ input{ } /* threads */ -.container-7uh5fX{ +.container-18GwIk{ background-color: rgba(0, 0, 0, 0.6) !important; border-radius: 0; } -.header-1VS4tm{ +.header-3_zmOb{ background-color: rgba(0, 0, 0, 0.7); } -.container-2I9Hud { +.container-2rzKKA { background-color: rgba(0, 0, 0, 0.4); border-radius: 0; } @@ -6222,27 +6238,31 @@ input{ .container-2o3qEW { background-color: rgba(0, 0, 0, 0.22); } -.container-3hZ-gs { +.container-3i3IzO { background-color: rgba(0, 0, 0, 0.33); border-radius: 0; } -.chatHeaderBar-4vZS1x { +.chatHeaderBar-2fUORh { background-color: rgba(0, 0, 0, 0.5); } .chat-15Vmww::before { border-color: rgba(0, 0, 0, 0.5); } /* search fix 2021 Certified */ -.searchResultsWrap-3-pOjs { +.searchResultsWrap-5RVOkx { background-color: rgba(0, 0, 0, 0.22); } -.searchHeader-2XoQg7 { - background-color: rgba(0, 0, 0, 0.33); +.searchHeader-1r_ZSh { + background-color: rgba(0, 0, 0, 0.5); } -.searchResult-9tQ1uo { - background-color: rgba(0, 0, 0, 0.15); +.searchResult-O9NDji { + background-color: rgba(11, 11, 11, 0.42); border-radius: 0; } +.button-cfOvv- { + background-color: rgba(0, 0, 0, 0.22); +} + .header-2mZ9Ov { background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.3)); } @@ -6279,4 +6299,15 @@ input{ } .theme-dark .option-2KkUJO:hover { background-color: rgba(0, 0, 0, 0.33); +} + +/* audio attach */ +.theme-dark .wrapperAudio-1Bzv_Z, .attachment-1PZZB2 { + border: none; + background-color: rgba(0, 0, 0, 0.22); +} + +/* 1px under profile control wtf */ +.container-YkUktl { + margin-bottom: 0; } \ No newline at end of file From b09bddea30dd41cf7346faabe31cf717de00ad60 Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Wed, 12 Jan 2022 15:57:10 +0500 Subject: [PATCH 09/31] Update crystalline.css --- crystalline.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/crystalline.css b/crystalline.css index 365a90f..815ecfe 100644 --- a/crystalline.css +++ b/crystalline.css @@ -1,6 +1,6 @@ /********************************************************** * Crystalline CSS for BeautifulDiscord * - * Version 1.22.7 * + * Version 1.22.8 * * * * Created by SamuiNe * * https://github.com/SamuiNe * From a11a87e86b97de58eda6ddfd2dddd260688cca12 Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Wed, 12 Jan 2022 17:39:33 +0500 Subject: [PATCH 10/31] thank you, pc theme fixer https://laynetheepic.github.io/projects/pc-theme-converter/ https://gist.github.com/D-Brox/527b1ad84d8b8fc817680f1a1c3cc9c3 --- crystalline.css | 422 +++++++++++++++++++++++------------------------- 1 file changed, 206 insertions(+), 216 deletions(-) diff --git a/crystalline.css b/crystalline.css index 815ecfe..6cd230b 100644 --- a/crystalline.css +++ b/crystalline.css @@ -1,6 +1,6 @@ /********************************************************** * Crystalline CSS for BeautifulDiscord * - * Version 1.22.8 * + * Version 1.22.9 * * * * Created by SamuiNe * * https://github.com/SamuiNe * @@ -233,6 +233,7 @@ div.theme-dark.context-menu.item.item-subMenu{ .mention{ background-color: rgba(179, 224, 255, 0.22); + border-radius: 0; } .need-help-modal .header{ @@ -301,7 +302,7 @@ input.game-input{ color: rgba(255, 255, 255, 0.9); } -.theme-dark .faded-3bns_w{ +.theme-dark .faded-Yd0FtY{ color: rgba(255, 255, 255, 0.6); } @@ -2536,7 +2537,7 @@ span.amount { background-color: rgba(0, 0, 0, 0.25); } -.container-3w7J-x, +.container-1NXEtd, .private-channels .channel.selected a{ background-color: rgba(0, 0, 0, 0) !important; } @@ -2575,12 +2576,12 @@ span.amount { border-radius: 0; } -.card-3Qj_Yx{ +.card-16VQ8C{ border: none; border-radius: 0; } -.theme-dark .cardPrimary-1Hv-to{ +.theme-dark .cardPrimary-3qRT__{ background-color: rgba(0, 0, 0, 0.42); } @@ -2588,7 +2589,7 @@ span.amount { border-radius: 0; } -.button-38aScr{ +.button-f2h6uQ{ border-radius: 0; } @@ -2627,7 +2628,7 @@ span.amount { background-color: rgba(0, 0, 0, 0.3); } -.theme-dark .message-2qRu38{ +.theme-dark .message-G6O-Wv{ background-color: rgba(11, 11, 11, 0.8); border-radius: 0; box-shadow: none; @@ -2659,7 +2660,7 @@ span.amount { background-color: rgba(0, 0, 0, 0.3) !important; } -.theme-dark .copyInputDefault-21sXtF{ +.theme-dark .copyInputDefault-3jiMHw{ background-color: rgba(0, 0, 0, 0.3); border-radius: 0; border: none; @@ -2677,7 +2678,7 @@ span.amount { border-radius: 0 !important; } -.theme-dark .elevationHigh-3A9Xbf{ +.theme-dark .elevationHigh-3KUiqj{ border-radius: 0; background-color: rgba(22, 22, 22, 0.8); } @@ -2770,18 +2771,18 @@ span.amount { } /* Discord theme update before 2017/09/13 */ -.item-3T2z1R:first-child, -.item-3T2z1R:last-child, -.item-3T2z1R{ +.item-2OyinQ:first-child, +.item-2OyinQ:last-child, +.item-2OyinQ{ border-radius: 0; border: none; } -.theme-dark .item-3T2z1R{ +.theme-dark .item-2OyinQ{ background-color: rgba(255, 255, 255, 0.1); } -.theme-dark .item-3T2z1R:hover{ +.theme-dark .item-2OyinQ:hover{ background-color: rgba(255, 255, 255, 0.2); } .denySelected-1mh2mZ{ @@ -2831,7 +2832,7 @@ span.amount { border: none !important; } -.round-2jCFai{ +.round-1RSG-3{ border-radius: 0; } @@ -2871,7 +2872,7 @@ span.amount { background-color: rgba(0, 0, 0, 0); } -.box-mmYMsp{ +.box-BHImcZ{ border-radius: 0; } @@ -2934,7 +2935,7 @@ span.amount { border: none; } -.theme-dark .quickswitcher-3JagVE{ +.theme-dark .quickswitcher-pKcM9U{ background-color: rgba(42, 42, 42, 0.7) !important; border-radius: 0; } @@ -2950,23 +2951,23 @@ span.amount { color: rgba(255, 255, 255, 0.5) !important; } -.theme-dark .input-2VB9rf{ +.theme-dark .input-3r5zZY{ background-color: rgba(0, 0, 0, 0.5) !important; border-radius: 0; box-shadow: none !important; color: rgba(255, 255, 255, 0.9) !important; } -.match-38WbBN{ +.match-20K5f5{ color: rgba(197, 207, 237, 1); } -.theme-dark .cardPrimaryEditable-3KtE4g{ +.theme-dark .cardPrimaryEditable-2mz_3i{ background-color: rgba(0, 0, 0, 0.42) !important; border-color: rgba(0, 0, 0, 0.42) !important; } -.theme-dark .cardPrimaryEditable-3KtE4g:hover{ +.theme-dark .cardPrimaryEditable-2mz_3i:hover{ background-color: rgba(0, 0, 0, 0.8) !important; border-color: rgba(0, 0, 0, 0.8) !important; } @@ -2988,13 +2989,13 @@ span.amount { opacity: 1 !important; } -.theme-dark .title-31JmR4{ +.theme-dark .title-2dsDLn{ color: rgba(255, 255, 255, 0.7); } .theme-dark .text-27cdrj, .theme-dark .title-2CL_z0, -.theme-dark .description-3_Ncsb, -.theme-dark .labelDescriptor-1PqHgD, +.theme-dark .description-30xx7u, +.theme-dark .labelDescriptor-34wZ-z, .theme-dark .desc-2Dttbk, .invite-settings-invite-row .channel-name{ color: rgba(255, 255, 255, 0.5); @@ -3016,7 +3017,7 @@ span.amount { /* Discord updates 2017/10/04? */ -.bar-30k2ka{ +.bar-2eAyLE{ border-radius: 0; opacity: 0.9; } @@ -3059,23 +3060,23 @@ span.amount { /* Other stuff discord changed */ -.theme-dark .container-1If-HZ, -.theme-dark .reactors-Blmlhw, +.theme-dark .container-KM8BU6, +.theme-dark .reactors-1VXca7, .theme-dark .sidebar-1-SQro{ background-color: rgba(22, 22, 22, 0.8); } -.scroller-1-nKid{ +.scroller-2GkvCq{ background-color: rgba(42, 42, 42, 0.8); } -.reactionDefault-GBA58K, -.reactionSelected-1pqISm{ +.reactionDefault-1Sjj1f, +.reactionSelected-1aMb2K{ border-radius: 0; } /* Discord Canary stuffs*/ -.container-2lgZY8{ +.container-1eFtFS{ background-color: rgba(0, 0, 0, 0) !important; } @@ -3083,7 +3084,7 @@ span.amount { background: none; } -.base-3dtUhz, .channels-Ie2l6A{ +.base-2jDfDU, .channels-Ie2l6A{ border-radius: 0; } @@ -3098,7 +3099,7 @@ span.amount { padding-bottom: 1px; } -.theme-dark .title-3qD0b-{ +.theme-dark .title-31SJ6t{ background-color: rgba(0, 0, 0, 0.5) !important; box-shadow: none !important; } @@ -3172,22 +3173,22 @@ span.amount { /* Fix for that large game playing stuff */ -.theme-dark .activityProfile-1712BN .details-38sfDr, -.theme-dark .activityProfile-1712BN .name-29ETJS, -.theme-dark .headerTop-3GPUSF .details-38sfDr, -.theme-dark .headerTop-3GPUSF .name-29ETJS, -.theme-light .activityProfile-1712BN .details-38sfDr, -.theme-light .activityProfile-1712BN .name-29ETJS, -.theme-light .headerTop-3GPUSF .details-38sfDr, -.theme-light .headerTop-3GPUSF .name-29ETJS{ +.theme-dark .activityProfile-1712BN .details-2-ciHo, +.theme-dark .activityProfile-1712BN .name-1-Q7l2, +.theme-dark .headerTop-3GPUSF .details-2-ciHo, +.theme-dark .headerTop-3GPUSF .name-1-Q7l2, +.theme-light .activityProfile-1712BN .details-2-ciHo, +.theme-light .activityProfile-1712BN .name-1-Q7l2, +.theme-light .headerTop-3GPUSF .details-2-ciHo, +.theme-light .headerTop-3GPUSF .name-1-Q7l2{ color: rgba(255, 255, 255, 0.8); } -.theme-dark .headerTop-3GPUSF .content-3JfFJh{ +.theme-dark .headerTop-3GPUSF .content-tXPNDw{ color: rgba(255, 255, 255, 0.5); } -.assetsLargeImage-eYwpTX{ +.assetsLargeImage-8U5dlz{ border-radius: 0; } @@ -3247,7 +3248,7 @@ span.discriminator{ background-color: rgba(0, 0, 0, 0.5); } -.iconActiveLarge-2nzn9z{ +.iconActiveLarge-ac-EDu{ border-radius: 0; } @@ -3368,7 +3369,7 @@ span.discriminator{ /* Discord Canary update 2017/12/05 */ /* -.container-2lgZY8{ +.container-1eFtFS{ background-color: rgba(0, 0, 0, 0); }*/ @@ -3389,7 +3390,7 @@ span.discriminator{ border-radius: 0; } -.botTagRegular-2HEhHi{ +.botTagRegular-kpctgU{ border-radius: 0; height: 14px; font-size: 10px !important; @@ -3403,7 +3404,7 @@ span.discriminator{ box-shadow: none; } -.saturation-1FDvtn>div{ +.saturation-CLQHFD>div{ border-radius: 0 !important; } @@ -3421,7 +3422,7 @@ span.discriminator{ color: rgba(255, 255, 255, 0.9) !important; } -.bar-30k2ka{ +.bar-2eAyLE{ border-radius: 0 !important; } @@ -3622,23 +3623,23 @@ div.action.join { line-height: 13px; } -.accountList-33MS45 { +.accountList-305sx3 { background: rgba(0, 0, 0, 0.55); border-radius: 0; } -.connection-1fbD7X{ +.connection-107AGH{ border-radius: 0; background: rgba(0, 0, 0, 0.22); } -.connectionHeader-2MDqhu{ +.connectionHeader-2rV1ze{ border: none; border-radius: 0; background: rgba(0, 0, 0, 0.4); } -.integration-3kMeY4 { +.integration-1f5IUi { background: rgba(0, 0, 0, 0.22); border-radius: 0; } @@ -3683,18 +3684,18 @@ div.action.join { border-radius: 0; } -.reactor-3UBcOI:hover{ +.reactor-1J25Qp:hover{ background-color: rgba(255, 255, 255, 0.1); } -.remove-3V-yj8{ +.remove-19AQn_{ border-radius: 0; } .embedImage-2Ynqkh, .imageWrapper-oMkQl4, .embedVideoActions-2XdFk2, -.ghostPill-2-KUPM{ +.ghostPill-2uK4W1{ border-radius: 0; } @@ -3716,7 +3717,7 @@ div.action.join { background-color: rgba(255, 255, 255, 0.2); } -.wrapper-O5i5-0{ +.wrapper-3ByaVZ{ border-radius: 0; /* TODO: This overlaps with other elements in friend invite screen, double check in the future */ background-color: rgba(0, 0, 0, 0.0); @@ -3724,15 +3725,15 @@ div.action.join { .form-deprecated .form-header, .form-deprecated .form-inner, -.wrapper-O5i5-0 .instantInviteModal-3vhcvC .form-actions{ +.wrapper-3ByaVZ .instantInviteModal-3vhcvC .form-actions{ background-color: rgba(0, 0, 0, 0) !important; } -.wrapper-O5i5-0 .instantInviteModal-3vhcvC .form-header header{ +.wrapper-3ByaVZ .instantInviteModal-3vhcvC .form-header header{ color: rgba(255, 255, 255, 0.8); } -.wrapper-O5i5-0 .instantInviteModal-3vhcvC .blurb-zsamaY{ +.wrapper-3ByaVZ .instantInviteModal-3vhcvC .blurb-zsamaY{ color: rgba(255, 255, 255, 0.7); } @@ -3748,7 +3749,7 @@ input{ background-color: rgba(0, 0, 0, 0); } -.wrapper-O5i5-0 .instantInviteModalAdvanced-3qJETM .form-actions{ +.wrapper-3ByaVZ .instantInviteModalAdvanced-3qJETM .form-actions{ background-color: rgba(0, 0, 0, 0); } @@ -3775,7 +3776,7 @@ input{ border-bottom: solid rgba(255, 255, 255, 0.2) 1px; } -.theme-dark .card-FDVird:before{ +.theme-dark .card-2ART2V:before{ border-radius: 0; border: none; background-color: rgba(255, 255, 255, 0.1); @@ -3792,28 +3793,28 @@ input{ background-color: rgba(255, 255, 255, 0.2); } -.container-1nZlH6{ +.container-30qY7E{ border-radius: 0; border: none; } -.theme-dark .accountBtnInner-sj5jLs{ +.theme-dark .accountBtnInner-3XK70s{ border-radius: 0; border: none; background-color: rgba(255, 255, 255, 0.1); } -.theme-dark .accountBtnInner-sj5jLs:hover{ +.theme-dark .accountBtnInner-3XK70s:hover{ background-color: rgba(255, 255, 255, 0.2); } -.connectionDelete-2Odoln{ +.connectionDelete-XXTMqE{ border-radius: 0; border: none; background-color: rgba(255, 255, 255, 0.1); } -.connectionDelete-2Odoln:hover{ +.connectionDelete-XXTMqE:hover{ background-color: rgba(255, 255, 255, 0.2); } @@ -3843,7 +3844,7 @@ input{ border-radius: 0; } -.theme-dark .cardPrimaryOutline-29Ujqw{ +.theme-dark .cardPrimaryOutline-1ofwVz{ background-color: rgba(0, 0, 0, 0.5); } @@ -3858,39 +3859,39 @@ input{ background-color: rgba(240, 71, 71, 0.5); } -.theme-dark .select-2TCrqx .Select-menu-outer{ +.theme-dark .select-1YfRS9 .Select-menu-outer{ background-color: rgba(22, 22, 22, 0.8); } /* -.theme-dark .select-2TCrqx .Select-option{ +.theme-dark .select-1YfRS9 .Select-option{ background-color: rgba(22, 22, 22, 0.8); } */ -.theme-dark .select-2TCrqx .Select-option.is-selected{ +.theme-dark .select-1YfRS9 .Select-option.is-selected{ background-color: rgba(62, 62, 62, 0.8); } -.theme-dark .select-2TCrqx .Select-option.is-focused, .theme-dark .select-2TCrqx .Select-option:hover{ +.theme-dark .select-1YfRS9 .Select-option.is-focused, .theme-dark .select-1YfRS9 .Select-option:hover{ background: none; } -.theme-dark .select-2TCrqx .Select-option.is-focused{ +.theme-dark .select-1YfRS9 .Select-option.is-focused{ background-color: rgba(22, 22, 22, 0.8); } -.theme-dark .select-2TCrqx .Select-option:hover{ +.theme-dark .select-1YfRS9 .Select-option:hover{ background-color: rgba(42, 42, 42, 0.8); } -.colorPickerSwatch-5GX3Ve.custom-2SJn4n, -.colorPickerSwatch-5GX3Ve.default-cS_caM{ +.colorPickerSwatch-RTUGRR.custom-1Up2lr, +.colorPickerSwatch-RTUGRR.default-3ISV7m{ border-radius: 0; } -.theme-dark .colorPickerCustom-2CWBn2{ +.theme-dark .colorPickerCustom-1swUKF{ background-color: rgba(42, 42, 42, 0.8); border: none; } @@ -3929,6 +3930,10 @@ input{ .userPopout-2j1gM4{ border-radius: 0; box-shadow: none; + background-color: rgba(0, 0, 0, 0.7); +} +.footer-3naVBw{ + } .footer-1fjuF6{ @@ -3945,17 +3950,17 @@ input{ background-color: rgba(29, 185, 84, 0.8); } -.lookOutlined-3sRXeN.colorWhite-rEQuAQ{ +.lookOutlined-3yKVGo.colorWhite-1H92hK{ border: 0; background-color: rgba(255, 255, 255, 0.2); } -.lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover{ +.lookOutlined-3yKVGo.colorWhite-1H92hK:hover{ border: 0; background-color: rgba(255, 255, 255, 0.3); } -.theme-dark .elevationHigh-1PneE4{ +.theme-dark .elevationHigh-28Pty4{ border-radius: 0; box-shadow: none; } @@ -3964,7 +3969,7 @@ input{ border-radius: 0; } -.theme-dark .userSettingsVoice-1_dzjw .previewOverlay-2O7_KC{ +.theme-dark .userSettingsVoice-1_dzjw .previewOverlay-2reuWf{ border-radius: 0; border: none; background-color: rgba(0, 0, 0, 0.5); @@ -3974,13 +3979,13 @@ input{ background: none; } -.theme-dark .attachment-33OFj0{ +.theme-dark .attachment-1PZZB2{ background-color: rgba(10, 10, 10, 0.7); border-radius: 0; border: none; } -.bar-3urHkF, .barInner-3NDaY_{ +.bar-1GpknY, .barInner-3dHef4{ border-radius: 0; } @@ -4056,7 +4061,7 @@ input{ } /* mentions */ -.theme-dark .messagesPopoutWrap-3zryHW, .theme-dark .container-enaOkj { +.theme-dark .messagesPopoutWrap-3zryHW, .theme-dark .container-2ebMPP { background-color: rgba(22, 22, 22, 0.8); border-radius: 0; border: none; @@ -4066,17 +4071,17 @@ input{ border-radius: 0; background-color: rgba(0, 0, 0, 0.33); } -.theme-dark .messagesPopoutWrap-3zryHW .header-145e10, .theme-dark .container-enaOkj .header-145e10{ +.theme-dark .messagesPopoutWrap-3zryHW .header-145e10, .theme-dark .container-2ebMPP .header-145e10{ background-color: rgba(0, 0, 0, 0.42); border-radius: 0; box-shadow: none; } -.theme-dark .messagesPopoutWrap-3zryHW .messagesPopout-24nkyi .channelHeader-DFRX8q, .theme-dark .container-enaOkj .channelHeader-DFRX8q { +.theme-dark .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI .channelHeader-DFRX8q, .theme-dark .container-2ebMPP .channelHeader-DFRX8q { background-color: rgba(0, 0, 0, 0.7); } -.theme-dark .messagesPopoutWrap-3zryHW .messagesPopout-24nkyi .messageContainer-3VTXBC, .theme-dark .container-enaOkj .messages-23can0{ +.theme-dark .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI .messageContainer-3VTXBC, .theme-dark .container-2ebMPP .messages-23can0{ background-color: rgba(0, 0, 0, 0.33); border-radius: 0; border: none; @@ -4092,17 +4097,6 @@ input{ .header-1w9Q93 { background-color: rgba(0, 0, 0, 0.42); } -.messages-23can0 { - border-radius: 0; - background-color: rgba(0, 0, 0, 0.33); -} - -.theme-dark .container-enaOkj { - background-color: rgba(22, 22, 22, 0.8); - border-radius: 0; - border: none; - box-shadow: none; -} .theme-dark .message-group h2 .timestamp{ @@ -4137,16 +4131,16 @@ input{ background-color: rgba(255, 255, 255, 0.1); } -.theme-dark .messagesPopoutWrap-3zryHW .messagesPopout-24nkyi .message-group:hover .actionButtons-1sUUug{ +.theme-dark .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI .message-group:hover .actionButtons-2mNSAB{ background-color: rgba(255, 255, 255, 0.0); box-shadow: none; } -.theme-dark .messagesPopoutWrap-3zryHW .messagesPopout-24nkyi .message-group .actionButtons-1sUUug .jumpButton-1ZwI_j{ +.theme-dark .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI .message-group .actionButtons-2mNSAB .jumpButton-1ZwI_j{ background-color: rgba(255, 255, 255, 0.2); } -.actionButtons-1sUUug .jumpButton-1ZwI_j{ +.actionButtons-2mNSAB .jumpButton-1ZwI_j{ border-radius: 0; box-shadow: none; @@ -4164,8 +4158,8 @@ input{ background: none; } -.theme-dark .layer-3QrUeG, -.theme-dark .layers-3iHuyZ{ +.theme-dark .layer-86YKbF, +.theme-dark .layers-OrUESM{ background: none; } @@ -4178,7 +4172,7 @@ input{ /*The thing under the discord bar fix */ -.theme-dark .title-3qD0b-{ +.theme-dark .title-31SJ6t{ background-color: rgba(0, 0, 0, 0.5); box-shadow: none; } @@ -4252,7 +4246,7 @@ input{ border-radius: 0; } -.botTagRegular-2HEhHi { +.botTagRegular-kpctgU { background: none; background-color: rgba(114, 137, 218, 0.7); } @@ -4312,20 +4306,20 @@ input{ background-color: rgba(0, 0, 0, 0); } -.card-7JP0BX{ +.card-3Zmutq{ border-radius: 0; } -.theme-dark .card-7JP0BX{ +.theme-dark .card-3Zmutq{ background-color: rgba(10, 10, 10, 0.0); } -.theme-dark .body-SKIE6r, -.theme-dark .header-1RC2Wb{ +.theme-dark .body-2S0G9D, +.theme-dark .header-ISPHUQ{ background-color: rgba(10, 10, 10, 0.7); } -.splashArt-3yFzRe{ +.splashArt-175LCr{ opacity: 0.88; } @@ -4338,7 +4332,7 @@ input{ } /* Music Background color */ -.theme-dark .wrapperAudio-1jDe0Q{ +.theme-dark .wrapperAudio-1Bzv_Z{ background-color: rgba(10, 10, 10, 0.7); /*border-radius: 0;*/ border: none; @@ -4385,12 +4379,12 @@ input{ background-color: rgba(88, 88, 88, 0.8) !important; } -.progressBar-1T6LYX.small-1CUeBa{ +.progressBar-1T6LYX.small-1bZsRQ{ background-color: rgba(0, 255, 133, 0.7) !important; border-radius: 0 !important; } -.small-1CUeBa{ +.small-1bZsRQ{ border-radius: 0; } @@ -4425,7 +4419,7 @@ input{ background-color: rgba(255, 255, 255, 0); } -.theme-dark .messageGroupWrapper-1jf_7C:hover .actionButtons-1sUUug{ +.theme-dark .messageGroupWrapper-1jf_7C:hover .actionButtons-2mNSAB{ -webkit-box-shadow: none; } @@ -4548,7 +4542,7 @@ input{ } /* Discord login screen */ -.authBox-hW6HRx{ +.authBox-1HR6Ha{ border-radius: 0; box-shadow: none; background-color: rgba(22, 22, 22, 0.8); @@ -4674,7 +4668,7 @@ input{ /* Voice video chat background fix */ -.video-1kutKI{ +.video-35SHWt{ background-color: rgba(22, 22, 22, 0.8); } @@ -4707,7 +4701,7 @@ input{ /* Version 1.18.0 > 1.18.1 */ /* ｓｌｏｗ　ｍｏｄｅ text color */ -.cooldownWrapper-3joyFc{ +.cooldownWrapper-2k1jHK{ color: rgb(255, 190, 120) !important; } @@ -4751,39 +4745,39 @@ input{ /* Version 1.18.1 > 1.18.2 */ /* Discord Nitro page fix */ -.theme-dark .paymentRow-2e7VM6{ +.theme-dark .paymentRow-1HKOLu{ border-color: rgba(255, 255, 255, 0.1); } -.theme-dark .paymentPane-3bwJ6A, -.theme-dark .paginator-166-09, -.theme-dark .paymentRow-2e7VM6{ +.theme-dark .paymentPane-ut5qKZ, +.theme-dark .paginator-1eqD2g, +.theme-dark .paymentRow-1HKOLu{ background: none; background-color: rgba(0, 0, 0, 0); } -.theme-dark .paymentRow-2e7VM6:hover{ +.theme-dark .paymentRow-1HKOLu:hover{ background-color: rgba(255, 255, 255, 0.1); } -.theme-dark .expandedInfo-3kfShd{ +.theme-dark .expandedInfo-1W31i3{ border-radius: 0; background-color: rgba(255, 255, 255, 0.1); } -.paymentPane-3bwJ6A{ +.paymentPane-ut5qKZ{ border-radius: 0; } -.indicator-2Qs3-E{ +.indicator-1zNk1M{ border-radius: 0; } -.theme-dark .lookFilled-yCfaCM.colorPrimary-3b3xI6{ +.theme-dark .lookFilled-yCfaCM.colorPrimary-2AuQVo{ background-color: rgba(255, 255, 255, 0.2); } -.theme-dark .lookFilled-yCfaCM.colorPrimary-3b3xI6:active, -.theme-dark .lookFilled-yCfaCM.colorPrimary-3b3xI6:hover{ +.theme-dark .lookFilled-yCfaCM.colorPrimary-2AuQVo:active, +.theme-dark .lookFilled-yCfaCM.colorPrimary-2AuQVo:hover{ background-color: rgba(255, 255, 255, 0.3); } @@ -4791,7 +4785,7 @@ input{ /* TODO: Youtube preview border radius to 0 */ -.membershipDialog-rVL-t_, +.membershipDialog-2wAdpQ, .ytp-cued-thumbnail-overlay-duration{ border-radius: 0; } @@ -4815,13 +4809,13 @@ input{ /* Fix certain text box's background */ /* TODO: Fix the dropdown menu background, too light and not enough opacity */ -.theme-dark .select-2TCrqx .Select-control{ +.theme-dark .select-1YfRS9 .Select-control{ background-color: rgba(0, 0, 0, 0.42); } /* Change unsaved roles confirmation window background color */ -.theme-dark .elevationHigh-1PneE4{ +.theme-dark .elevationHigh-28Pty4{ background-color: rgba(22, 22, 22, 0.8) !important; } @@ -4840,7 +4834,7 @@ input{ /* Video preview border radius fix */ -.videoWrapper-3YdgHH{ +.videoWrapper-1_H3B3{ border-radius: 0; } @@ -4870,7 +4864,7 @@ input{ /* Delet the random box shadow for search pop-up window */ -.theme-dark .elevationBorderHigh-2WYJ09{ +.theme-dark .elevationBorderHigh-3drnJX{ box-shadow: none; } @@ -4884,21 +4878,15 @@ input{ /* Fix guild wrapper border radius */ -.guildsWrapper-5TJh6A{ +.guildsWrapper-5TJh6A, +.video-2HW4jD, +.embedImage-2Ynqkh img, .embedImage-2Ynqkh video +.embedThumbnail-2nTasl img, .embedThumbnail-2nTasl video, +.embedVideo-2ixt5A img, .embedVideo-2ixt5A video, +.embedMedia-1mdWSP, +.embedGalleryImagesWrapper-3BWvNM { border-radius: 0; } - -/* Fix gif embed border radius */ - -.video-8eMOth{ - border-radius: 0; -} - -.embedImage-2Ynqkh, -.embedThumbnail-2nTasl, .embedVideo-2ixt5A{ - border-radius: 0; -} - /* Fix the background for server add button */ .theme-dark .guildsAdd-21_IdK{ @@ -4907,7 +4895,7 @@ input{ /* Fix color picker border radius */ -.colorPickerSwatch-5GX3Ve{ +.colorPickerSwatch-RTUGRR{ border-radius: 0; } @@ -4924,26 +4912,26 @@ input{ /* Fix Display role menu pop-up */ -.theme-dark .elevationBorderLow-2qgTRQ{ +.theme-dark .elevationBorderLow-3_3rXL{ border-radius: 0; box-shadow: none; } -.theme-dark .popoutList-T9CKZQ{ +.theme-dark .popoutList-10IFAa{ background-color: rgba(22, 22, 22, 0.8); } -.theme-dark .selectableItem-1MP3MQ{ +.theme-dark .selectableItem-3-fmiM{ border-radius: 0; } -.theme-dark .selectableItem-1MP3MQ:hover{ +.theme-dark .selectableItem-3-fmiM:hover{ background-color: rgba(255, 255, 255, 0.1); } /* Version 1.18.3 > 1.18.4 */ -/* .theme-dark .message-2qRu38 changed, refer to git for details */ +/* .theme-dark .message-G6O-Wv changed, refer to git for details */ /* Fixed pin message background color */ .theme-dark .lookFilled-1h1y05.select-1Pkeg4, @@ -4975,7 +4963,7 @@ input{ border-radius: 0; } -/* .theme-dark .select-2TCrqx changed, refer to git for details */ +/* .theme-dark .select-1YfRS9 changed, refer to git for details */ /* Adjusted background colors for dropdown menus for consistency */ /* Forgot to document which one is this */ @@ -5049,7 +5037,7 @@ input{ /* Discord Library header background color fix */ -.theme-dark .gameUpdates-2GPqBU{ +.theme-dark .gameUpdates-3Ts_5W{ background-color: rgba(0, 0, 0, 0.1); } @@ -5070,18 +5058,18 @@ input{ } /* Adjust the text color for Discord Library game information */ -.theme-dark .icon-1IKq3C, .theme-dark .textCell-sKsLUQ{ +.theme-dark .icon-3cUB-z, .theme-dark .textCell-sKsLUQ{ color: rgba(255, 255, 255, 0.6); } /* Discord Library download bar fix */ -.small-4dgL9e, -.xsmall-2LuBKD{ +.small-Q4fy6o, +.xsmall-2nFcgN{ border-radius: 0; } -.theme-dark .progressCellText-3avmMz{ +.theme-dark .progressCellText-3ajYcj{ color: rgba(255, 255, 255, 0.5); } @@ -5157,16 +5145,16 @@ input{ /* Overlay setting - Overlay Notification position preview border radius fix */ -.wrapper-3jrx9n{ +.wrapper-SdcMKg{ border-radius: 0; } -.option-n0icdO{ +.option-1QI4c9{ border-radius: 0; } /* Game Activity now playing / inactive border radius fix */ -.notDetected-33MY4s, .nowPlaying-284llR{ +.notDetected-2HEmAp, .nowPlaying-zBamm2{ border-radius: 0; } @@ -5187,7 +5175,7 @@ input{ /* Fix Search bar border radius and background color */ -.theme-dark .search-2Me5HY .searchBar-zdmu7v { +.theme-dark .searchBar-zdmu7v { background-color: rgba(0, 0, 0, 0.42); } @@ -5236,13 +5224,13 @@ input{ /* Scroll bar and scroll bar background fix */ -.theme-dark .scrollerThemed-2oenus.themedWithTrack-q8E3vB .scroller-2LSbBU::-webkit-scrollbar-track-piece{ +.theme-dark .scrollerThemed-2oenus.themedWithTrack-q8E3vB .scroller-kQBbkU::-webkit-scrollbar-track-piece{ border: none; border-radius: 0; background: rgba(0, 0, 0, 0); } -.theme-dark .scrollerThemed-2oenus.themedWithTrack-q8E3vB .scroller-2LSbBU::-webkit-scrollbar-thumb{ +.theme-dark .scrollerThemed-2oenus.themedWithTrack-q8E3vB .scroller-kQBbkU::-webkit-scrollbar-thumb{ border-color: rgba(66, 66, 66, 0.42); background-color: rgba(22, 22, 22, 0.42); } @@ -5344,13 +5332,13 @@ input{ /* Fix disabled button background for user popup window */ -.lookOutlined-3sRXeN.colorWhite-rEQuAQ:disabled{ +.lookOutlined-3yKVGo.colorWhite-1H92hK:disabled{ background-color: rgba(255, 255, 255, 0.2); } /* Settings Code Redemption background fix */ -.theme-dark .codeRedemptionRedirect-1wVR4b{ +.theme-dark .codeRedemptionRedirect-3SBiCp{ background-color: rgba(0, 0, 0, 0.42); } @@ -5428,7 +5416,7 @@ input{ /* Fix discord notice bar border radius */ -.platform-win .base-3dtUhz{ +.platform-win .base-2jDfDU{ border-radius: 0; } @@ -5468,13 +5456,13 @@ input{ /* Tooltip background fixes */ -.theme-dark .tooltipBlack-PPG47z, -.theme-light .tooltipBlack-PPG47z{ +.theme-dark .tooltipBlack-vMYxvw, +.theme-light .tooltipBlack-vMYxvw{ background-color: rgba(0, 0, 0, 0.7); } -.theme-dark .tooltipBlack-PPG47z .tooltipPointer-3L49xb, -.theme-light .tooltipBlack-PPG47z .tooltipPointer-3L49xb{ +.theme-dark .tooltipBlack-vMYxvw .tooltipPointer-3L49xb, +.theme-light .tooltipBlack-vMYxvw .tooltipPointer-3L49xb{ border-top-color: rgba(197, 207, 237, 1) } @@ -5518,7 +5506,7 @@ input{ /* Fix text color for chat search bar */ -.theme-dark .searchBar-3dMhjb{ +.theme-dark .searchBar-zdmu7v{ color: rgba(255, 255, 255, 0.8); } @@ -5544,13 +5532,13 @@ input{ /* Fix voice chat's user list hover background color */ -.theme-dark .listDefault-2F-w65 .clickable-1lCRLF:hover .content-1Wq3SX, -.theme-light .listDefault-2F-w65 .clickable-1lCRLF:hover .content-1Wq3SX{ +.theme-dark .listDefault-2F-w65 .clickable-1ctZ-H:hover .content-1Tgc42, +.theme-light .listDefault-2F-w65 .clickable-1ctZ-H:hover .content-1Tgc42{ background-color: rgba(0, 0, 0, 0.22); border-radius: 0; } -.theme-dark .selected-3t3Csj{ +.theme-dark .selected-1oxcpH{ background-color: rgba(0, 0, 0, 0.42); border-radius: 0; } @@ -5560,11 +5548,11 @@ input{ border-radius: 0; } -.result-3w1ZcL::after{ +.result-3OpoO7::after{ border-radius: 0; } -.gif-1TcNIB{ +.gif-1EWTs-{ border: none; border-radius: 0; } @@ -5577,8 +5565,8 @@ input{ /* Fix the background color for game activity when there is no game detected */ -.theme-dark .notDetected-33MY4s, -.theme-light .notDetected-33MY4s{ +.theme-dark .notDetected-2HEmAp, +.theme-light .notDetected-2HEmAp{ background-color: rgba(0, 0, 0, 0.42); } @@ -5661,9 +5649,9 @@ input{ /* Fix the Nitro banner thing's background color and border radius on Discord store's game page */ -.section-foaVwT:first-child, +.section-18Kw3M:first-child, .premiumHeaderPrice-_S6RyD, -.section-foaVwT:last-child{ +.section-18Kw3M:last-child{ border-radius: 0; } @@ -5745,7 +5733,7 @@ input{ /* Fix the background color and border radius for the share post search bar */ -.theme-dark .container-2XeR5Z{ +.theme-dark .container-1SX9VC{ background-color: rgba(0, 0, 0, 0.42); border-radius: 0; } @@ -5807,11 +5795,11 @@ input{ /* Fix background color and border radius for game activity's add game selection */ -.theme-dark .addGamePopout-2RY8Ju{ +.theme-dark .addGamePopout-3yePJc{ background-color: rgba(0, 0, 0, 0.42); } -.addGamePopout-2RY8Ju{ +.addGamePopout-3yePJc{ border-radius: 0; } @@ -5824,19 +5812,19 @@ input{ border-radius: 0; } -.tile-2OwFgW{ +.tile-2mmK5T{ border-radius: 0; } -.theme-dark .tile-2OwFgW{ +.theme-dark .tile-2mmK5T{ background-color: rgba(0, 0, 0, 0.42); } -.theme-dark .tile-2OwFgW:hover{ +.theme-dark .tile-2mmK5T:hover{ background-color: rgba(0, 0, 0, 0.22); } -.theme-dark .lookFilled-yCfaCM.colorPrimary-3b3xI6:disabled{ +.theme-dark .lookFilled-yCfaCM.colorPrimary-2AuQVo:disabled{ background-color: rgba(255, 255, 255, 0.1); } @@ -5914,7 +5902,7 @@ input{ --channeltextarea-background: none; } -.theme-dark .modal-yWgWj-, .theme-dark .footer-3rDWdC { +.theme-dark .modal-2RrUKJ, .theme-dark .footer-1Ip3Sd { background-color: rgba(24, 28, 37, 1); } /* speaking avatars fix, was broken with those variables on .theme-dark class */ @@ -5922,7 +5910,7 @@ input{ -webkit-box-shadow: inset 0 0 0 2px #43b581,inset 0 0 0 3px !important; } -.container-1giJp5 { +.container-1zzFcN { background-color: rgba(0, 0, 0, 0.5); } @@ -5944,7 +5932,7 @@ input{ min-height: 2rem; } */ -.scrollableContainer-15eg7h.webkit-HjD9Er { +.scrollableContainer-15eg7h.webkit-QgSAqd { background-color: rgba(0, 0, 0, 0.5); border-radius:0 } @@ -5966,11 +5954,11 @@ input{ } /* click-on-emoji-in-message fix */ -.popoutContainer-1MXdqN { +.popoutContainer-2wbmiM { background-color: rgba(0, 0, 0, 0.6); border-radius: 0 !important; } -.guildSection-1EoFKd { +.guildSection-2Zyzy8 { background-color: rgba(0, 0, 0, 0.3); } /* emoji picker fix */ @@ -6058,7 +6046,9 @@ input{ border-color: rgba(255, 255, 255, 0.6); background-color: rgba(0, 0, 0, 0.4); } - +.liveShapeRound-2Tgi2d { + border-radius: 0; +} /* fix guild button */ .container-1-ERn5 { background: rgba(0, 0, 0, 0.5); @@ -6094,7 +6084,7 @@ input{ border-radius: 0; } -.container-2dqNWc { +.container-8Futzw { border-radius: 0; } @@ -6112,11 +6102,11 @@ input{ border-radius: 0; } -.background-1QDuV2 { +.background-3d_SjE { background: rgba(0, 0, 0, 0.22); border-radius: 0; } -.fieldList-21DyL8 { +.fieldList-in8WkP { border-radius: 0; } .theme-dark .lookFilled-yCfaCM.colorGrey-2iAG-B { @@ -6140,11 +6130,11 @@ input{ .item-2idW98:hover[aria-checked=true]{ background: rgba(0, 0, 0, 0.6); } -.cardWrapper-2Min21 { +.cardWrapper-CyvwQv { background: rgba(0, 0, 0, 0.22); border-radius: 0; } -.theme-dark .gemIndicatorContainer-2jdECl { +.theme-dark .gemIndicatorContainer-PqApbX { background: rgba(0, 0, 0, 0.3); } .css-gvi9bl-control { @@ -6161,44 +6151,44 @@ input{ background: rgba(0, 0, 0, 0.5); font-weight: bold; } -.open-kZ53_U, .select-2fjwPw { +.open-1FRZsK, .select-1Ia3hD { border-radius: 0; } -.option-3KoAJB { +.option-2eIyOn { background: rgba(0, 0, 0, 0.4); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } -.option-3KoAJB:hover { +.option-2eIyOn:hover { background: rgba(0, 0, 0, 0.6); } -.option-3KoAJB[aria-selected=true] { +.option-2eIyOn[aria-selected=true] { background: rgba(0, 0, 0, 0.7); font-weight: bold; } -.itemFilled-3llgIC:hover:not([aria-checked=true]) { +.itemFilled-1cPbtg:hover:not([aria-checked=true]) { background-color: rgba(0, 0, 0, 0.3); } -.deny-3nAuT6, .allow-1PzSY3 { +.deny-1GO6vI, .allow-1h61-Z { border-radius: 0; } -.deny-3nAuT6:hover, .allow-1PzSY3:hover, .passthrough-1c2ewQ:hover { +.deny-1GO6vI:hover, .allow-1h61-Z:hover, .passthrough--fbdFR:hover { background-color: rgba(0, 0, 0, 0.1); } -.deny-3nAuT6.selected-2YhbGh { +.deny-1GO6vI.selected-3jieYB { background-color: #f04747c0; } -.allow-1PzSY3.selected-2YhbGh { +.allow-1h61-Z.selected-3jieYB { background-color: #43b581c0; } -.passthrough-1c2ewQ.selected-2YhbGh { +.passthrough--fbdFR.selected-3jieYB { background-color: rgba(0, 0, 0, 0.6); } .container-2oNtJn { background: rgba(0, 0, 0, 0.6); border-radius: 0; } -.container-3XJ8ns { +.container-2O1UgZ { padding: 2px; background: rgba(0, 0, 0, 0.7); border-radius: 0; @@ -6210,13 +6200,13 @@ input{ background: rgba(0, 0, 0, 0.5); font-weight: bold; } -.button-1YfofB.buttonColor-7qQbGO:hover { +.button-1EGGcP.buttonColor-3bP3fX:hover { background-color: rgba(0, 0, 0, 0.3); } -.container-1pMiXm { +.container-rr3Ruk { background-color: rgba(0, 0, 0, 0.22); } -.backdrop-2ByYRN.withLayer-RoELSG { +.backdrop-2ByYRN.withLayer-2VVmpp { background-color: rgba(0, 0, 0, 0.7) !important; } @@ -6232,7 +6222,7 @@ input{ background-color: rgba(0, 0, 0, 0.4); border-radius: 0; } -.threadName-2iLyXl { +.threadName-2k9mLl { color: #EEE; } .container-2o3qEW { @@ -6245,7 +6235,7 @@ input{ .chatHeaderBar-2fUORh { background-color: rgba(0, 0, 0, 0.5); } -.chat-15Vmww::before { +.chat-3JZdy8::before { border-color: rgba(0, 0, 0, 0.5); } /* search fix 2021 Certified */ @@ -6263,10 +6253,10 @@ input{ background-color: rgba(0, 0, 0, 0.22); } -.header-2mZ9Ov { +.header-JUTO-g { background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.3)); } -.accountProfileCard-1XCH88 { +.accountProfileCard-lbN7n- { background-color: rgba(0, 0, 0, 0.33); border-radius: 0; } From b6b091a82528720936fda7bf6e49690eac5890f3 Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Sun, 16 Jan 2022 02:21:23 +0500 Subject: [PATCH 11/31] various stuff updated TODO: bring colors to one kind --- crystalline.css | 97 +++++++++++++++++++++---------------------------- 1 file changed, 42 insertions(+), 55 deletions(-) diff --git a/crystalline.css b/crystalline.css index 6cd230b..ee22a6c 100644 --- a/crystalline.css +++ b/crystalline.css @@ -1,6 +1,6 @@ /********************************************************** * Crystalline CSS for BeautifulDiscord * - * Version 1.22.9 * + * Version 1.22.10 * * * * Created by SamuiNe * * https://github.com/SamuiNe * @@ -4454,21 +4454,6 @@ input{ border-radius: 0; } -/*TODO: Delete below if stuff gets messed up again for this part*/ - -.theme-dark .divider-2rZFJK.dividerRed-MKoLlr>span{ - margin-left: calc(-100% + 242px); - margin-top: 22px; - background-color: rgba(240, 71, 71, 0.35) !important; - color: rgb(240, 71, 71); - z-index: 1 !important; - border-radius: 0; -} - -.theme-dark .divider-2rZFJK.dividerRed-MKoLlr>div{ - background-color: rgba(0, 0, 0, 0); -} - .theme-dark .divider-2rZFJK{ margin-right: 20px; } @@ -4503,26 +4488,14 @@ input{ } .theme-dark .divider-2rZFJK span{ - background-color: rgba(0, 0, 0, 0); -} - -.theme-dark .divider-2rZFJK :not(.red-1YQ4s7) span{ - - /* TODO: Fix text on this */ -} - -.theme-dark .divider-2rZFJK :not(.red-1YQ4s7) div{ - /*margin-top: -40px !important;*/ - background-color: rgba(0, 0, 0, 0); + border-radius: 0; } - .messageGroupBlocked-3wrQQX{ border-bottom: 0px; } .theme-dark .messageGroupBlocked-3wrQQX .messageGroupBlockedBtn-1PBBh-{ - display: none; } @@ -4533,7 +4506,6 @@ input{ } */ -/* End of TODO 4398,3 */ .theme-dark .jumpToPresentBar-1cEnH0, .theme-dark .jumpToPresentBar-1cEnH0:hover{ @@ -4705,15 +4677,12 @@ input{ color: rgb(255, 190, 120) !important; } -/* Fix 'New Messages' margin and width */ -.theme-dark .divider-2rZFJK .dividerRed-MKoLlr>span{ +/* date under unread fix */ +.theme-dark .divider-2rZFJK .content-3spvdd { margin-top: 1px; margin-bottom: -20px; } -.theme-dark .divider-2rZFJK .dividerRed-MKoLlr{ - width: 180px; -} /* Fix border colors for 'hidden' dividers */ @@ -4721,19 +4690,6 @@ input{ border-color: hsla(0,0%,100%,.04); } -/* Fix margins for date dividers */ - -.theme-dark .divider-2rZFJK:not(.dividerRed-MKoLlr) .dividerContent-2L12VI{ - - color: rgba(255, 255, 255, 0.5); - margin-top: -11px; - margin-bottom: -8px; -} - -.theme-dark .divider-2rZFJK:not(.dividerRed-MKoLlr) .dividerContent-2L12VI:after, .theme-dark .divider-2rZFJK:not(.dividerRed-MKoLlr) .dividerContent-2L12VI:before{ - border-color: rgba(255, 255, 255, 0.1); -} - /* Make blocked messages divider hidden */ .divider-3zi9LO+.messageGroupBlocked-JqfeE2, @@ -4828,6 +4784,10 @@ input{ background-color: rgba(255, 255, 255, 0.1); } +.reaction-2A2y9y.reactionMe-3I9gFK { + background-color: hsla(235,85.6%, 64.7%, 0.15); +} + .theme-dark .reactionCount-2ddRoS{ color: rgba(255, 255, 255, 0.42); } @@ -5230,9 +5190,9 @@ input{ background: rgba(0, 0, 0, 0); } -.theme-dark .scrollerThemed-2oenus.themedWithTrack-q8E3vB .scroller-kQBbkU::-webkit-scrollbar-thumb{ - border-color: rgba(66, 66, 66, 0.42); - background-color: rgba(22, 22, 22, 0.42); +.theme-dark .scroller-kQBbkU::-webkit-scrollbar-thumb{ + background-color: rgba(0, 0, 0, 0.5); + border-radius: 0; } /* Tooltip background fix */ @@ -5675,6 +5635,9 @@ input{ background-color: rgba(0, 0, 0, 0.42); border-radius:0 ; } +.applicationStreamingHoverText-ETJLXZ { + border-radius: 0; +} /* Fix background color, border radius, and inconsistent height for nitro game perks */ @@ -5896,8 +5859,8 @@ input{ --background-modifier-hover: none; --background-modifier-selected: none; --background-modifier-active: none; - --scrollbar-auto-thumb: rgba(0, 0, 0, 0.4); - --scrollbar-auto-track: rgba(0, 0, 0, 0.05); + --scrollbar-auto-thumb: rgba(0, 0, 0, 0.42); + --scrollbar-auto-track: rgba(0, 0, 0, 0); --scrollbar-thin-thumb: rgba(255, 255, 255, 0.3); --channeltextarea-background: none; } @@ -6130,6 +6093,9 @@ input{ .item-2idW98:hover[aria-checked=true]{ background: rgba(0, 0, 0, 0.6); } +.radioBar-3w9XY- { + border-radius:0; +} .cardWrapper-CyvwQv { background: rgba(0, 0, 0, 0.22); border-radius: 0; @@ -6212,7 +6178,7 @@ input{ /* threads */ .container-18GwIk{ - background-color: rgba(0, 0, 0, 0.6) !important; + background-color: rgba(22, 22, 22, 0.8) !important; border-radius: 0; } .header-3_zmOb{ @@ -6300,4 +6266,25 @@ input{ /* 1px under profile control wtf */ .container-YkUktl { margin-bottom: 0; -} \ No newline at end of file +} + +/* boost cards */ +.theme-dark .feature-2IUcBI { + border-radius: 0; + border: 1px solid; + border-color: rgba(255, 255, 255, 0.25); + background-color: rgba(0, 0, 0, 0.22); +} + +/* user customization settings */ +.notice-1Qe0b_ { + background-color: rgba(0, 0, 0, 0.42); + border-radius: 0; +} +.profileBannerPreview-3mLIdO { + border-radius: 0; + box-shadow: none; +} +.banner-3D8GgT { + border-radius: 0; +} From cd94bd0b907307ddcbd363a965bc5e84c02d72b3 Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Wed, 19 Jan 2022 17:41:44 +0500 Subject: [PATCH 12/31] another bunch of fixes also testing of blur in some cases, like role permissions settings --- crystalline.css | 62 +++++++++++++++++++++++++++++++++++++++++-------- 1 file changed, 52 insertions(+), 10 deletions(-) diff --git a/crystalline.css b/crystalline.css index ee22a6c..50271b7 100644 --- a/crystalline.css +++ b/crystalline.css @@ -1,6 +1,6 @@ /********************************************************** * Crystalline CSS for BeautifulDiscord * - * Version 1.22.10 * + * Version 1.22.11 * * * * Created by SamuiNe * * https://github.com/SamuiNe * @@ -19,13 +19,9 @@ body { -webkit-transition: background 3s ease-in-out; transition: background 3s ease-in-out; - - /* The picture source is from 书童hiroco at the link (thanks shinji257!): // 2017 - https://www.pixiv.net/member_illust.php?mode=medium&illust_id=61734227 // 2017 - */ - + /* Picture URL goes into parenthesis. */ background: #fff url(https://w.wallhaven.cc/full/0q/wallhaven-0q19r5.png); - + /* Just in case adjusting the position is necessary (x% y%)*/ background-position: 50% 50%; @@ -6057,14 +6053,26 @@ input{ } .theme-dark .root-g14mjS { - background: rgba(0, 0, 0, 0.62) !important; + background: rgba(22, 22, 22, 0.8) !important; border-radius: 0; } .theme-dark .footer-31IekZ { - background: rgba(0, 0, 0, 0.7); + background: rgba(0, 0, 0, 0.4); border-radius: 0; } - +.card-1SdQ2- { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 0; +} +.qualitySettingsContainer-30AsSH{ + border-color: rgba(0, 0, 0, 0.0); + border-radius: 0; + background-color: rgba(255, 255, 255, 0.1); +} +.lookFilled-1GseHa.select-1Ia3hD { + background-color: rgba(255, 255, 255, 0.1); + border: none; +} .background-3d_SjE { background: rgba(0, 0, 0, 0.22); border-radius: 0; @@ -6191,6 +6199,10 @@ input{ .threadName-2k9mLl { color: #EEE; } +.popout-TdhJ6Z { + background-color: rgba(0, 0, 0, 0.6); + border-radius: 0; +} .container-2o3qEW { background-color: rgba(0, 0, 0, 0.22); } @@ -6288,3 +6300,33 @@ input{ .banner-3D8GgT { border-radius: 0; } + +/* boost server tooltip */ +.subscribeTooltipWrapper-3ipXtC{ + background-color: rgba(22, 22, 22, 0.8); + border-radius: 0; +} +.subscribeTooltipWrapper-3ipXtC:after { + border-color: rgba(22, 22, 22, 0.8); +} +.lookFilled-yCfaCM.colorBrand-I6CyqQ { + background-color: rgba(0, 0, 0, 0.4); +} +.lookFilled-yCfaCM.colorBrand-I6CyqQ:disabled { + background-color: rgba(0, 0, 0, 0.2); +} + +/* reply stuff */ +.replyBar-1oi75v, .threadSuggestionBar-3ExSyc { + background-color: rgba(0, 0, 0, 0.5); + border-radius: 0; +} +.repliedMessage-3Z6XBG:before { + border-color: rgba(255, 255, 255, 0.3); +} + + +.callContainer-HtHELf { + background-color: rgba(0, 0, 0, 0.5) !important; + backdrop-filter: blur(10px); +} From a81150f17f17b5445f9d642c90a32730cff820a6 Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Fri, 28 Jan 2022 23:55:02 +0500 Subject: [PATCH 13/31] things, stuff, something --- crystalline.css | 46 +++++++++++++++++++++++++++++++++++++++------- 1 file changed, 39 insertions(+), 7 deletions(-) diff --git a/crystalline.css b/crystalline.css index 50271b7..234320d 100644 --- a/crystalline.css +++ b/crystalline.css @@ -1,6 +1,6 @@ /********************************************************** * Crystalline CSS for BeautifulDiscord * - * Version 1.22.11 * + * Version 1.22.12 * * * * Created by SamuiNe * * https://github.com/SamuiNe * @@ -3431,6 +3431,8 @@ span.discriminator{ .role-2TIOKu{ border-radius: 0; height: 20px; + border: 1px solid; + padding: 4px 4px 4px 2px; } .roleName-2ZJJYR{ @@ -4836,7 +4838,7 @@ input{ .guildsWrapper-5TJh6A, .video-2HW4jD, -.embedImage-2Ynqkh img, .embedImage-2Ynqkh video +.embedImage-2Ynqkh img, .embedImage-2Ynqkh video, .embedThumbnail-2nTasl img, .embedThumbnail-2nTasl video, .embedVideo-2ixt5A img, .embedVideo-2ixt5A video, .embedMedia-1mdWSP, @@ -5372,7 +5374,7 @@ input{ /* Fix discord notice bar border radius */ -.platform-win .base-2jDfDU{ +.notice-2HEN-u{ border-radius: 0; } @@ -5995,13 +5997,13 @@ input{ } /* stream preview overlay */ -.theme-dark .streamPreview-3qoMP4 { +.theme-dark .streamPreview-I7itZ6 { background-color: rgba(0, 0, 0, 0.65); } -.streamPreview-3qoMP4 { +.streamPreview-I7itZ6 { border-radius: 0; } -.theme-dark .watchButton-2v6cPT:hover { +.theme-dark .watchButton-2YRKxv:hover { border-color: rgba(255, 255, 255, 0.6); background-color: rgba(0, 0, 0, 0.4); } @@ -6033,7 +6035,7 @@ input{ } /* also background color on default icons */ -.circleIconButton-1QV--U { +.circleIconButton-1VxDrg { background: rgba(0, 0, 0, 0.42) } @@ -6056,6 +6058,12 @@ input{ background: rgba(22, 22, 22, 0.8) !important; border-radius: 0; } +.theme-dark .contentWrapper-3oy4Xo { + background-color: rgba(0, 0, 0, 0); +} +.contentWrapper-3oy4Xo { + border-radius: 0; +} .theme-dark .footer-31IekZ { background: rgba(0, 0, 0, 0.4); border-radius: 0; @@ -6330,3 +6338,27 @@ input{ background-color: rgba(0, 0, 0, 0.5) !important; backdrop-filter: blur(10px); } +.tile-2TcwiO { + background-color: rgba(0, 0, 0, 0.4); +} +.button-3Vyz67 { + border-radius: 0; +} +.pictureInPictureVideo-2puO2Q { + background-color: rgba(0, 0, 0, 0.4); +} + +/* new server window */ +.base-21yXnu { + color: rgba(255, 255, 255, 0.9); +} +.container-x8Y1ix { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 0; +} +.colorStandard-21JIj7 { + color: rgba(255, 255, 255, 0.8); +} +.container-x8Y1ix:hover { + background-color: rgba(255, 255, 255, 0.3); +} \ No newline at end of file From c56b527f86295b066c6242106afab3523b48f6a3 Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Sun, 10 Apr 2022 22:36:06 +0500 Subject: [PATCH 14/31] I should updated this like a month ago there is still stuff to fix, but nonetheless --- crystalline.css | 121 +++++++++++++++++++++++++++++++++++++++++------- 1 file changed, 103 insertions(+), 18 deletions(-) diff --git a/crystalline.css b/crystalline.css index 234320d..9af26f6 100644 --- a/crystalline.css +++ b/crystalline.css @@ -1,6 +1,6 @@ /********************************************************** * Crystalline CSS for BeautifulDiscord * - * Version 1.22.12 * + * Version 1.22.13 * * * * Created by SamuiNe * * https://github.com/SamuiNe * @@ -2955,7 +2955,7 @@ span.amount { } .match-20K5f5{ - color: rgba(197, 207, 237, 1); + color: rgba(197, 207, 217, 1); } .theme-dark .cardPrimaryEditable-2mz_3i{ @@ -3626,18 +3626,18 @@ div.action.join { border-radius: 0; } -.connection-107AGH{ +.connection-YOVI9j { border-radius: 0; background: rgba(0, 0, 0, 0.22); } -.connectionHeader-2rV1ze{ +.connectionHeader-Ixbb1s{ border: none; border-radius: 0; background: rgba(0, 0, 0, 0.4); } -.integration-1f5IUi { +.integration-1qC-fv { background: rgba(0, 0, 0, 0.22); border-radius: 0; } @@ -3796,23 +3796,23 @@ input{ border: none; } -.theme-dark .accountBtnInner-3XK70s{ +.accountBtn-3pgcgr .accountBtnInner-3ttD-i{ border-radius: 0; border: none; background-color: rgba(255, 255, 255, 0.1); } -.theme-dark .accountBtnInner-3XK70s:hover{ +.accountBtn-3pgcgr .accountBtnInner-3ttD-i:hover{ background-color: rgba(255, 255, 255, 0.2); } -.connectionDelete-XXTMqE{ +.connectionDelete-3YgMVq{ border-radius: 0; border: none; background-color: rgba(255, 255, 255, 0.1); } -.connectionDelete-XXTMqE:hover{ +.connectionDelete-3YgMVq:hover{ background-color: rgba(255, 255, 255, 0.2); } @@ -3931,7 +3931,7 @@ input{ background-color: rgba(0, 0, 0, 0.7); } .footer-3naVBw{ - + background: none; } .footer-1fjuF6{ @@ -4583,15 +4583,15 @@ input{ /* Friend List background Selected + Hover */ -.channel-1Shao0 a{ +.interactive-1vLZ_I{ border-radius: 0; } -.channel-1Shao0:hover a{ +.interactive-1vLZ_I:focus-within, .interactive-1vLZ_I:hover{ background-color: rgba(0, 0, 0, 0.22); } -.channel-1Shao0.selected-1HYmZZ a{ +.interactive-1vLZ_I:active, .interactiveSelected-29CP8y{ background-color: rgba(0, 0, 0, 0.42); } @@ -4654,7 +4654,7 @@ input{ /* Fix for that random shadow below search bar */ -.searchBar-3TnChZ { +.searchBar-jGtisZ { box-shadow: none; background-color: rgba(0, 0, 0, 0.42); } @@ -4833,6 +4833,9 @@ input{ border: none; background-color: rgba(255, 255, 255, 0.1); } +.closeButton-PCZcma:hover { + background-color: rgba(255, 255, 255, 0.2); +} /* Fix guild wrapper border radius */ @@ -6049,7 +6052,7 @@ input{ border-radius: 0; } -/* link window fix */ +/* untrusted link window fix */ .backdrop-2ByYRN.withLayer-2VVmpp { opacity: 0.5 !important; } @@ -6077,6 +6080,7 @@ input{ border-radius: 0; background-color: rgba(255, 255, 255, 0.1); } +/* this setting is used in two different places, FUCK */ .lookFilled-1GseHa.select-1Ia3hD { background-color: rgba(255, 255, 255, 0.1); border: none; @@ -6268,12 +6272,16 @@ input{ .searchBar-3TnChZ { background-color: rgba(0, 0, 0, 0.5) } +.searchBar-3TnChZ .searchBarComponent-3N7dCG { + background-color: rgba(0, 0, 0, 0.4); + border-radius: 0; +} /* what the fuck is this, ::after gradient, for real? */ -.theme-dark .option-2KkUJO:after { +.theme-dark .option-ayUoaq:after { background: none; } -.theme-dark .option-2KkUJO:hover { +.theme-dark .option-ayUoaq:hover { background-color: rgba(0, 0, 0, 0.33); } @@ -6325,7 +6333,7 @@ input{ } /* reply stuff */ -.replyBar-1oi75v, .threadSuggestionBar-3ExSyc { +.threadSuggestionBar-3ExSyc { background-color: rgba(0, 0, 0, 0.5); border-radius: 0; } @@ -6356,9 +6364,86 @@ input{ background-color: rgba(255, 255, 255, 0.1); border-radius: 0; } +.colorHeaderSecondary-g5teka { + color: rgba(255, 255, 255, 0.8); +} .colorStandard-21JIj7 { color: rgba(255, 255, 255, 0.8); } .container-x8Y1ix:hover { background-color: rgba(255, 255, 255, 0.3); +} +.channelNotice-7cg_jN { + background-color: rgba(0, 0, 0, 0.5); +} +.attachedBars-2BCP3l { + background-color: rgba(0, 0, 0, 0.5); + border-radius: 0; +} +.messagesErrorBar-1IQ1rH { + background-color: rgba(240, 71, 71, 0.8); + border-radius: 0; +} +.closeIcon-11LhXr { + color: white; +} +.search-25t1e9 .searchBox-31Zv9h .searchIcon-3X4BYL { + color: white; +} +.theme-dark .card-2TuZPZ, .theme-dark .iconMask-2fMR98 { + background-color:rgba(0, 0, 0, 0.33); +} +.theme-dark .card-2TuZPZ:hover, .theme-dark .card-2TuZPZ:hover .iconMask-2fMR98, .theme-dark .iconMask-2fMR98:hover, .theme-dark .iconMask-2fMR98:hover .iconMask-2fMR98 { + background-color: rgba(0, 0, 0, 0.5); +} +.categoryItem-Kc_HK_.selectedCategoryItem-ZjqSui .itemInner-3e_4G4 { + background-color: none; + border-radius: 0; +} + +/* some parts of friend/channel finder */ +.result-u66Ywh { + border-radius: 0; +} +.result-u66Ywh[aria-selected=true] { + background: rgba(255, 255, 255, 0.2); +} + +/* make line between items in list a little bit brighter */ +.peopleListItem-u6dGxF, .divider-_0um2u { + border-color: rgba(255, 255, 255, 0.15); +} +.scroller-hE2gWq, .wrapper-2RrXDg { + border: none; +} +.theme-dark .game-2f2vPC { + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15); +} +.separator-2wx7h6 { + background-color: rgba(255, 255, 255, 0.15); +} + +/* settings game activity */ +.theme-dark .notDetected-M3Ghh2, .theme-light .notDetected-M3Ghh2 { + background-color: rgba(0, 0, 0, 0.22); +} +.notDetected-M3Ghh2, .nowPlaying-3UpuKc { + border-radius: 0; +} +.theme-dark .nowPlaying-3UpuKc, .theme-light .nowPlaying-3UpuKc { + background-color: rgba(45, 125, 70, 0.6); +} + +/* settings integration */ +.accountList-Wii_T5 { + background-color: rgba(0, 0, 0, 0.33); + border-radius: 0; +} + +/* https://media.discordapp.net/attachments/589742302419746826/962728217704288327/unknown.png */ +.theme-dark .blockedPaymentsWarning-T43O2z, .theme-dark .codeRedemptionRedirect-2hYMSQ { + background-color: rgba(0, 0, 0, 0.33); +} +.noItemsCard-5EOcCl, .noItemsCard-2V85P5 { + background-color: rgba(0, 0, 0, 0.33); } \ No newline at end of file From f92785a307eb3c7d57101760def48abd34e17088 Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Wed, 13 Apr 2022 19:25:13 +0500 Subject: [PATCH 15/31] various details (most of them - settings) --- crystalline.css | 84 ++++++++++++++++++++++++++++++++++++++----------- 1 file changed, 66 insertions(+), 18 deletions(-) diff --git a/crystalline.css b/crystalline.css index 9af26f6..d1f0e92 100644 --- a/crystalline.css +++ b/crystalline.css @@ -1,6 +1,6 @@ /********************************************************** * Crystalline CSS for BeautifulDiscord * - * Version 1.22.13 * + * Version 1.22.14 * * * * Created by SamuiNe * * https://github.com/SamuiNe * @@ -2959,13 +2959,13 @@ span.amount { } .theme-dark .cardPrimaryEditable-2mz_3i{ - background-color: rgba(0, 0, 0, 0.42) !important; - border-color: rgba(0, 0, 0, 0.42) !important; + background-color: rgba(0, 0, 0, 0.22) !important; + border-color: rgba(0, 0, 0, 0.22) !important; } .theme-dark .cardPrimaryEditable-2mz_3i:hover{ - background-color: rgba(0, 0, 0, 0.8) !important; - border-color: rgba(0, 0, 0, 0.8) !important; + background-color: rgba(0, 0, 0, 0.6) !important; + border-color: rgba(0, 0, 0, 0.6) !important; } /* Text color adjustments */ @@ -3697,10 +3697,19 @@ div.action.join { border-radius: 0; } -.menu-Sp6bN1{ +.menu-1QACrS{ border-radius: 0; background-color: rgba(22, 22, 22, 0.8); } +.item-1OdjEX { + border-radius: 0; +} +.colorDefault-CDqZdO.focused-3qFvc8 { + background-color: rgba(71, 82, 196, 0.6); +} +.colorDanger-3n-KnP.focused-3qFvc8 { + background-color: rgba(216, 60, 62, 0.6); +} .separator-2zcjq8{ border-color: rgba(255, 255, 255, 0.2); @@ -4414,7 +4423,7 @@ input{ } .theme-dark .jumpButton-1ZwI_j{ - background-color: rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0.1); } .theme-dark .messageGroupWrapper-1jf_7C:hover .actionButtons-2mNSAB{ @@ -5927,10 +5936,12 @@ input{ } /* emoji picker fix */ .contentWrapper-3vHNP2, .emojiPicker-6YCk8a { - background: rgba(0, 0, 0, 0.65); + background: rgba(0, 0, 0, 0.4); border-radius: 0; } - +.navButtonActive-1EqC5l { + background-color: rgba(255, 255, 255, 0.1); +} .wrapper-1NNaWG { background-color: rgba(0, 0, 0, 0) !important; } @@ -6071,6 +6082,9 @@ input{ background: rgba(0, 0, 0, 0.4); border-radius: 0; } +.theme-dark .footer-31IekZ .button-f2h6uQ { + color: white; +} .card-1SdQ2- { background-color: rgba(255, 255, 255, 0.1); border-radius: 0; @@ -6080,9 +6094,9 @@ input{ border-radius: 0; background-color: rgba(255, 255, 255, 0.1); } -/* this setting is used in two different places, FUCK */ + .lookFilled-1GseHa.select-1Ia3hD { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(0, 0, 0, 0.3); border: none; } .background-3d_SjE { @@ -6140,14 +6154,18 @@ input{ .open-1FRZsK, .select-1Ia3hD { border-radius: 0; } -.option-2eIyOn { +.popout-1KHNAq { + background: rgba(0, 0, 0, 0.6); + border-radius: 0; +} +/*.option-2eIyOn { background: rgba(0, 0, 0, 0.4); border-bottom: 1px solid rgba(255, 255, 255, 0.1); -} +}*/ .option-2eIyOn:hover { - background: rgba(0, 0, 0, 0.6); + background: rgba(255, 255, 255, 0.1); } -.option-2eIyOn[aria-selected=true] { +.option-2eIyOn[aria-selected=true], .option-2eIyOn[aria-selected=true]:not(.option-2eIyOn.multi-1HXDiv) { background: rgba(0, 0, 0, 0.7); font-weight: bold; } @@ -6244,7 +6262,8 @@ input{ } .header-JUTO-g { - background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.3)); + /*background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.3));*/ + backdrop-filter: blur(5px); } .accountProfileCard-lbN7n- { background-color: rgba(0, 0, 0, 0.33); @@ -6410,7 +6429,7 @@ input{ } /* make line between items in list a little bit brighter */ -.peopleListItem-u6dGxF, .divider-_0um2u { +.peopleListItem-u6dGxF, .divider-_0um2u, .separator-1So4YB { border-color: rgba(255, 255, 255, 0.15); } .scroller-hE2gWq, .wrapper-2RrXDg { @@ -6419,7 +6438,7 @@ input{ .theme-dark .game-2f2vPC { box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15); } -.separator-2wx7h6 { +.separator-2wx7h6, .roleRow-3LoHQ6:before, .roleRow-3LoHQ6:last-child:after { background-color: rgba(255, 255, 255, 0.15); } @@ -6446,4 +6465,33 @@ input{ } .noItemsCard-5EOcCl, .noItemsCard-2V85P5 { background-color: rgba(0, 0, 0, 0.33); +} + +/* bit of server settings */ +.roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) { + background-color: rgba(0, 0, 0, 0.33); + border-radius: 0; +} +.container-3EtAkD { + background-color: rgba(0, 0, 0, 0.4); + border-radius: 0; +} +.container-3EtAkD:hover { + background-color: rgba(0, 0, 0, 0.6); +} +.disabled-1nofHP.item-3XjbnG, .disabled-1nofHP.item-3XjbnG:hover { + color:rgba(255, 255, 255, 0.2); +} +.tabBar-3DfKkN { + border-bottom: 2px solid rgba(255, 255, 255, 0.1); +} +.container-3jbRo5 { + border-radius: 0; +} + +.button-1zW0-r:hover, .keyboard-mode .button-1zW0-r.focused-H4w81f { + background-color: rgba(255, 255, 255, 0.2); +} +.button-1zW0-r { + border-radius: 0;; } \ No newline at end of file From ba76501727a96873f8360eed78431fdab64076e3 Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Wed, 20 Apr 2022 02:40:30 +0500 Subject: [PATCH 16/31] various stuff fixed again, also test on color well, I changed text color from discord gray to semitransparent white, somehow, it changed the text renderer... weird stuff, needs testing --- crystalline.css | 45 +++++++++++++++++++++++++++++---------------- 1 file changed, 29 insertions(+), 16 deletions(-) diff --git a/crystalline.css b/crystalline.css index d1f0e92..1a52979 100644 --- a/crystalline.css +++ b/crystalline.css @@ -1,6 +1,6 @@ /********************************************************** * Crystalline CSS for BeautifulDiscord * - * Version 1.22.14 * + * Version 1.22.15 * * * * Created by SamuiNe * * https://github.com/SamuiNe * @@ -4422,8 +4422,9 @@ input{ border: none; } -.theme-dark .jumpButton-1ZwI_j{ +.theme-dark .jumpButton-1ZwI_j, .jumpButton-1V_1FA{ background-color: rgba(255, 255, 255, 0.1); + border-radius: 0; } .theme-dark .messageGroupWrapper-1jf_7C:hover .actionButtons-2mNSAB{ @@ -4666,6 +4667,7 @@ input{ .searchBar-jGtisZ { box-shadow: none; background-color: rgba(0, 0, 0, 0.42); + border-radius: 0; } /* Local Bot background fix */ @@ -5505,6 +5507,7 @@ input{ .theme-dark .listDefault-2F-w65 .clickable-1ctZ-H:hover .content-1Tgc42, .theme-light .listDefault-2F-w65 .clickable-1ctZ-H:hover .content-1Tgc42{ background-color: rgba(0, 0, 0, 0.22); + border-bottom: 2px solid rgba(0, 0, 0, 0); border-radius: 0; } @@ -5873,13 +5876,19 @@ input{ --scrollbar-auto-track: rgba(0, 0, 0, 0); --scrollbar-thin-thumb: rgba(255, 255, 255, 0.3); --channeltextarea-background: none; + + /* THIS IS A TEST */ + --text-normal: rgba(255, 255, 255, 0.9); + --text-muted: rgba(255, 255, 255, 0.5); + --header-secondary: rgba(255, 255, 255, 0.75); + --channels-default: rgba(255, 255, 255, 0.5); } .theme-dark .modal-2RrUKJ, .theme-dark .footer-1Ip3Sd { background-color: rgba(24, 28, 37, 1); } /* speaking avatars fix, was broken with those variables on .theme-dark class */ -.avatarSpeaking-2pCGrZ { +.avatarSpeaking-2pCGrZ, .avatarSpeaking-33RRJU { -webkit-box-shadow: inset 0 0 0 2px #43b581,inset 0 0 0 3px !important; } @@ -5936,7 +5945,7 @@ input{ } /* emoji picker fix */ .contentWrapper-3vHNP2, .emojiPicker-6YCk8a { - background: rgba(0, 0, 0, 0.4); + background: rgba(0, 0, 0, 0.65); border-radius: 0; } .navButtonActive-1EqC5l { @@ -5961,8 +5970,6 @@ input{ .emojiItem-277VFM.emojiItemSelected-2Lg50V { background-color: rgba(0, 0, 0, 0.6); border-radius: 0; - border: 1px #fff5 solid; - padding: 3px; } /* that active contacts now playing thingy on friend page */ @@ -6189,7 +6196,7 @@ input{ background-color: rgba(0, 0, 0, 0.6); } .container-2oNtJn { - background: rgba(0, 0, 0, 0.6); + background: rgba(0, 0, 0, 0.5); border-radius: 0; } .container-2O1UgZ { @@ -6205,7 +6212,7 @@ input{ font-weight: bold; } .button-1EGGcP.buttonColor-3bP3fX:hover { - background-color: rgba(0, 0, 0, 0.3); + background-color: rgba(255, 255, 255, 0.2); } .container-rr3Ruk { background-color: rgba(0, 0, 0, 0.22); @@ -6220,12 +6227,15 @@ input{ border-radius: 0; } .header-3_zmOb{ - background-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.42); } .container-2rzKKA { background-color: rgba(0, 0, 0, 0.4); border-radius: 0; } +.container-2rzKKA:hover { + background-color: rgba(255, 255, 255, 0.1); +} .threadName-2k9mLl { color: #EEE; } @@ -6281,12 +6291,6 @@ input{ border-radius: 0; } -/* friend list search bar */ -.container-2oNtJn { - background-color: rgba(0, 0, 0, 0.5); - border-radius: 0;; -} - /* up-left search bar on friend list page */ .searchBar-3TnChZ { background-color: rgba(0, 0, 0, 0.5) @@ -6428,10 +6432,14 @@ input{ background: rgba(255, 255, 255, 0.2); } + /* make line between items in list a little bit brighter */ -.peopleListItem-u6dGxF, .divider-_0um2u, .separator-1So4YB { +.peopleListItem-u6dGxF, .divider-_0um2u, .separator-1So4YB, .divider-2rZFJK { border-color: rgba(255, 255, 255, 0.15); } +.isUnread-3Lojb- { + border-color: rgba(237, 66, 69, 0.8) !important; +} .scroller-hE2gWq, .wrapper-2RrXDg { border: none; } @@ -6442,6 +6450,11 @@ input{ background-color: rgba(255, 255, 255, 0.15); } +/* or maybe delete them at all */ +.activityPanel-9icbyU, .panel-2ZFCRb, .container-1zzFcN { + border: none; +} + /* settings game activity */ .theme-dark .notDetected-M3Ghh2, .theme-light .notDetected-M3Ghh2 { background-color: rgba(0, 0, 0, 0.22); From 8d6ab9cba46779fd58f083216b43146beeed7de2 Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Sat, 14 May 2022 00:43:40 +0500 Subject: [PATCH 17/31] I lied about fastest fix in the world probably --- crystalline.css | 67 +++++++++++++++++++++++++++++++++++++++++-------- 1 file changed, 57 insertions(+), 10 deletions(-) diff --git a/crystalline.css b/crystalline.css index 1a52979..ff270d7 100644 --- a/crystalline.css +++ b/crystalline.css @@ -1,6 +1,6 @@ /********************************************************** * Crystalline CSS for BeautifulDiscord * - * Version 1.22.15 * + * Version 1.22.16 * * * * Created by SamuiNe * * https://github.com/SamuiNe * @@ -4453,6 +4453,10 @@ input{ background-color: rgba(0, 0, 0, 0); } +.content-1jQy2l .members-3WRCEx { + background-color: rgba(0, 0, 0, 0.22); +} + .theme-dark .messagesWrapper-3lZDfY{ background-color: rgba(0, 0, 0, 0); } @@ -5392,6 +5396,9 @@ input{ border-radius: 0; } +.colorDark-17ICom { + background-color: rgba(55, 55, 55, 0.8); +} /* Fix channel sidebar selection and hover background color and border radius */ .theme-dark .wrapper-NhbLHG.modeSelected-3DmyhH .content-1gYQeQ, @@ -5877,11 +5884,17 @@ input{ --scrollbar-thin-thumb: rgba(255, 255, 255, 0.3); --channeltextarea-background: none; + --background-modifier-accent: rgba(255, 255, 255, 0.15); + /* THIS IS A TEST */ --text-normal: rgba(255, 255, 255, 0.9); --text-muted: rgba(255, 255, 255, 0.5); --header-secondary: rgba(255, 255, 255, 0.75); - --channels-default: rgba(255, 255, 255, 0.5); + --channels-default: rgba(255, 255, 255, 0.6); + --interactive-normal: rgba(220, 220, 220, 0.7); + --interactive-hover: rgba(255, 255, 255, 0.8); + --interactive-muted: rgba(130, 130, 130, 0.7); + --channel-icon: rgba(255, 255, 255, 0.6); } .theme-dark .modal-2RrUKJ, .theme-dark .footer-1Ip3Sd { @@ -5914,10 +5927,6 @@ input{ min-height: 2rem; } */ -.scrollableContainer-15eg7h.webkit-QgSAqd { - background-color: rgba(0, 0, 0, 0.5); - border-radius:0 -} .panels-3wFtMD { background-color: transparent; } @@ -6244,7 +6253,8 @@ input{ border-radius: 0; } .container-2o3qEW { - background-color: rgba(0, 0, 0, 0.22); + height: 100%; + flex-direction: unset; } .container-3i3IzO { background-color: rgba(0, 0, 0, 0.33); @@ -6290,7 +6300,9 @@ input{ background-color: rgba(0, 0, 0, 0.5); border-radius: 0; } - +.container-3XgAHv .scrollableContainer-15eg7h { + background-color: rgba(0, 0, 0, 0); +} /* up-left search bar on friend list page */ .searchBar-3TnChZ { background-color: rgba(0, 0, 0, 0.5) @@ -6357,7 +6369,7 @@ input{ /* reply stuff */ .threadSuggestionBar-3ExSyc { - background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(255, 255, 255, 0.1); border-radius: 0; } .repliedMessage-3Z6XBG:before { @@ -6446,7 +6458,7 @@ input{ .theme-dark .game-2f2vPC { box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15); } -.separator-2wx7h6, .roleRow-3LoHQ6:before, .roleRow-3LoHQ6:last-child:after { +.separator-2wx7h6, .roleRow-3LoHQ6:before, .roleRow-3LoHQ6:last-child:after, .divider-1wtgZ3 { background-color: rgba(255, 255, 255, 0.15); } @@ -6465,6 +6477,10 @@ input{ .theme-dark .nowPlaying-3UpuKc, .theme-light .nowPlaying-3UpuKc { background-color: rgba(45, 125, 70, 0.6); } +.theme-dark .gameNameInput-2wbDJ9:focus, .theme-dark .gameNameInput-2wbDJ9:hover { + border-radius: 0; + background-color: rgba(0, 0, 0, 0.3); +} /* settings integration */ .accountList-Wii_T5 { @@ -6507,4 +6523,35 @@ input{ } .button-1zW0-r { border-radius: 0;; +} + +/* text chat on voice channel */ +.container-3XgAHv { + background: rgba(0, 0, 0, 0.5); + +} +.container-3XgAHv .channelTextArea-1FufC0 { + background-color: rgba(255, 255, 255, 0.07) !important; + border-radius: 0; +} +.emptyChannelIcon-1YdEz2 { + background-color: rgba(255, 255, 255, 0.2); +} +.wrapper-1gVUIN.chatSidebarOpen--YCxhs .callContainer-HtHELf, .container-3XgAHv { + border-radius: 0; +} + +/* the fastest party mode fix in the world */ +.container-3wgZ8J { + background-color: rgba(0, 0, 0, 0.3); + border-radius: 0; +} +.container-3wgZ8J:hover { + background-color: rgba(0, 0, 0, 0.5); +} +.combo-2aK5O7 { + background-color: rgba(0, 0, 0, 0.5); +} +.container-2hGpaU { + background-color: rgba(0, 0, 0, 0.8); } \ No newline at end of file From be63e8030a46f787a221425cbf2f44ed3cd0a129 Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Thu, 30 Jun 2022 00:04:05 +0500 Subject: [PATCH 18/31] fixes, forum staff, experimenting with LIVE icon --- crystalline.css | 157 +++++++++++++++++++++++++++++++++++++++++------- 1 file changed, 136 insertions(+), 21 deletions(-) diff --git a/crystalline.css b/crystalline.css index ff270d7..5732ffa 100644 --- a/crystalline.css +++ b/crystalline.css @@ -1,6 +1,6 @@ /********************************************************** * Crystalline CSS for BeautifulDiscord * - * Version 1.22.16 * + * Version 1.22.17 * * * * Created by SamuiNe * * https://github.com/SamuiNe * @@ -2621,7 +2621,7 @@ span.amount { } .theme-dark .input-2g-os5{ - background-color: rgba(0, 0, 0, 0.3); + background-color: rgba(0, 0, 0, 0.42); } .theme-dark .message-G6O-Wv{ @@ -4249,7 +4249,7 @@ input{ /* Bot Tag Thing */ -.botTag-7aX5WZ{ +.px-MnE_OR.botTag-7aX5WZ{ border-radius: 0; } @@ -4792,16 +4792,19 @@ input{ /* Fix reaction border radius */ /* Adjusted reaction text color and background color */ -.theme-dark .reaction-2A2y9y{ +.theme-dark .reaction-3vwAF2{ border-radius: 0; background-color: rgba(255, 255, 255, 0.1); } +.reaction-3vwAF2:hover { + background-color: rgba(255, 255, 255, 0.15); +} -.reaction-2A2y9y.reactionMe-3I9gFK { +.reaction-3vwAF2.reactionMe-1PwQAc { background-color: hsla(235,85.6%, 64.7%, 0.15); } -.theme-dark .reactionCount-2ddRoS{ +.theme-dark .reactionCount-26U4As{ color: rgba(255, 255, 255, 0.42); } @@ -4979,10 +4982,6 @@ input{ /* TODO: Update existing CSS element */ /* Adjust the background color for input field */ -.theme-dark .input-2g-os5{ - background-color: rgba(0, 0, 0, 0.42); -} - .theme-dark .searchBox-pyIJJj{ background-color: rgba(0, 0, 0, 0.42); border-radius: 0; @@ -5208,7 +5207,6 @@ input{ .theme-dark .scroller-kQBbkU::-webkit-scrollbar-thumb{ background-color: rgba(0, 0, 0, 0.5); - border-radius: 0; } /* Tooltip background fix */ @@ -5305,6 +5303,12 @@ input{ .autocompleteHeaderBackground-3u7TwO{ border-radius: 0; } +.clickable-2V8YKY[aria-disabled=false]>.base-2v-uc0:hover, .clickable-2V8YKY[aria-selected=true]>.base-2v-uc0 { + background-color: rgba(42, 42, 42, 0.8); +} +.base-2v-uc0 { + border-radius: 0; +} /* Fix disabled button background for user popup window */ @@ -6038,7 +6042,9 @@ input{ background-color: rgba(0, 0, 0, 0.4); } .liveShapeRound-2Tgi2d { - border-radius: 0; + /*border-radius: 0;*/ + font-size: 0; + background-color: rgba(237, 66, 69, 0.85) !important; } /* fix guild button */ .container-1-ERn5 { @@ -6101,11 +6107,11 @@ input{ .theme-dark .footer-31IekZ .button-f2h6uQ { color: white; } -.card-1SdQ2- { +.card-m7VgZ8 { background-color: rgba(255, 255, 255, 0.1); border-radius: 0; } -.qualitySettingsContainer-30AsSH{ +.qualitySettingsContainer-2LjkfM { border-color: rgba(0, 0, 0, 0.0); border-radius: 0; background-color: rgba(255, 255, 255, 0.1); @@ -6209,16 +6215,15 @@ input{ border-radius: 0; } .container-2O1UgZ { - padding: 2px; - background: rgba(0, 0, 0, 0.7); - border-radius: 0; + background: rgba(11, 11, 11, 0.8); + border: none; + border-radius: 0; } .item-1BCeuB { border-radius: 0; } -.item-1BCeuB:hover { - background: rgba(0, 0, 0, 0.5); - font-weight: bold; +.focused-qp-W9B, .item-1BCeuB:hover:not(.disabled-Mmpvl7) { + background: rgba(255, 255, 255, 0.1); } .button-1EGGcP.buttonColor-3bP3fX:hover { background-color: rgba(255, 255, 255, 0.2); @@ -6249,9 +6254,15 @@ input{ color: #EEE; } .popout-TdhJ6Z { - background-color: rgba(0, 0, 0, 0.6); + background-color: rgba(11, 11, 11, 0.8); + border-radius: 0; +} +.row-1qtctT { border-radius: 0; } +.row-1qtctT:hover{ + background-color: rgba(88, 101, 242, 0.5); +} .container-2o3qEW { height: 100%; flex-direction: unset; @@ -6461,6 +6472,13 @@ input{ .separator-2wx7h6, .roleRow-3LoHQ6:before, .roleRow-3LoHQ6:last-child:after, .divider-1wtgZ3 { background-color: rgba(255, 255, 255, 0.15); } +/* also that reply/thread line */ +.cozy-VmLDNB.hasThread-3h-KJV:after { + border-color: rgba(255, 255, 255, 0.3); +} +.spine-29OFwR { + color: rgba(255, 255, 255, 0.3); +} /* or maybe delete them at all */ .activityPanel-9icbyU, .panel-2ZFCRb, .container-1zzFcN { @@ -6534,12 +6552,31 @@ input{ background-color: rgba(255, 255, 255, 0.07) !important; border-radius: 0; } + .emptyChannelIcon-1YdEz2 { background-color: rgba(255, 255, 255, 0.2); } .wrapper-1gVUIN.chatSidebarOpen--YCxhs .callContainer-HtHELf, .container-3XgAHv { border-radius: 0; } +.wrapper-1gVUIN.minimum-fXpVNc { + background: none; +} +.colorable-3rVGna.primaryDark-2UJt1G { + background-color: rgba(0, 0, 0, 0.33); +} +.colorable-3rVGna.primaryDark-2UJt1G.active-3D763s, .colorable-3rVGna.primaryDark-2UJt1G:hover { + background-color: rgba(255, 255, 255, 0.3); +} +.colorable-3rVGna.red-3T8maV { + background-color: rgba(237, 66, 69, 0.5); +} +.colorable-3rVGna.green-3wkLbx { + background-color: rgba(59, 165, 93, 0.5) +} +.colorable-3rVGna.green-3wkLbx.active-3D763s, .colorable-3rVGna.green-3wkLbx:hover { + background-color: rgba(59, 165, 93, 1); +} /* the fastest party mode fix in the world */ .container-3wgZ8J { @@ -6554,4 +6591,82 @@ input{ } .container-2hGpaU { background-color: rgba(0, 0, 0, 0.8); +} +.gradientContainer-phMG8d { + background-image: none; +} +.colorable-3rVGna.white-11auuQ { + background-color: rgba(255, 255, 255, 0.9); +} + +/* forum stuff */ +.theme-dark .container-3wLKDe { + background-color: rgba(0, 0, 0, 0.22); +} +.container-JhuCwn { + background-color: rgba(0, 0, 0, 0.15); +} +.authorContainer-3m1uzW { + background-color: rgba(0, 0, 0, 0.5); + padding-left: 5px; +} +.textAreaForPostCreation-15Soam { + padding-left: 5px !important +} +.form-25Aujy .submitButton-3B-dZd { + border-radius: 0; +} +.pill-3pRQlO { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 0; + padding: 2px; + margin-right: 2px; + height: 36px; +} +.pill-3pRQlO.clickable-3YTfAq:not(.disabled-3Rezaw):hover { + background-color: rgba(255, 255, 255, 0.2); +} +.pill-3pRQlO.selected-24z1Ou { + background-color: rgba(255, 255, 255, 0.2); +} +.form-25Aujy .mediaButton-3lZSdn { + border-radius: 0; + border: none; + background-color: rgba(255, 255, 255, 0.1)!important; +} +.lookOutlined-3yKVGo.colorBrand-I6CyqQ:hover { + background-color: rgba(255, 255, 255, 0.2)!important; +} +.mainCard-3KBsBI { + border: none; + border-radius: 0; + background-color: rgba(0, 0, 0, 0.22); +} +.mainCard-3KBsBI:hover { + background-color: rgba(0, 0, 0, 0.4); + box-shadow: none; + transform: none; +} +.container-2qVG6q { + transition: none; +} +.container-3YcgdM { + background-color: rgba(0, 0, 0, 0.5); + border: none; + backdrop-filter: blur(5px); +} +.addReactButton-3bSQb6, .buttonInner-3aRbcx { + border-radius: 0; + background-color: rgba(255, 255, 255, 0.1); +} +.addReactButton-3bSQb6:hover, .buttonInner-3aRbcx:hover { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.2); +} +.bodyMedia-3ij3KY { + border-radius: 0; +} + +.aboutMeGuildIconTooltip-2cYR0X { + background-color: rgba(0, 0, 0, 0.7); } \ No newline at end of file From caf17dfc26436c42baff0f5951d71fbbb76ae72c Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Thu, 14 Jul 2022 23:55:32 +0500 Subject: [PATCH 19/31] boy, I sure do love discord updates! something still broken --- crystalline.css | 78 +++++++++++++++++++++++++++++++++++++++---------- 1 file changed, 62 insertions(+), 16 deletions(-) diff --git a/crystalline.css b/crystalline.css index 5732ffa..40035d6 100644 --- a/crystalline.css +++ b/crystalline.css @@ -1,6 +1,6 @@ /********************************************************** * Crystalline CSS for BeautifulDiscord * - * Version 1.22.17 * + * Version 1.22.18 * * * * Created by SamuiNe * * https://github.com/SamuiNe * @@ -2634,21 +2634,21 @@ span.amount { border-radius: 0; } -.auditLog-3jNbM6{ +.auditLog-1NVAY0 { border-radius: 0; border: none; } -.theme-dark .headerClickable-2IVFo9, -.theme-dark .headerDefault-1wrJcN{ +.theme-dark .headerClickable-zGQJz3, +.theme-dark .headerDefault-1e6yjj { background-color: rgba(0, 0, 0, 0.3) !important; } -.theme-dark .headerExpanded-CUEwZ5{ +.theme-dark .headerExpanded-1-zwDr { background-color: rgba(0, 0, 0, 0.6) !important; } -.theme-dark .divider-1pnAR2{ +.theme-dark .divider-M3saWq { background-color: rgba(0, 0, 0, 0.3) !important; } @@ -3274,7 +3274,7 @@ span.discriminator{ border: none !important; } -.connectedAccount-36nQx7{ +.connectedAccountContainer-SlCC-S{ border-radius: 0 !important; border: none !important; background-color: rgba(255, 255, 255, 0.15); @@ -3380,7 +3380,7 @@ span.discriminator{ color: rgba(255, 255, 255, 0.8); } -.theme-dark .auditLog-3jNbM6{ +.theme-dark .auditLog-1NVAY0{ background-color: rgba(0, 0, 0, 0.6) !important; border: none; border-radius: 0; @@ -3422,7 +3422,7 @@ span.discriminator{ border-radius: 0 !important; } -.roleCircle-1EgnFN{ +.roleCircle-3K9O3d { border-radius: 0; height: 10px; width: 10px; @@ -3596,7 +3596,9 @@ div.action.join { background-color: rgba(255, 255, 255, 0.1); border-radius: 0; } - +.listRow-2nO1T6 { + border-radius: 0; +} .theme-dark .listRow-2nO1T6:hover{ background: none; background-color: rgba(255, 255, 255, 0.1); @@ -3957,12 +3959,12 @@ input{ background-color: rgba(29, 185, 84, 0.8); } -.lookOutlined-3yKVGo.colorWhite-1H92hK{ +.lookOutlined-3yKVGo.colorPrimary-2AuQVo{ border: 0; background-color: rgba(255, 255, 255, 0.2); } -.lookOutlined-3yKVGo.colorWhite-1H92hK:hover{ +.lookOutlined-3yKVGo.colorPrimary-2AuQVo:hover{ border: 0; background-color: rgba(255, 255, 255, 0.3); } @@ -4792,7 +4794,7 @@ input{ /* Fix reaction border radius */ /* Adjusted reaction text color and background color */ -.theme-dark .reaction-3vwAF2{ +.theme-dark .reaction-3vwAF2, .reactionInner-1po5__{ border-radius: 0; background-color: rgba(255, 255, 255, 0.1); } @@ -4807,7 +4809,9 @@ input{ .theme-dark .reactionCount-26U4As{ color: rgba(255, 255, 255, 0.42); } - +.reaction-102jx9 { + border-radius: 0; +} /* Video preview border radius fix */ .videoWrapper-1_H3B3{ @@ -6312,7 +6316,7 @@ input{ border-radius: 0; } .container-3XgAHv .scrollableContainer-15eg7h { - background-color: rgba(0, 0, 0, 0); + background-color: rgba(255, 255, 255, 0.07); } /* up-left search bar on friend list page */ .searchBar-3TnChZ { @@ -6549,7 +6553,6 @@ input{ } .container-3XgAHv .channelTextArea-1FufC0 { - background-color: rgba(255, 255, 255, 0.07) !important; border-radius: 0; } @@ -6616,6 +6619,10 @@ input{ .form-25Aujy .submitButton-3B-dZd { border-radius: 0; } +.sidebarCard-1Gn1ch, .container-2IhveL { + background-color: rgba(0, 0, 0, 0.22); + border-radius: 0; +} .pill-3pRQlO { background-color: rgba(255, 255, 255, 0.1); border-radius: 0; @@ -6669,4 +6676,43 @@ input{ .aboutMeGuildIconTooltip-2cYR0X { background-color: rgba(0, 0, 0, 0.7); +} +/* why-leave-server window */ +.root-cw9rWQ { + border-radius: 0; +} +.option-1O-Hwt { + border: none; +} +.option-1O-Hwt:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +/* server settings automod */ +.editCard-K9Q9mb { + background-color: rgba(0, 0, 0, 0.22); + border-radius: 0; + border: none; +} +.editCard-K9Q9mb.toggled-35JcVc.active-Xi2rnV { + background-color: rgba(0, 0, 0, 0.22); + border-radius: 0; +} +.collapseable-1mNWCS:before { + border-radius: 0; + background-color: rgba(255, 255, 255, 0.1); +} +.collapseable-1mNWCS:active { + background-color: rgba(255, 255, 255, 0.1); +} +.triggerMainContainer-274ue5 { + border-radius: 0; + border-color: rgba(255, 255, 255, 0.15); +} +.keywordListContainer-9ux8nU, .actionContainer-2krsiT, .actionContainer-EzNGrb, .collapseable-1mNWCS { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 0; +} +.keywordsTextArea-3QkFoG { + background-color: rgba(0, 0, 0, 0.22); } \ No newline at end of file From 3363983bbe98f70dc028d4e2ccc1d0ef115ba923 Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Tue, 2 Aug 2022 18:11:48 +0500 Subject: [PATCH 20/31] uhh --- crystalline.css | 34 ++++++++++++++++++++++++++++------ 1 file changed, 28 insertions(+), 6 deletions(-) diff --git a/crystalline.css b/crystalline.css index 40035d6..14cb784 100644 --- a/crystalline.css +++ b/crystalline.css @@ -1,6 +1,6 @@ /********************************************************** * Crystalline CSS for BeautifulDiscord * - * Version 1.22.18 * + * Version 1.22.19 * * * * Created by SamuiNe * * https://github.com/SamuiNe * @@ -2645,7 +2645,7 @@ span.amount { } .theme-dark .headerExpanded-1-zwDr { - background-color: rgba(0, 0, 0, 0.6) !important; + background-color: rgba(0, 0, 0, 0.4) !important; } .theme-dark .divider-M3saWq { @@ -3062,7 +3062,7 @@ span.amount { background-color: rgba(22, 22, 22, 0.8); } -.scroller-2GkvCq{ +.theme-dark .scroller-2GkvCq{ background-color: rgba(42, 42, 42, 0.8); } @@ -3381,7 +3381,7 @@ span.discriminator{ } .theme-dark .auditLog-1NVAY0{ - background-color: rgba(0, 0, 0, 0.6) !important; + background-color: rgba(0, 0, 0, 0.22) !important; border: none; border-radius: 0; } @@ -3687,6 +3687,14 @@ div.action.join { .reactor-1J25Qp:hover{ background-color: rgba(255, 255, 255, 0.1); } +.theme-dark .reactorDefault-3GSyaV { + -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.1); +} +.theme-dark .reactorDefault-3GSyaV:hover { + box-shadow: none; + -webkit-box-shadow: none; +} .remove-19AQn_{ border-radius: 0; @@ -6098,6 +6106,11 @@ input{ background: rgba(22, 22, 22, 0.8) !important; border-radius: 0; } +.theme-dark .carouselModal-1eUFoq.root-g14mjS { + background-color: rgba(0, 0, 0, 0) !important; + -webkit-box-shadow: none; + box-shadow: none; +} .theme-dark .contentWrapper-3oy4Xo { background-color: rgba(0, 0, 0, 0); } @@ -6473,7 +6486,7 @@ input{ .theme-dark .game-2f2vPC { box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15); } -.separator-2wx7h6, .roleRow-3LoHQ6:before, .roleRow-3LoHQ6:last-child:after, .divider-1wtgZ3 { +.separator-2wx7h6, .roleRow-230vCm:before, .roleRow-230vCm:last-child:after, .divider-1wtgZ3 { background-color: rgba(255, 255, 255, 0.15); } /* also that reply/thread line */ @@ -6519,7 +6532,7 @@ input{ } /* bit of server settings */ -.roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) { +.roleRow-230vCm:hover:not(.roleRowDisableHover-3En0vy) { background-color: rgba(0, 0, 0, 0.33); border-radius: 0; } @@ -6644,6 +6657,10 @@ input{ .lookOutlined-3yKVGo.colorBrand-I6CyqQ:hover { background-color: rgba(255, 255, 255, 0.2)!important; } +.newBadge-1LcB6t { + border-radius: 0; + height: 16px; +} .mainCard-3KBsBI { border: none; border-radius: 0; @@ -6715,4 +6732,9 @@ input{ } .keywordsTextArea-3QkFoG { background-color: rgba(0, 0, 0, 0.22); +} +/* temporal fix for that funny size-changing videos haha im tired of it */ +.video-2HW4jD { + min-width: 50px; + min-height: 50px; } \ No newline at end of file From ec7e86b54bbe3cd81e39b4100b18f4664a4cf172 Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Mon, 12 Sep 2022 14:41:37 +0500 Subject: [PATCH 21/31] somehere somewhere --- crystalline.css | 84 ++++++++++++++++++++++++++++++++++++++++++------- 1 file changed, 72 insertions(+), 12 deletions(-) diff --git a/crystalline.css b/crystalline.css index 14cb784..89a66db 100644 --- a/crystalline.css +++ b/crystalline.css @@ -1,6 +1,6 @@ /********************************************************** * Crystalline CSS for BeautifulDiscord * - * Version 1.22.19 * + * Version 1.22.20 * * * * Created by SamuiNe * * https://github.com/SamuiNe * @@ -29,7 +29,6 @@ body { If the background picture is blurry, please use a bigger sized background picture. */ background-size: 1921px auto; } - .app, .connecting , .appMount-2yBXZl { /* You can adjust the background brightness by reducing the fourth value of below. @@ -3238,12 +3237,17 @@ span.discriminator{ /* Discord update 2017/11/23 */ -.theme-dark .wrapper-1HIH0j{ +.theme-dark .wrapper-1HIH0j, .wrapper-3-JZ_Z{ border-radius: 0; border: none; background-color: rgba(0, 0, 0, 0.5); } - +.count-62gVQ0 { + color: rgba(255, 255, 255, 0.6); +} +.theme-dark .buildDetails-15XTIW, .theme-dark .copyLink-1bBHaR:hover, .theme-dark .infoLink-3jBZ_6:hover { + color: rgba(255, 255, 255, 0.8) !important; +} .iconActiveLarge-ac-EDu{ border-radius: 0; } @@ -3387,12 +3391,14 @@ span.discriminator{ } .botTagRegular-kpctgU{ - border-radius: 0; + border-radius: 0 !important; height: 14px; font-size: 10px !important; background-color: rgba(0, 108, 200, 0.5) !important; } - +.botTagOP-3pUTXu { + color: white; +} .theme-dark .ui-color-picker-custom{ background-color: rgba(42, 42, 42, 0.8); border-radius: 0; @@ -5884,7 +5890,7 @@ input{ } /* Another background fix */ -.theme-dark { +.theme-dark, .theme-light { --background-primary: none; --background-secondary: none; --background-secondary-alt: none; @@ -5905,6 +5911,7 @@ input{ /* THIS IS A TEST */ --text-normal: rgba(255, 255, 255, 0.9); --text-muted: rgba(255, 255, 255, 0.5); + --header-primary: rgba(255, 255, 255, 0.8); --header-secondary: rgba(255, 255, 255, 0.75); --channels-default: rgba(255, 255, 255, 0.6); --interactive-normal: rgba(220, 220, 220, 0.7); @@ -5993,7 +6000,7 @@ input{ } .emojiItem-277VFM.emojiItemSelected-2Lg50V { - background-color: rgba(0, 0, 0, 0.6); + background-color: rgba(255, 255, 255, 0.15); border-radius: 0; } @@ -6089,7 +6096,7 @@ input{ /* friend list hover fix */ .peopleListItem-u6dGxF.active-2UF8Zh, .peopleListItem-u6dGxF:hover { - background: rgba(0, 0, 0, 0.22); + background: rgba(255, 255, 255, 0.15); border-radius: 0; } @@ -6194,7 +6201,7 @@ input{ border-radius: 0; } .popout-1KHNAq { - background: rgba(0, 0, 0, 0.6); + background: rgba(11, 11, 11, 0.8); border-radius: 0; } /*.option-2eIyOn { @@ -6205,8 +6212,8 @@ input{ background: rgba(255, 255, 255, 0.1); } .option-2eIyOn[aria-selected=true], .option-2eIyOn[aria-selected=true]:not(.option-2eIyOn.multi-1HXDiv) { - background: rgba(0, 0, 0, 0.7); - font-weight: bold; + background: rgba(255, 255, 255, 0.1); + /*font-weight: bold;*/ } .itemFilled-1cPbtg:hover:not([aria-checked=true]) { background-color: rgba(0, 0, 0, 0.3); @@ -6674,6 +6681,9 @@ input{ .container-2qVG6q { transition: none; } +.container-2qVG6q.isOpen-2OXbFs { + background-color: rgba(0, 0, 0, 0.5); +} .container-3YcgdM { background-color: rgba(0, 0, 0, 0.5); border: none; @@ -6737,4 +6747,54 @@ input{ .video-2HW4jD { min-width: 50px; min-height: 50px; +} + +/* server settings nitro boost */ +.theme-dark .tierHeaderLocked-30MLlO, .theme-dark .tierHeaderUnlocked-1OpOLf { + background-color: rgba(0, 0, 0, 0.5); +} +.theme-dark .tierBody-1d3UiS { + background-color: rgba(0, 0, 0, 0.33); + color: rgba(255, 255, 255, 0.65); +} +.theme-dark .background-3xJH_4, .theme-dark .tierInProgress-1vFUnw { + color: rgba(255, 255, 255, 0.2); + background-color: rgba(255, 255, 255, 0.2); +} +.serverBoostTabItem-3QwA3W[aria-selected=true] { + background-color: rgba(88, 101, 242, 0.5) !important; +} + +.theme-dark .perksModal-CLcR1c { + background-color: rgba(0, 0, 0, 0.4); +} +.theme-dark .perk-19D_HN { + border-radius: 0; + background-color: rgba(255, 255, 255, 0.1); +} +.tierWrapper-CsnudO, .tierHeader-wgo0w_, .tierBody-3ju-rc { + border-radius: 0; +} +.theme-dark .tierBody-3ju-rc { + background-color: rgba(0, 0, 0, 0.22); +} +.theme-dark .tierHeaderLocked-3ItHYn { + background-color: rgba(0, 0, 0, 0.5); +} +.background-Gjdjzm { + border-radius: 0; +} +.selectedBackground-1t6xXq { + background-color: rgba(114, 137, 218, 0.5); +} + +.list-3-WAYB { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 0; +} +.theme-dark.authBox-1HR6Ha { + background: none; +} +.theme-dark.navRow-dG-XX8 { + background-color: rgba(0, 0, 0, 0.4); } \ No newline at end of file From 36c53b2c98d985431e750504b433261c49e20a8a Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Tue, 25 Oct 2022 18:58:30 +0500 Subject: [PATCH 22/31] app directory and new profile cards still have no access to New Gradient Color Feature Very Good, idk how it'll will work with this theme --- crystalline.css | 136 +++++++++++++++++++++++++++++++++++++++++++----- 1 file changed, 124 insertions(+), 12 deletions(-) diff --git a/crystalline.css b/crystalline.css index 89a66db..0caa59a 100644 --- a/crystalline.css +++ b/crystalline.css @@ -1,6 +1,6 @@ /********************************************************** * Crystalline CSS for BeautifulDiscord * - * Version 1.22.20 * + * Version 1.22.21 * * * * Created by SamuiNe * * https://github.com/SamuiNe * @@ -3278,7 +3278,7 @@ span.discriminator{ border: none !important; } -.connectedAccountContainer-SlCC-S{ +.connectedAccountContainer-3aLMHJ { border-radius: 0 !important; border: none !important; background-color: rgba(255, 255, 255, 0.15); @@ -3437,8 +3437,11 @@ span.discriminator{ .role-2TIOKu{ border-radius: 0; height: 20px; - border: 1px solid; - padding: 4px 4px 4px 2px; + /* border: 1px solid; + padding: 4px 4px 4px 2px; */ +} +.rolePill-2IJ1vo { + background-color: rgba(255, 255, 255, 0.1); } .roleName-2ZJJYR{ @@ -5001,7 +5004,7 @@ input{ /* Adjust the background color for input field */ .theme-dark .searchBox-pyIJJj{ - background-color: rgba(0, 0, 0, 0.42); + background-color: rgba(0, 0, 0, 0.42) !important; border-radius: 0; } @@ -5897,7 +5900,7 @@ input{ --background-tertiary: none; --deprecated-store-bg: none; --deprecated-panel-background: none; - --background-floating: rgba(0, 0, 0, 0.8); + --background-floating: rgba(11, 11, 11, 0.8); /*rgba(0, 0, 0, 0.8); */ --background-modifier-hover: none; --background-modifier-selected: none; --background-modifier-active: none; @@ -5908,15 +5911,15 @@ input{ --background-modifier-accent: rgba(255, 255, 255, 0.15); - /* THIS IS A TEST */ --text-normal: rgba(255, 255, 255, 0.9); --text-muted: rgba(255, 255, 255, 0.5); --header-primary: rgba(255, 255, 255, 0.8); --header-secondary: rgba(255, 255, 255, 0.75); --channels-default: rgba(255, 255, 255, 0.6); - --interactive-normal: rgba(220, 220, 220, 0.7); - --interactive-hover: rgba(255, 255, 255, 0.8); + --interactive-normal: rgba(220, 220, 220, 0.66); + --interactive-hover: rgba(255, 255, 255, 0.75); --interactive-muted: rgba(130, 130, 130, 0.7); + --interactive-active: rgba(255, 255, 255, 0.9); --channel-icon: rgba(255, 255, 255, 0.6); } @@ -5976,10 +5979,14 @@ input{ background-color: rgba(0, 0, 0, 0.3); } /* emoji picker fix */ -.contentWrapper-3vHNP2, .emojiPicker-6YCk8a { +.contentWrapper-3vHNP2, .emojiPicker-6YCk8a, .header-11eigE { background: rgba(0, 0, 0, 0.65); border-radius: 0; } +.premiumRetentionNotice-A_Ke4K { + background-color: rgba(0, 0, 0, 0.4); + border-radius: 0; +} .navButtonActive-1EqC5l { background-color: rgba(255, 255, 255, 0.1); } @@ -6112,6 +6119,8 @@ input{ .theme-dark .root-g14mjS { background: rgba(22, 22, 22, 0.8) !important; border-radius: 0; + box-shadow: none; + -webkit-box-shadow: none; } .theme-dark .carouselModal-1eUFoq.root-g14mjS { background-color: rgba(0, 0, 0, 0) !important; @@ -6433,6 +6442,7 @@ input{ .container-x8Y1ix { background-color: rgba(255, 255, 255, 0.1); border-radius: 0; + border: none; } .colorHeaderSecondary-g5teka { color: rgba(255, 255, 255, 0.8); @@ -6481,7 +6491,7 @@ input{ /* make line between items in list a little bit brighter */ -.peopleListItem-u6dGxF, .divider-_0um2u, .separator-1So4YB, .divider-2rZFJK { +.peopleListItem-u6dGxF, .divider-_0um2u, .separator-1So4YB, .divider-2rZFJK, .divider-1tWBgZ { border-color: rgba(255, 255, 255, 0.15); } .isUnread-3Lojb- { @@ -6648,7 +6658,6 @@ input{ border-radius: 0; padding: 2px; margin-right: 2px; - height: 36px; } .pill-3pRQlO.clickable-3YTfAq:not(.disabled-3Rezaw):hover { background-color: rgba(255, 255, 255, 0.2); @@ -6797,4 +6806,107 @@ input{ } .theme-dark.navRow-dG-XX8 { background-color: rgba(0, 0, 0, 0.4); +} + +.theme-light.content-i-YmzK, .theme-light .content-i-YmzK { + background-color: rgba(11, 11, 11, 0.8); +} +.title-25RSW7 { + color: var(--text-normal); +} +.content-i-YmzK { + border-radius: 0; +} +.container-2Y4CWj { + background-color: rgba(0, 0, 0, 0.5); +} +.communityInfoPill-2Mll66 { + border-radius: 0; + background-color: rgba(255, 255, 255, 0.2); +} +.optionContainer-yOpaLq { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 0; +} +.optionContainer-yOpaLq:hover { + background-color: rgba(255, 255, 255, 0.25); +} +.compactButton-3hG-bs { + background-color: rgba(0, 0, 0, 0.4); + border-radius: 0; +} +.compactButton-3hG-bs:hover { + background-color: rgba(0, 0, 0, 0.6); +} +.container-3a5mk-, .overlayTitle-2efoIF { + border-radius: 0; +} + +.upsellTooltipWrapper-1wqikQ { + background-color: rgba(11, 11, 11, 0.8); + border-radius: 0; +} + +/* thats uhhhh */ +.bar-2qGj24 { + border-radius: 0; + background-color: rgba(88, 101, 142, 0.8); +} + +/* app directory */ +.theme-dark .directoryModal-YJsOMv { + background-color: rgba(0, 0, 0, 0.22); +} + +.card-2xymMp, .container-2NdZr9, .container-SidGiM { + background-color: rgba(0, 0, 0, 0.4); + border-radius: 0; +} +.clickable-O5xo4T.container-2NdZr9:hover { + background-color: rgba(0, 0, 0, 0.6); +} +.category-3LanTP, .category-qFAw-K, .clickable-WBCFI5{ + border-radius: 0; +} +.category-3LanTP:hover { + background-color: rgba(255, 255, 255, 0.25); +} +.list-1bztb- { + background-color: rgba(0, 0, 0, 0.4); + border-radius: 0; +} +.commandName-SDgdgz { + border-radius: 0; + border: none; + background-color: rgba(255, 255, 255, 0.15); +} +.category-2OvQ93, .activeCategory-1iqXig { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 0; +} +.category-2OvQ93:hover, .category-qFAw-K:hover { + background-color: rgba(255, 255, 255, 0.2); +} +.category-qFAw-K.activeCategory-1iqXig { + background-color: rgba(255, 255, 255, 0.1); +} +.clickable-WBCFI5:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +/* user profile */ +.roundedBanner-TdlJGa, .userPopoutInner-1hXSeY:before, .userPopoutOuter-3AVBmJ { + border-radius: 0; +} +.userProfileInner-3F03PX { + background-color: rgba(11, 11, 11, 0.8); + border-radius: 0 !important; +} +.overlayBackground-1KgwVi, .profileBadges-31rDHI { + border-radius: 0; + background-color: rgba(0, 0, 0, 0.22); +} +.messageInputContainer-2rGDH8 { + border-color: rgba(255, 255, 255, 0.07); + border-radius: 0; } \ No newline at end of file From ead701b6d0aefebf14a1225f656482347d0d11a8 Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Fri, 2 Dec 2022 23:05:23 +0500 Subject: [PATCH 23/31] keeping up with the updates is my part time job IMPORTANT: new font kinda sucks so feel free to uncomment string #53 (google font files) or use this BetterDiscord snippet: https://github.com/Overimagine1/old-discord-font --- crystalline.css | 329 ++++++++++++++++++++++++++++++++++++++++++++---- 1 file changed, 302 insertions(+), 27 deletions(-) diff --git a/crystalline.css b/crystalline.css index 0caa59a..d04591d 100644 --- a/crystalline.css +++ b/crystalline.css @@ -1,6 +1,6 @@ /********************************************************** * Crystalline CSS for BeautifulDiscord * - * Version 1.22.21 * + * Version 1.22.22 * * * * Created by SamuiNe * * https://github.com/SamuiNe * @@ -3440,6 +3440,9 @@ span.discriminator{ /* border: 1px solid; padding: 4px 4px 4px 2px; */ } +.roleWrapper-2IhvNd .role-2TIOKu { + background-color: rgba(255, 255, 255, 0.1); +} .rolePill-2IJ1vo { background-color: rgba(255, 255, 255, 0.1); } @@ -3637,7 +3640,7 @@ div.action.join { border-radius: 0; } -.connection-YOVI9j { +.connection-YOVI9j, .connectContainer-1hylYM { border-radius: 0; background: rgba(0, 0, 0, 0.22); } @@ -3718,7 +3721,8 @@ div.action.join { .menu-1QACrS{ border-radius: 0; - background-color: rgba(22, 22, 22, 0.8); + + /* background-color: rgba(22, 22, 22, 0.8); */ } .item-1OdjEX { border-radius: 0; @@ -3805,17 +3809,17 @@ input{ .theme-dark .card-2ART2V:before{ border-radius: 0; border: none; - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(255, 255, 255, 0.15); } -.theme-dark .button-mM-y8i{ +.theme-dark .default-1Tkeeg{ border-radius: 0; border: none; background-color: rgba(255, 255, 255, 0.1); box-shadow: none; } -.theme-dark .button-mM-y8i:hover{ +.theme-dark .default-1Tkeeg:hover{ background-color: rgba(255, 255, 255, 0.2); } @@ -3837,11 +3841,10 @@ input{ .connectionDelete-3YgMVq{ border-radius: 0; border: none; - background-color: rgba(255, 255, 255, 0.1); } .connectionDelete-3YgMVq:hover{ - background-color: rgba(255, 255, 255, 0.2); + background-color: rgba(255, 255, 255, 0.15); } .regionSelect-3lf4eE .regionSelectInner-24f4Ce{ @@ -3986,6 +3989,11 @@ input{ background-color: rgba(255, 255, 255, 0.3); } +.lookOutlined-3yKVGo.colorRed-rQXKgM { + border: 0; + background-color: rgba(237, 66, 69, 0.5); +} + .theme-dark .elevationHigh-28Pty4{ border-radius: 0; box-shadow: none; @@ -5077,11 +5085,11 @@ input{ } .theme-dark .sidebarRegion-1VBisG { - background-color: rgba(0, 0, 0, 0); + background-color: rgba(0, 0, 0, 0.1); } .theme-dark .contentRegion-3HkfJJ{ - background-color: rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0); } /* Fix emoji margins */ @@ -5923,6 +5931,7 @@ input{ --channel-icon: rgba(255, 255, 255, 0.6); } + .theme-dark .modal-2RrUKJ, .theme-dark .footer-1Ip3Sd { background-color: rgba(24, 28, 37, 1); } @@ -5980,7 +5989,8 @@ input{ } /* emoji picker fix */ .contentWrapper-3vHNP2, .emojiPicker-6YCk8a, .header-11eigE { - background: rgba(0, 0, 0, 0.65); + /* background: rgba(0, 0, 0, 0.65); */ + background: rgba(11, 11, 11, 0.8); border-radius: 0; } .premiumRetentionNotice-A_Ke4K { @@ -6058,14 +6068,17 @@ input{ /* stream preview overlay */ .theme-dark .streamPreview-I7itZ6 { - background-color: rgba(0, 0, 0, 0.65); + background-color: rgba(11, 11, 11, 0.8); } .streamPreview-I7itZ6 { border-radius: 0; } +.theme-dark .watchButton-2YRKxv { + background-color: rgba(255, 255, 255, 0.2); + border: none; +} .theme-dark .watchButton-2YRKxv:hover { - border-color: rgba(255, 255, 255, 0.6); - background-color: rgba(0, 0, 0, 0.4); + background-color: rgba(255, 255, 255, 0.3); } .liveShapeRound-2Tgi2d { /*border-radius: 0;*/ @@ -6115,10 +6128,11 @@ input{ .backdrop-2ByYRN.withLayer-2VVmpp { opacity: 0.5 !important; } - +.root-g14mjS { + border-radius: 0; +} .theme-dark .root-g14mjS { - background: rgba(22, 22, 22, 0.8) !important; - border-radius: 0; + background: rgba(11, 11, 11, 0.8) !important; box-shadow: none; -webkit-box-shadow: none; } @@ -6176,7 +6190,7 @@ input{ .item-2idW98:hover { background: rgba(0, 0, 0, 0.33); } -.itemFilled-1cPbtg:hover:not([aria-checked=true]) { +.itemFilled-1cPbtg:hover:not([aria-checked=true]):not(.disabled-3tqE8r){ background: rgba(0, 0, 0, 0.33); } .item-2idW98:hover[aria-checked=true]{ @@ -6404,13 +6418,25 @@ input{ .subscribeTooltipWrapper-3ipXtC:after { border-color: rgba(22, 22, 22, 0.8); } + .lookFilled-yCfaCM.colorBrand-I6CyqQ { - background-color: rgba(0, 0, 0, 0.4); + background-color: rgba(88, 101, 242, 0.3); } .lookFilled-yCfaCM.colorBrand-I6CyqQ:disabled { background-color: rgba(0, 0, 0, 0.2); } +.lookFilled-yCfaCM.colorWhite-1H92hK { + background-color: rgba(255, 255, 255, 0.75); +} +.lookFilled-yCfaCM.colorWhite-1H92hK:active, .lookFilled-yCfaCM.colorWhite-1H92hK:hover { + background-color: rgba(255, 255, 255, 0.9); +} + +.button-1EGGcP.buttonColor-3bP3fX, .button-1EGGcP .buttonColor-3bP3fX { + background-color: rgba(0, 0, 0, 0.4); +} + /* reply stuff */ .threadSuggestionBar-3ExSyc { border-color: rgba(255, 255, 255, 0.1); @@ -6494,6 +6520,9 @@ input{ .peopleListItem-u6dGxF, .divider-_0um2u, .separator-1So4YB, .divider-2rZFJK, .divider-1tWBgZ { border-color: rgba(255, 255, 255, 0.15); } +.theme-dark .divider-3qUeLQ, .divider-1zHRlg, .termsRow-2I3Fqz { + border-color: rgba(255, 255, 255, 0.1); +} .isUnread-3Lojb- { border-color: rgba(237, 66, 69, 0.8) !important; } @@ -6550,7 +6579,7 @@ input{ /* bit of server settings */ .roleRow-230vCm:hover:not(.roleRowDisableHover-3En0vy) { - background-color: rgba(0, 0, 0, 0.33); + background-color: rgba(255, 255, 255, 0.15); border-radius: 0; } .container-3EtAkD { @@ -6634,7 +6663,7 @@ input{ /* forum stuff */ .theme-dark .container-3wLKDe { - background-color: rgba(0, 0, 0, 0.22); + background-color: rgba(0, 0, 0, 0); } .container-JhuCwn { background-color: rgba(0, 0, 0, 0.15); @@ -6653,7 +6682,7 @@ input{ background-color: rgba(0, 0, 0, 0.22); border-radius: 0; } -.pill-3pRQlO { +.pill-3pRQlO, .sortButton-n-cIAH, .tagsButton-4pwOKH .tagsButtonInner-2pvSm1 { background-color: rgba(255, 255, 255, 0.1); border-radius: 0; padding: 2px; @@ -6677,7 +6706,7 @@ input{ border-radius: 0; height: 16px; } -.mainCard-3KBsBI { +.mainCard-3KBsBI, .container-3arpDl { border: none; border-radius: 0; background-color: rgba(0, 0, 0, 0.22); @@ -6687,6 +6716,10 @@ input{ box-shadow: none; transform: none; } +.descriptionContainer-2ylKGk { + background-color: rgba(0, 0, 0, 0.4); + border-radius: 0; +} .container-2qVG6q { transition: none; } @@ -6706,13 +6739,24 @@ input{ border-color: transparent; background-color: rgba(255, 255, 255, 0.2); } -.bodyMedia-3ij3KY { +.bodyMedia-3ij3KY, .optionRow-1wYi0s { border-radius: 0; } +.optionRow-1wYi0s:hover { + background-color: rgba(255, 255, 255, 0.2); +} +.container-2d0jMv, .container-3kfp0r { + background-color: rgba(11, 11, 11, 0.8); + border-radius: 0; + box-shadow: none; +} + .aboutMeGuildIconTooltip-2cYR0X { background-color: rgba(0, 0, 0, 0.7); } + + /* why-leave-server window */ .root-cw9rWQ { border-radius: 0; @@ -6804,6 +6848,9 @@ input{ .theme-dark.authBox-1HR6Ha { background: none; } +.wrapper-1f5byN .authBox-1HR6Ha { + background-color: rgba(0, 0, 0, 0.6); +} .theme-dark.navRow-dG-XX8 { background-color: rgba(0, 0, 0, 0.4); } @@ -6850,18 +6897,21 @@ input{ /* thats uhhhh */ .bar-2qGj24 { border-radius: 0; - background-color: rgba(88, 101, 142, 0.8); + background-color: rgba(88, 101, 242, 0.8); } /* app directory */ .theme-dark .directoryModal-YJsOMv { - background-color: rgba(0, 0, 0, 0.22); + background-color: rgba(0, 0, 0, 0); } .card-2xymMp, .container-2NdZr9, .container-SidGiM { background-color: rgba(0, 0, 0, 0.4); border-radius: 0; } +.linkCard-2SSonX { + background-color: /*hsl(235, 46.7%, 44.1%);*/ rgba(60, 69, 165, 0.4); +} .clickable-O5xo4T.container-2NdZr9:hover { background-color: rgba(0, 0, 0, 0.6); } @@ -6895,7 +6945,7 @@ input{ } /* user profile */ -.roundedBanner-TdlJGa, .userPopoutInner-1hXSeY:before, .userPopoutOuter-3AVBmJ { +.roundedBanner-TdlJGa, .userPopoutInner-1hXSeY:before, .userPopoutOuter-3AVBmJ, .userProfileModalInner-3fh3QA:before, .userProfileOuter-1K_BYU, .badgeList-2pMvZX { border-radius: 0; } .userProfileInner-3F03PX { @@ -6909,4 +6959,229 @@ input{ .messageInputContainer-2rGDH8 { border-color: rgba(255, 255, 255, 0.07); border-radius: 0; +} +.container-JMJRDf { + border-radius: 0; + background: rgba(88, 101, 242, 0.5); +} + +/* activities */ +.activityItem-1Z9CTr { + background: rgba(0, 0, 0, 0.3); + border-radius: 0; +} + +.activityItem-1Z9CTr:hover{ + background: rgba(0, 0, 0, 0.75); +} +.activityItem-1Z9CTr.disabled-3YLMBX { + background: rgba(255, 255, 255, 0.1) +} +.activityTag-3C3YK5 { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 0; +} + +/* server settings stickers */ +.wrapper-24fR1R { + background-color: rgba(0, 0, 0, 0.4); + border-radius: 0; +} +.wrapper-24fR1R:hover { + background-color: rgba(255, 255, 255, 0.1); +} +.actions-1aMD1r { + right: 0; + top: 0; +} +.action-2YPPom { + border-radius: 0; + box-shadow: none; + -webkit-box-shadow: none; + background: rgba(255, 255, 255, 0.1); +} +.action-2YPPom:hover { + background: rgba(255, 255, 255, 0.2); +} +.action-2YPPom+.action-2YPPom { + margin: 0; +} +.placeholderCard-3eGmb3 { + border-radius: 0; +} + +.aboutMeGuildIconTooltip-tM91BN { + background-color: rgba(11, 11, 11, 0.8); +} + +.sidebarFixedContainer-2fX672 { + border-color: rgba(255, 255, 255, 0.15); + border-radius: 0; +} +.backgroundContainer-gUNEZU { + background-color: rgba(0, 0, 0, 0.22); +} +.fieldBackground-2TpuOY { + background-color: rgba(0, 0, 0, 0.3); +} +.fieldFooterContainer-2QTUnl { + background-color: rgba(0, 0, 0, 0.5); +} +.backgroundAccent-2YeFtZ { + background-color: rgba(0, 0, 0, 0.2); + border-radius: 0; +} + +.buttonColor-XIRMbp { + background-color: rgba(255, 255, 255, 0.1); +} +.buttonColor-XIRMbp:hover { + background-color: rgba(255, 255, 255, 0.25); + transition: none; +} + +.accountButtonInner-33vCDY, .accountBtnInner-1DCgBm { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 0; +} +.accountButtonInner-33vCDY:hover, .accountBtnInner-1DCgBm:hover { + background-color: rgba(255, 255, 255, 0.2); +} +.guild-2Fq4I5, .cardWrapper-1bSePP { + border-radius: 0; +} +.guildHeader-1EPPBS { + background-color: rgba(0, 0, 0, 0.4); +} +.guildSubscriptionSlots-1i_C21, .cardWrapper-1bSePP { + background-color: rgba(0, 0, 0, 0.22); +} +.messageContentWrapper-3jcFO8 { + background-color: rgba(0, 0, 0, 0.4); + border-radius: 0; +} +.toast-3y2zEK:hover > .messageContentWrapper-3jcFO8 { + background-color: rgba(0, 0, 0, 0.6); +} + +.card-3x20HF, .container-2Hi7Km, .icon-2IDTxf, .container-xwOzwi { + background-color: rgba(0, 0, 0, 0.3); + border-radius: 0; +} + +.interactiveCard-2iMtdk { + transition: none; + border-color: rgba(0, 0, 0, 0); +} +.interactiveCard-2iMtdk:hover { + box-shadow: none; + -webkit-box-shadow: none; +} +.interactiveCard-2iMtdk.selected-sszUNx, .interactiveCard-2iMtdk:active, .interactiveCard-2iMtdk:hover { + border-color: rgba(255, 255, 255, 0.15); +} +.container-3HMTms { + background-color: rgba(0, 0, 0, 0.0); + border-radius: 0; +} +.container-3HMTms:hover { + background-color: rgba(255, 255, 255, 0.1); +} +.body-_wLPAC { + padding-bottom: 4px; +} +.feedItemHeader-txJq98 { + border-bottom: 1px solid rgba(255, 255, 255, 0.1); +} + +.backgroundModifierContainer-WjXgb2 { + border-radius: 0; + background-color: rgba(0, 0, 0, 0.22); +} +.backgroundModifierContainer-WjXgb2.selected-2f8_FP { + background-color: rgba(0, 0, 0, 0.5); +} +.backgroundModifierContainer-WjXgb2:hover:not(.disabled-3Q7kTN) { + background-color: rgba(0, 0, 0, 0.33); +} +.collapseable-DdnHFl:active { + background-color: rgba(0, 0, 0, 0.4); +} +.groupCollapsedContainer-1h2Wkb { + border-radius: 0; + background-color: rgba(0, 0, 0, 0.2); +} +.collapseable-DdnHFl:before { + border-color: rgba(0, 0, 0, 0); + box-shadow: none; + -webkit-box-shadow: none; +} +.groupContainer-x_RNHs { + border-radius: 0; +} + +.guildDetails-1il1dn { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 0; +} +.featureCard-3XHbjy { + background-color: rgba(0, 0, 0, 0.22); + border-radius: 0; +} +.checklistContainer-12xGp5, .container-13pE3E { + background-color: rgba(0, 0, 0, 0.22); + border-radius: 0; +} +.checklistHeader-3liG7E, .header-Wl8ec- { + background-color: rgba(0, 0, 0, 0.4); + border-radius: 0; +} + +.requirementContainer-1YZZty, .fieldBackground-3nYcw0, .fieldBackground-3nYcw0:hover:not(:focus) { + background-color: rgba(255, 255, 255, 0.05); + border-radius: 0; +} +.modal-2TOYtq .footer-31IekZ { + background-color: rgba(0, 0, 0, 0); +} +.modal-2TOYtq { + background-color: rgba(255, 255, 255, 0.05); +} + +.exampleRule-KGGZmT { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 0; +} + +.upsellContainer-2a5eMP { + background-color: rgba(0, 0, 0, 0.4); + border-radius: 0; +} +.upsellFooter-3M1V33 { + background-color: rgba(0, 0, 0, 0.22); + border-radius: 0; +} + +.enableContainer-H2cRts { + background-color: rgba(0, 0, 0, 0.4); + border-radius: 0; +} +.previewContainer-29oeA6 { + background-color: rgba(0, 0, 0, 0.22); + border-radius: 0; +} +.welcomeChannel-_Q4qAA { + border-radius: 0; + background-color: rgba(255, 255, 255, 0.1); +} + +.content-2eQb8J { + background-color: rgba(0, 0, 0, 0); +} +.perks-2IIbWQ { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 0; +} +.perkRow-10K6XE { + border-bottom: 1px solid rgba(255, 255, 255, 0.1); } \ No newline at end of file From 9a02008e8cce788f51c53468ba614b79da676b7a Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Mon, 30 Jan 2023 20:25:09 +0500 Subject: [PATCH 24/31] The Things --- crystalline.css | 123 +++++++++++++++++++++++++++++++++--------------- 1 file changed, 86 insertions(+), 37 deletions(-) diff --git a/crystalline.css b/crystalline.css index d04591d..3e68994 100644 --- a/crystalline.css +++ b/crystalline.css @@ -1,6 +1,6 @@ /********************************************************** * Crystalline CSS for BeautifulDiscord * - * Version 1.22.22 * + * Version 1.22.23 * * * * Created by SamuiNe * * https://github.com/SamuiNe * @@ -11,7 +11,7 @@ * Feel free to open an issue at the GitHub repository. * * Thank you in advance! * * * - * MIT License, Copyright SamuiNe 2016 ~ 2022? * + * MIT License, Copyright SamuiNe 2016 ~ 2023? * **********************************************************/ /* Caution! This theme only works for dark theme for now. It will not work properly at light theme. */ @@ -39,7 +39,7 @@ body { 2nd value - Green 0-255 3rd value - Blue 0-255 4th value - Alpha (Opacity) 0.0-1.0 */ - background: rgba(0, 0, 0, 0.5); + background: rgba(0, 0, 0, 0.5) !important; -webkit-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; @@ -48,7 +48,6 @@ body { /* To use custom font, please enter the font name enclosed with ' ' at font-family and remove both */ /*. */ - *:not(code) { /*font-family: Whitney, Helvetica, Arial, sans-serif !important;*/ } @@ -2614,15 +2613,19 @@ span.amount { box-shadow: none; } -.input-2g-os5{ +.input-3O04eu{ border-radius: 0; border: none; } -.theme-dark .input-2g-os5{ +.theme-dark .input-3O04eu{ background-color: rgba(0, 0, 0, 0.42); } +.theme-dark .iconWrapper-2_MXbk { + background-color: rgba(0, 0, 0, 0.33); +} + .theme-dark .message-G6O-Wv{ background-color: rgba(11, 11, 11, 0.8); border-radius: 0; @@ -2686,7 +2689,7 @@ span.amount { border-radius: 0; } -.theme-dark .bar-1Bhnl9{ +.theme-dark .bar-2H7Q9u{ border-radius: 0; background-color: rgba(255, 255, 255, 0.2); } @@ -2967,6 +2970,11 @@ span.amount { border-color: rgba(0, 0, 0, 0.6) !important; } +.permissionV3BannerContainer-3_4aSa { + background-color: rgba(0, 0, 0, 0.22); + border-radius: 0; +} + /* Text color adjustments */ .theme-dark .descChecked-XkfPsU, @@ -3443,10 +3451,15 @@ span.discriminator{ .roleWrapper-2IhvNd .role-2TIOKu { background-color: rgba(255, 255, 255, 0.1); } -.rolePill-2IJ1vo { +.rolePill-2IJ1vo, .role-23oyrw { background-color: rgba(255, 255, 255, 0.1); } - +.role-23oyrw { + border-radius: 0; +} +.role-23oyrw:hover { + background-color: rgba(255, 255, 255, 0.2); +} .roleName-2ZJJYR{ font-weight: normal; } @@ -4095,7 +4108,7 @@ input{ } /* mentions */ -.theme-dark .messagesPopoutWrap-3zryHW, .theme-dark .container-2ebMPP { +.theme-dark .messagesPopoutWrap-3zryHW, .theme-dark .container-2ebMPP, .container-_dQaft { background-color: rgba(22, 22, 22, 0.8); border-radius: 0; border: none; @@ -4112,7 +4125,14 @@ input{ } .theme-dark .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI .channelHeader-DFRX8q, .theme-dark .container-2ebMPP .channelHeader-DFRX8q { - background-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.4); + backdrop-filter: blur(10px); +} +.tertiary-1e-lAP { + border-radius: 0; +} +.tertiary-1e-lAP:hover:not(.disabled-184-il) { + background-color: rgba(255, 255, 255, 0.1); } .theme-dark .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI .messageContainer-3VTXBC, .theme-dark .container-2ebMPP .messages-23can0{ @@ -4624,11 +4644,11 @@ input{ /* Friend List background Selected + Hover */ -.interactive-1vLZ_I{ +.interactive-iyXY_x{ border-radius: 0; } -.interactive-1vLZ_I:focus-within, .interactive-1vLZ_I:hover{ +.interactive-26HRN_:focus-within, .interactive-26HRN_:hover{ background-color: rgba(0, 0, 0, 0.22); } @@ -5505,6 +5525,11 @@ input{ box-shadow: none; } +.addFriendInputWrapper-kkoSV9 { + border-radius: 0; + background-color: rgba(0, 0, 0, 0.5); +} + /* Fix emoji picker search bar background color and text color */ .container-1SX9VC{ @@ -6164,7 +6189,7 @@ input{ background-color: rgba(255, 255, 255, 0.1); } -.lookFilled-1GseHa.select-1Ia3hD { +.lookFilled-GPyucw.select-Zz0IcO { background-color: rgba(0, 0, 0, 0.3); border: none; } @@ -6179,26 +6204,26 @@ input{ background: rgba(0, 0, 0, 0.6); } -.item-2idW98 { +.item-1TA5qI { background: rgba(0, 0, 0, 0.22); border-radius: 0; } - -.item-2idW98[aria-checked=true] { +.item-1TA5qI[aria-checked=true] { background: rgba(0, 0, 0, 0.5); } -.item-2idW98:hover { +.item-1TA5qI:hover { background: rgba(0, 0, 0, 0.33); } -.itemFilled-1cPbtg:hover:not([aria-checked=true]):not(.disabled-3tqE8r){ +.itemFilled-2Fo7lr:hover:not([aria-checked=true]):not(.disabled-WBmOu_){ background: rgba(0, 0, 0, 0.33); } -.item-2idW98:hover[aria-checked=true]{ +.item-1TA5qI:hover[aria-checked=true]{ background: rgba(0, 0, 0, 0.6); } -.radioBar-3w9XY- { +.radioBar-1XgZqD { border-radius:0; } + .cardWrapper-CyvwQv { background: rgba(0, 0, 0, 0.22); border-radius: 0; @@ -6220,10 +6245,10 @@ input{ background: rgba(0, 0, 0, 0.5); font-weight: bold; } -.open-1FRZsK, .select-1Ia3hD { +.open-1FRZsK, .select-Zz0IcO { border-radius: 0; } -.popout-1KHNAq { +.popout-15UxD6 { background: rgba(11, 11, 11, 0.8); border-radius: 0; } @@ -6234,7 +6259,7 @@ input{ .option-2eIyOn:hover { background: rgba(255, 255, 255, 0.1); } -.option-2eIyOn[aria-selected=true], .option-2eIyOn[aria-selected=true]:not(.option-2eIyOn.multi-1HXDiv) { +.option-2eIyOn[aria-selected=true], .option-Uc12mm[aria-selected=true]:not(.option-Uc12mm.multi-2vPqc4) { background: rgba(255, 255, 255, 0.1); /*font-weight: bold;*/ } @@ -6347,6 +6372,12 @@ input{ background-color: rgba(0, 0, 0, 0.33); border-radius: 0; } +.memberRow-1FhJgR { + border-radius: 0; +} +.memberRow-1FhJgR:hover { + background-color: rgba(0, 0, 0, 0.22); +} .bodyInnerWrapper-2bQs1k { background-color: rgba(0, 0, 0, 0.0); @@ -6355,7 +6386,7 @@ input{ background-color: rgba(0, 0, 0, 0); } .scrollableContainer-15eg7h { - background-color: rgba(0, 0, 0, 0.5); + background-color: rgba(0, 0, 0, 0.5) !important; border-radius: 0; } .container-3XgAHv .scrollableContainer-15eg7h { @@ -6425,7 +6456,9 @@ input{ .lookFilled-yCfaCM.colorBrand-I6CyqQ:disabled { background-color: rgba(0, 0, 0, 0.2); } - +.lookInverted-2mDUMi.colorBrand-I6CyqQ { + background-color: rgba(255, 255, 255, 0.75); +} .lookFilled-yCfaCM.colorWhite-1H92hK { background-color: rgba(255, 255, 255, 0.75); } @@ -6459,6 +6492,7 @@ input{ } .pictureInPictureVideo-2puO2Q { background-color: rgba(0, 0, 0, 0.4); + border-radius: 0; } /* new server window */ @@ -6716,21 +6750,17 @@ input{ box-shadow: none; transform: none; } -.descriptionContainer-2ylKGk { +.descriptionContainer-2ylKGk, .descriptionBox-SKGNgB { background-color: rgba(0, 0, 0, 0.4); border-radius: 0; } .container-2qVG6q { transition: none; } -.container-2qVG6q.isOpen-2OXbFs { +.theme-dark .container-2qVG6q.isOpen-2OXbFs { background-color: rgba(0, 0, 0, 0.5); } -.container-3YcgdM { - background-color: rgba(0, 0, 0, 0.5); - border: none; - backdrop-filter: blur(5px); -} + .addReactButton-3bSQb6, .buttonInner-3aRbcx { border-radius: 0; background-color: rgba(255, 255, 255, 0.1); @@ -6774,8 +6804,8 @@ input{ border-radius: 0; border: none; } -.editCard-K9Q9mb.toggled-35JcVc.active-Xi2rnV { - background-color: rgba(0, 0, 0, 0.22); +.editCard-K9Q9mb.toggled-35JcVc.active-Xi2rnV, .editCard-K9Q9mb.active-Xi2rnV { + background-color: rgba(0, 0, 0, 0.4); border-radius: 0; } .collapseable-1mNWCS:before { @@ -7101,13 +7131,14 @@ input{ .backgroundModifierContainer-WjXgb2.selected-2f8_FP { background-color: rgba(0, 0, 0, 0.5); } -.backgroundModifierContainer-WjXgb2:hover:not(.disabled-3Q7kTN) { +.backgroundModifierContainer-WjXgb2:hover:not(.disabled-3Q7kTN), .backgroundModifierContainer-WjXgb2:hover:not(.disabled-3Q7kTN):not(.noAction-3PygTY) { background-color: rgba(0, 0, 0, 0.33); } + .collapseable-DdnHFl:active { background-color: rgba(0, 0, 0, 0.4); } -.groupCollapsedContainer-1h2Wkb { +.groupCollapsedContainer-2z4Vrr { border-radius: 0; background-color: rgba(0, 0, 0, 0.2); } @@ -7184,4 +7215,22 @@ input{ } .perkRow-10K6XE { border-bottom: 1px solid rgba(255, 255, 255, 0.1); +} +.button-1kija8:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +/* Browse Channels */ +.theme-dark .checkbox-1LuCGM { + border-radius: 0; + border-color: rgba(255, 255, 255, 0.2); +} +.channelRow-4X_3fi:hover:not(.disabled-3cfocy) { + background-color: rgba(255, 255, 255, 0.1); +} +.firstChannel-3vAGDY, .lastChannel-21yyBC { + border-radius: 0; +} +.stepper-1gzQ8P { + border-radius: 0; } \ No newline at end of file From b8ee5db15c2d9e2466a9d9a0de69850aeb437010 Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Wed, 1 Mar 2023 15:23:16 +0500 Subject: [PATCH 25/31] quite late update --- crystalline.css | 97 +++++++++++++++++++++++++++++++++---------------- 1 file changed, 66 insertions(+), 31 deletions(-) diff --git a/crystalline.css b/crystalline.css index 3e68994..397460b 100644 --- a/crystalline.css +++ b/crystalline.css @@ -1,6 +1,6 @@ /********************************************************** * Crystalline CSS for BeautifulDiscord * - * Version 1.22.23 * + * Version 1.22.24 * * * * Created by SamuiNe * * https://github.com/SamuiNe * @@ -3992,17 +3992,17 @@ input{ background-color: rgba(29, 185, 84, 0.8); } -.lookOutlined-3yKVGo.colorPrimary-2AuQVo{ +.lookOutlined-3RTC7c.colorPrimary-2-Lusz{ border: 0; background-color: rgba(255, 255, 255, 0.2); } -.lookOutlined-3yKVGo.colorPrimary-2AuQVo:hover{ +.lookOutlined-3RTC7c.colorPrimary-2-Lusz:hover{ border: 0; background-color: rgba(255, 255, 255, 0.3); } -.lookOutlined-3yKVGo.colorRed-rQXKgM { +.lookOutlined-3RTC7c.colorRed-2VFhM4 { border: 0; background-color: rgba(237, 66, 69, 0.5); } @@ -4648,12 +4648,12 @@ input{ border-radius: 0; } -.interactive-26HRN_:focus-within, .interactive-26HRN_:hover{ - background-color: rgba(0, 0, 0, 0.22); +.theme-dark .interactive-26HRN_:focus-within, .theme-dark .interactive-26HRN_:hover{ + background: rgba(0, 0, 0, 0.22); } -.interactive-1vLZ_I:active, .interactiveSelected-29CP8y{ - background-color: rgba(0, 0, 0, 0.42); +.interactive-26HRN_:active, .interactiveSelected-29CP8y{ + background: rgba(0, 0, 0, 0.42) !important; } /* Notice bar background opacity and border radius */ @@ -4788,12 +4788,12 @@ input{ border-radius: 0; } -.theme-dark .lookFilled-yCfaCM.colorPrimary-2AuQVo{ +.theme-dark .lookFilled-1H2Jvj.colorPrimary-2-Lusz{ background-color: rgba(255, 255, 255, 0.2); } -.theme-dark .lookFilled-yCfaCM.colorPrimary-2AuQVo:active, -.theme-dark .lookFilled-yCfaCM.colorPrimary-2AuQVo:hover{ +.theme-dark .lookFilled-1H2Jvj.colorPrimary-2-Lusz:active, +.theme-dark .lookFilled-1H2Jvj.colorPrimary-2-Lusz:hover{ background-color: rgba(255, 255, 255, 0.3); } @@ -5361,7 +5361,7 @@ input{ /* Fix disabled button background for user popup window */ -.lookOutlined-3yKVGo.colorWhite-1H92hK:disabled{ +.lookOutlined-3RTC7c.colorWhite-1H92hK:disabled{ background-color: rgba(255, 255, 255, 0.2); } @@ -5549,19 +5549,19 @@ input{ /* Fix spoiler tag background color and border radius */ -.spoilerText-27bIiA, .spoilerWarning-8ovW0v{ +.spoilerText-2G40u0, .spoilerWarning-1JN1Ot{ border-radius: 0; } -.theme-dark .spoilerText-27bIiA{ +.theme-dark .spoilerText-2G40u0{ background-color: rgba(255, 255, 255, 0.1); } -.theme-dark .spoilerText-27bIiA.hidden-3B-Rum{ +.theme-dark .spoilerText-2G40u0.hidden-2lQZ5q{ background-color: rgba(111, 111, 111, 0.42); } -.theme-dark .spoilerText-27bIiA.hidden-3B-Rum:hover{ +.theme-dark .spoilerText-2G40u0.hidden-2lQZ5q:hover{ background-color: rgba(111, 111, 111, 0.6); } @@ -5865,7 +5865,7 @@ input{ background-color: rgba(0, 0, 0, 0.22); } -.theme-dark .lookFilled-yCfaCM.colorPrimary-2AuQVo:disabled{ +.theme-dark .lookFilled-1H2Jvj.colorPrimary-2-Lusz:disabled{ background-color: rgba(255, 255, 255, 0.1); } @@ -5991,7 +5991,7 @@ input{ background-color: transparent; } .activityPanel-9icbyU { - background: rgba(0, 0, 0, 0.5); + background: rgba(0, 0, 0, 0.5) !important; } .theme-dark .bodyInner-245q0L { background-color: transparent; @@ -6099,6 +6099,7 @@ input{ border-radius: 0; } .theme-dark .watchButton-2YRKxv { + border-radius: 0; background-color: rgba(255, 255, 255, 0.2); border: none; } @@ -6153,15 +6154,15 @@ input{ .backdrop-2ByYRN.withLayer-2VVmpp { opacity: 0.5 !important; } -.root-g14mjS { +.root-1CAIjD { border-radius: 0; } -.theme-dark .root-g14mjS { +.theme-dark .root-1CAIjD { background: rgba(11, 11, 11, 0.8) !important; box-shadow: none; -webkit-box-shadow: none; } -.theme-dark .carouselModal-1eUFoq.root-g14mjS { +.theme-dark .carouselModal-1eUFoq.root-1CAIjD { background-color: rgba(0, 0, 0, 0) !important; -webkit-box-shadow: none; box-shadow: none; @@ -6172,11 +6173,11 @@ input{ .contentWrapper-3oy4Xo { border-radius: 0; } -.theme-dark .footer-31IekZ { +.theme-dark .footer-IubaaS{ background: rgba(0, 0, 0, 0.4); border-radius: 0; } -.theme-dark .footer-31IekZ .button-f2h6uQ { +.theme-dark .footer-IubaaS .button-f2h6uQ { color: white; } .card-m7VgZ8 { @@ -6200,9 +6201,17 @@ input{ .fieldList-in8WkP { border-radius: 0; } -.theme-dark .lookFilled-yCfaCM.colorGrey-2iAG-B { +.theme-dark .lookFilled-1H2Jvj.colorGrey-2iAG-B { background: rgba(0, 0, 0, 0.6); } +.cta-3-AFNF { + border-radius: 0; + background-color: rgba(255, 255, 255, 0.2); + padding: 8px; +} +.cta-3-AFNF:hover { + background-color: rgba(255, 255, 255, 0.4); +} .item-1TA5qI { background: rgba(0, 0, 0, 0.22); @@ -6450,25 +6459,32 @@ input{ border-color: rgba(22, 22, 22, 0.8); } -.lookFilled-yCfaCM.colorBrand-I6CyqQ { +.lookFilled-1H2Jvj.colorBrand-2M3O3N { background-color: rgba(88, 101, 242, 0.3); } -.lookFilled-yCfaCM.colorBrand-I6CyqQ:disabled { +.lookFilled-1H2Jvj.colorBrand-2M3O3N:disabled { background-color: rgba(0, 0, 0, 0.2); } -.lookInverted-2mDUMi.colorBrand-I6CyqQ { +.lookInverted-2GrLaB.colorBrand-2M3O3N { background-color: rgba(255, 255, 255, 0.75); } -.lookFilled-yCfaCM.colorWhite-1H92hK { +.lookFilled-1H2Jvj.colorWhite-1H92hK { background-color: rgba(255, 255, 255, 0.75); } -.lookFilled-yCfaCM.colorWhite-1H92hK:active, .lookFilled-yCfaCM.colorWhite-1H92hK:hover { +.lookFilled-1H2Jvj.colorWhite-1H92hK:active, .lookFilled-1H2Jvj.colorWhite-1H92hK:hover { background-color: rgba(255, 255, 255, 0.9); } .button-1EGGcP.buttonColor-3bP3fX, .button-1EGGcP .buttonColor-3bP3fX { background-color: rgba(0, 0, 0, 0.4); } +.button-ejjZWC { + border-radius: 0; +} + +.background-L8lGH6 { + -webkit-mask: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(0, 0, 0, 0) 50%); +} /* reply stuff */ .threadSuggestionBar-3ExSyc { @@ -6733,7 +6749,7 @@ input{ border: none; background-color: rgba(255, 255, 255, 0.1)!important; } -.lookOutlined-3yKVGo.colorBrand-I6CyqQ:hover { +.lookOutlined-3RTC7c.colorBrand-I6CyqQ:hover { background-color: rgba(255, 255, 255, 0.2)!important; } .newBadge-1LcB6t { @@ -7233,4 +7249,23 @@ input{ } .stepper-1gzQ8P { border-radius: 0; -} \ No newline at end of file +} +.theme-dark .quickSelectPopout-2F0PXw { + background-color: rgba(0, 0, 0, 0.4); + border-radius: 0; +} + +.hoverButtonGroup-2yZIzC { + background-color: rgba(0, 0, 0, 0.4); + border-radius: 0; +} +.nonMediaAttachment-3C_4Pd { + top: 0; + right: 0; +} +.hoverButton-36QWJk:hover, .keyboard-mode .hoverButton-36QWJk:focus { + background-color: rgba(255, 255, 255, 0.1); +} +.removeAttachmentHoverButton-3gHROs:hover, .keyboard-mode .removeAttachmentHoverButton-3gHROs:focus { + background-color: rgba(237, 66, 69, 0.8); +} From 6ac9a07050e23b3091888ce727522896f5e3d17e Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Wed, 8 Mar 2023 01:15:08 +0500 Subject: [PATCH 26/31] uh --- crystalline.css | 62 ++++++++++++++++++++++++++++++++++++------------- 1 file changed, 46 insertions(+), 16 deletions(-) diff --git a/crystalline.css b/crystalline.css index 397460b..8c8f739 100644 --- a/crystalline.css +++ b/crystalline.css @@ -1,6 +1,6 @@ /********************************************************** * Crystalline CSS for BeautifulDiscord * - * Version 1.22.24 * + * Version 1.22.25 * * * * Created by SamuiNe * * https://github.com/SamuiNe * @@ -2672,7 +2672,7 @@ span.amount { background-color: rgba(255, 255, 255, 0.2) !important; } -.item-3XjbnG{ +.item-2GWPIy{ border-radius: 0 !important; } @@ -3286,11 +3286,12 @@ span.discriminator{ border: none !important; } -.connectedAccountContainer-3aLMHJ { +.connectedAccountContainer-2TWiXT { border-radius: 0 !important; - border: none !important; - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.9); + /*border: none !important;*/ + border-color: rgba(255, 255, 255, 0.2); + /*background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.9);*/ } .connectedAccountName-f8AEe2{ @@ -3436,7 +3437,7 @@ span.discriminator{ border-radius: 0 !important; } -.roleCircle-3K9O3d { +.roleCircle-3TFUOr { border-radius: 0; height: 10px; width: 10px; @@ -3834,6 +3835,7 @@ input{ .theme-dark .default-1Tkeeg:hover{ background-color: rgba(255, 255, 255, 0.2); + box-shadow: none; } .container-30qY7E{ @@ -4388,7 +4390,7 @@ input{ /* Music Background color */ .theme-dark .wrapperAudio-1Bzv_Z{ background-color: rgba(10, 10, 10, 0.7); - /*border-radius: 0;*/ + border-radius: 0; border: none; } @@ -5470,15 +5472,15 @@ input{ /* Fix setting sidebar selection and hover background color and border radius */ -.theme-dark .side-2ur1Qk .themed-2-lozF.selected-g-kMVV.item-3XjbnG, -.theme-dark .side-2ur1Qk .themed-2-lozF.selected-g-kMVV.item-3XjbnG:hover, -.theme-dark .topPill-3DJJNV .themed-2-lozF.selected-g-kMVV.item-3XjbnG, -.theme-dark .topPill-3DJJNV .themed-2-lozF.selected-g-kMVV.item-3XjbnG:hover{ +.theme-dark .side-1lrxIh .themed-qqoYp3.selected-1sf9UK.item-2GWPIy, +.theme-dark .side-1lrxIh .themed-qqoYp3.selected-1sf9UK.item-2GWPIy:hover, +.theme-dark .topPill-2vcLsa .themed-qqoYp3.selected-1sf9UK.item-2GWPIy, +.theme-dark .topPill-2vcLsa .themed-qqoYp3.selected-1sf9UK.item-2GWPIy:hover{ background-color: rgba(0, 0, 0, 0.42); } -.theme-dark .side-2ur1Qk .themed-2-lozF.item-3XjbnG:hover, -.theme-dark .topPill-3DJJNV .themed-2-lozF.item-3XjbnG:hover{ +.theme-dark .side-1lrxIh .themed-qqoYp3.item-2GWPIy:hover, +.theme-dark .topPill-2vcLsa .themed-qqoYp3.item-2GWPIy:hover{ background-color: rgba(0, 0, 0, 0.22); } @@ -6639,7 +6641,7 @@ input{ .container-3EtAkD:hover { background-color: rgba(0, 0, 0, 0.6); } -.disabled-1nofHP.item-3XjbnG, .disabled-1nofHP.item-3XjbnG:hover { +.disabled-1nofHP.item-2GWPIy, .disabled-1nofHP.item-2GWPIy:hover { color:rgba(255, 255, 255, 0.2); } .tabBar-3DfKkN { @@ -7040,6 +7042,10 @@ input{ right: 0; top: 0; } +.emojiRow-1aPaM- .emojiRemove-D9w3jo, .revokeInvite-1VNYBG { + top: 0; + right: -19px; +} .action-2YPPom { border-radius: 0; box-shadow: none; @@ -7147,7 +7153,9 @@ input{ .backgroundModifierContainer-WjXgb2.selected-2f8_FP { background-color: rgba(0, 0, 0, 0.5); } -.backgroundModifierContainer-WjXgb2:hover:not(.disabled-3Q7kTN), .backgroundModifierContainer-WjXgb2:hover:not(.disabled-3Q7kTN):not(.noAction-3PygTY) { +.backgroundModifierContainer-WjXgb2:hover:not(.disabled-3Q7kTN), +.backgroundModifierContainer-WjXgb2:hover:not(.disabled-3Q7kTN):not(.noAction-3PygTY), +.backgroundModifierContainer-WjXgb2:active:not(.disabled-3Q7kTN):not(.noAction-3PygTY) { background-color: rgba(0, 0, 0, 0.33); } @@ -7269,3 +7277,25 @@ input{ .removeAttachmentHoverButton-3gHROs:hover, .keyboard-mode .removeAttachmentHoverButton-3gHROs:focus { background-color: rgba(237, 66, 69, 0.8); } + +/* i already did this fix somewhere here */ +.container-2kTWmC { + background-color: rgba(11, 11, 11, 0.8); + border-radius: 0; + border-color: rgba(255, 255, 255, 0.1); +} +.item-1Mjtru { + border-radius: 0; +} +.focused-3v9Ulm, .item-1Mjtru:hover:not(.disabled-Lzz-qs) { + background-color: rgba(255, 255, 255, 0.2); +} + +/* keyboard shortcuts window */ +.theme-dark .keyboardShortcutsModal-2CRmCm { + background-color: rgba(0, 0, 0, 0.4); +} +.key-RP8gj3 { + border-radius: 0; + background-color: rgba(255, 255, 255, 0.2); +} \ No newline at end of file From e52153923458e1f194e45db87743ebc80d4eb790 Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Thu, 9 Mar 2023 15:06:34 +0500 Subject: [PATCH 27/31] pm me funny commit title --- crystalline.css | 83 ++++++++++++++++++++++++++++++++++++++----------- 1 file changed, 65 insertions(+), 18 deletions(-) diff --git a/crystalline.css b/crystalline.css index 8c8f739..24da462 100644 --- a/crystalline.css +++ b/crystalline.css @@ -2575,8 +2575,9 @@ span.amount { border-radius: 0; } -.theme-dark .cardPrimary-3qRT__{ - background-color: rgba(0, 0, 0, 0.42); +.theme-dark .cardPrimary-pAe8Ed{ + border-radius: 0; + border-color: rgba(255, 255, 255, 0.1); } .buttonOutlined-38aLSW{ @@ -3622,10 +3623,10 @@ div.action.join { background-color: rgba(255, 255, 255, 0.1); border-radius: 0; } -.listRow-2nO1T6 { +.listRow-Y5zoF8 { border-radius: 0; } -.theme-dark .listRow-2nO1T6:hover{ +.theme-dark .listRow-Y5zoF8:hover{ background: none; background-color: rgba(255, 255, 255, 0.1); } @@ -3733,18 +3734,18 @@ div.action.join { border-radius: 0; } -.menu-1QACrS{ +.menu-2TXYjN{ border-radius: 0; /* background-color: rgba(22, 22, 22, 0.8); */ } -.item-1OdjEX { +.item-5ApiZt { border-radius: 0; } -.colorDefault-CDqZdO.focused-3qFvc8 { +.colorDefault-2_rLdz.focused-3LIdPu { background-color: rgba(71, 82, 196, 0.6); } -.colorDanger-3n-KnP.focused-3qFvc8 { +.colorDanger-3umuSx.focused-3LIdPu { background-color: rgba(216, 60, 62, 0.6); } @@ -6451,6 +6452,17 @@ input{ .banner-3D8GgT { border-radius: 0; } +/* boost window */ +.theme-dark .ctaBar-Nhk8yY { + background-color: rgba(0, 0, 0, 0.2); + border-radius: 0; +} +.theme-dark .barBackground-unEPDT { + background-color: rgba(255, 255, 255, 0.15); +} +.theme-dark .tierMarkerBackground-G8FoN4 { + background-color: rgba(0, 0, 0, 0.33); +} /* boost server tooltip */ .subscribeTooltipWrapper-3ipXtC{ @@ -6545,9 +6557,17 @@ input{ .closeIcon-11LhXr { color: white; } -.search-25t1e9 .searchBox-31Zv9h .searchIcon-3X4BYL { - color: white; +.search-25t1e9 .searchBox-31Zv9h .searchIcon-3X4BYL, +.search-25t1e9 .searchBox-31Zv9h .closeIcon-BMGxx0 { + color: rgba(255, 255, 255, 0.5); +} +.search-25t1e9 .searchBox-31Zv9h .closeIcon-BMGxx0:hover { + color: rgba(255, 255, 255, 0.7); } +.search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz { + color: var(--text-normal) +} + .theme-dark .card-2TuZPZ, .theme-dark .iconMask-2fMR98 { background-color:rgba(0, 0, 0, 0.33); } @@ -6555,7 +6575,11 @@ input{ background-color: rgba(0, 0, 0, 0.5); } .categoryItem-Kc_HK_.selectedCategoryItem-ZjqSui .itemInner-3e_4G4 { - background-color: none; + background-color: rgba(0, 0, 0, 0); + border-radius: 0; +} + +.headerImage-2D5D-v { border-radius: 0; } @@ -6569,7 +6593,8 @@ input{ /* make line between items in list a little bit brighter */ -.peopleListItem-u6dGxF, .divider-_0um2u, .separator-1So4YB, .divider-2rZFJK, .divider-1tWBgZ { +.peopleListItem-u6dGxF, .divider-_0um2u, .separator-1So4YB, .divider-2rZFJK, .divider-1tWBgZ, +.theme-dark .paymentHeader-2o7Phd { border-color: rgba(255, 255, 255, 0.15); } .theme-dark .divider-3qUeLQ, .divider-1zHRlg, .termsRow-2I3Fqz { @@ -6624,6 +6649,8 @@ input{ /* https://media.discordapp.net/attachments/589742302419746826/962728217704288327/unknown.png */ .theme-dark .blockedPaymentsWarning-T43O2z, .theme-dark .codeRedemptionRedirect-2hYMSQ { background-color: rgba(0, 0, 0, 0.33); + border: none; + border-radius: 0; } .noItemsCard-5EOcCl, .noItemsCard-2V85P5 { background-color: rgba(0, 0, 0, 0.33); @@ -6851,6 +6878,9 @@ input{ } /* server settings nitro boost */ +.tierHeaderWithoutCardBody-1iT8o_ { + border-radius: 0; +} .theme-dark .tierHeaderLocked-30MLlO, .theme-dark .tierHeaderUnlocked-1OpOLf { background-color: rgba(0, 0, 0, 0.5); } @@ -6867,7 +6897,7 @@ input{ } .theme-dark .perksModal-CLcR1c { - background-color: rgba(0, 0, 0, 0.4); + background-color: rgba(0, 0, 0, 0); } .theme-dark .perk-19D_HN { border-radius: 0; @@ -6877,7 +6907,7 @@ input{ border-radius: 0; } .theme-dark .tierBody-3ju-rc { - background-color: rgba(0, 0, 0, 0.22); + background-color: rgba(0, 0, 0, 0.33); } .theme-dark .tierHeaderLocked-3ItHYn { background-color: rgba(0, 0, 0, 0.5); @@ -6917,7 +6947,7 @@ input{ } .communityInfoPill-2Mll66 { border-radius: 0; - background-color: rgba(255, 255, 255, 0.2); + background-color: rgba(0, 0, 0, 0.5); } .optionContainer-yOpaLq { background-color: rgba(255, 255, 255, 0.1); @@ -7031,6 +7061,9 @@ input{ } /* server settings stickers */ +.banner-3Uu4yV { + border-radius: 0; +} .wrapper-24fR1R { background-color: rgba(0, 0, 0, 0.4); border-radius: 0; @@ -7079,7 +7112,7 @@ input{ .fieldFooterContainer-2QTUnl { background-color: rgba(0, 0, 0, 0.5); } -.backgroundAccent-2YeFtZ { +.backgroundAccent-2YeFtZ, .backgroundAccent-1MMH1o { background-color: rgba(0, 0, 0, 0.2); border-radius: 0; } @@ -7155,7 +7188,8 @@ input{ } .backgroundModifierContainer-WjXgb2:hover:not(.disabled-3Q7kTN), .backgroundModifierContainer-WjXgb2:hover:not(.disabled-3Q7kTN):not(.noAction-3PygTY), -.backgroundModifierContainer-WjXgb2:active:not(.disabled-3Q7kTN):not(.noAction-3PygTY) { +.backgroundModifierContainer-WjXgb2:active:not(.disabled-3Q7kTN):not(.noAction-3PygTY), +.collapseable-1FiLab:active { background-color: rgba(0, 0, 0, 0.33); } @@ -7298,4 +7332,17 @@ input{ .key-RP8gj3 { border-radius: 0; background-color: rgba(255, 255, 255, 0.2); -} \ No newline at end of file +} + +/* yet another tooltip fix */ +.tooltip-33Jwqe { + border-radius: 0; +} +.theme-dark .tooltip-33Jwqe, .theme-light .tooltip-33Jwqe { + box-shadow: none; +} + +/* badges */ +.baseShapeRound-3epLEv { + border-radius: 0; +} From 45177d7ab5b32625d0c29cc0622cc732e5bca5ea Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Thu, 9 Mar 2023 21:28:50 +0500 Subject: [PATCH 28/31] whoops, fixed an oversight --- crystalline.css | 4 ---- 1 file changed, 4 deletions(-) diff --git a/crystalline.css b/crystalline.css index 24da462..b301156 100644 --- a/crystalline.css +++ b/crystalline.css @@ -7342,7 +7342,3 @@ input{ box-shadow: none; } -/* badges */ -.baseShapeRound-3epLEv { - border-radius: 0; -} From 855d801aa39c84a21e067b2f8ced6c1354b5b2d7 Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Tue, 11 Apr 2023 11:23:10 +0500 Subject: [PATCH 29/31] some things I found --- crystalline.css | 67 ++++++++++++++++++++++++++----------------------- 1 file changed, 35 insertions(+), 32 deletions(-) diff --git a/crystalline.css b/crystalline.css index b301156..d7c0fa3 100644 --- a/crystalline.css +++ b/crystalline.css @@ -3078,6 +3078,12 @@ span.amount { .reactionSelected-1aMb2K{ border-radius: 0; } +.reactionDefault-1Sjj1f:hover { + background-color: rgba(255, 255, 255, 0.1); +} +.reactionSelected-1aMb2K { + background-color: rgba(255, 255, 255, 0.2); +} /* Discord Canary stuffs*/ .container-1eFtFS{ @@ -3287,7 +3293,7 @@ span.discriminator{ border: none !important; } -.connectedAccountContainer-2TWiXT { +.connectedAccountContainer-3aLMHJ { border-radius: 0 !important; /*border: none !important;*/ border-color: rgba(255, 255, 255, 0.2); @@ -3295,7 +3301,7 @@ span.discriminator{ color: rgba(255, 255, 255, 0.9);*/ } -.connectedAccountName-f8AEe2{ +.connectedAccountName-2QfG-N{ color: rgba(255, 255, 255, 0.9) !important; } @@ -3453,7 +3459,7 @@ span.discriminator{ .roleWrapper-2IhvNd .role-2TIOKu { background-color: rgba(255, 255, 255, 0.1); } -.rolePill-2IJ1vo, .role-23oyrw { +.rolePill-78LFtg, .role-23oyrw { background-color: rgba(255, 255, 255, 0.1); } .role-23oyrw { @@ -3623,10 +3629,10 @@ div.action.join { background-color: rgba(255, 255, 255, 0.1); border-radius: 0; } -.listRow-Y5zoF8 { +.listRow-2nO1T6 { border-radius: 0; } -.theme-dark .listRow-Y5zoF8:hover{ +.theme-dark .listRow-2nO1T6:hover{ background: none; background-color: rgba(255, 255, 255, 0.1); } @@ -4512,7 +4518,7 @@ input{ } .newMessagesBar-1hF-9G { - background-color: rgba(114,137,218, 0.6); + background-color: rgba(114, 137, 218, 0.6); border-radius: 0; } @@ -4847,7 +4853,7 @@ input{ background-color: rgba(255, 255, 255, 0.1); } .reaction-3vwAF2:hover { - background-color: rgba(255, 255, 255, 0.15); + background-color: rgba(255, 255, 255, 0.2); } .reaction-3vwAF2.reactionMe-1PwQAc { @@ -5970,26 +5976,9 @@ input{ .container-1zzFcN { background-color: rgba(0, 0, 0, 0.5); + background-color: rgba() } -/* protip on user card (in case if you wanna delete it, just uncomment next rule) */ -/* -.protip-YaFfgO { - visibility: hidden; - height: 0; - margin: 0; -} -*/ - - /* I hated that new size of emojis so there is revert for it */ - /* probably it'll need to be removed (same as protip) */ -/* -.emoji.jumboable { - width: 2rem; - height: 2rem; - min-height: 2rem; -} -*/ .panels-3wFtMD { background-color: transparent; } @@ -6016,11 +6005,15 @@ input{ background-color: rgba(0, 0, 0, 0.3); } /* emoji picker fix */ -.contentWrapper-3vHNP2, .emojiPicker-6YCk8a, .header-11eigE { +.contentWrapper-3vHNP2, .emojiPicker-6YCk8a, .header-11eigE, +.contentWrapper-2f9yME, .picker-20lcBA { /* background: rgba(0, 0, 0, 0.65); */ background: rgba(11, 11, 11, 0.8); border-radius: 0; } +.contentWrapper-2f9yME.isBurstReactionPicker-3h5fqV { + border-radius: 0; +} .premiumRetentionNotice-A_Ke4K { background-color: rgba(0, 0, 0, 0.4); border-radius: 0; @@ -6048,6 +6041,16 @@ input{ background-color: rgba(255, 255, 255, 0.15); border-radius: 0; } +.soundButton-2P2Ua2 { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 0; +} +.soundAddButton-1FOn5u.focused-J7xXDg, .soundAddButton-1FOn5u:hover { + background-color: rgba(255, 255, 255, 0.2); +} +.buttonOverlayBackground-3fyfGX { + background-color: rgba(0, 0, 0, 0.33); +} /* that active contacts now playing thingy on friend page */ @@ -6158,7 +6161,7 @@ input{ opacity: 0.5 !important; } .root-1CAIjD { - border-radius: 0; + border-radius: 0 !important; } .theme-dark .root-1CAIjD { background: rgba(11, 11, 11, 0.8) !important; @@ -6268,7 +6271,7 @@ input{ background: rgba(0, 0, 0, 0.4); border-bottom: 1px solid rgba(255, 255, 255, 0.1); }*/ -.option-2eIyOn:hover { +.option-Uc12mm:hover { background: rgba(255, 255, 255, 0.1); } .option-2eIyOn[aria-selected=true], .option-Uc12mm[aria-selected=true]:not(.option-Uc12mm.multi-2vPqc4) { @@ -7023,10 +7026,11 @@ input{ } /* user profile */ -.roundedBanner-TdlJGa, .userPopoutInner-1hXSeY:before, .userPopoutOuter-3AVBmJ, .userProfileModalInner-3fh3QA:before, .userProfileOuter-1K_BYU, .badgeList-2pMvZX { - border-radius: 0; +.roundedBanner-uNt2w-, .userPopoutInner-nv9Y92:before, .userProfileOuter-2tQwNf, .userProfileModalInner-3dx9L9:before, +.userProfileOuter-1K_BYU, .profileBadges-2pItdR, .badgeList-2aoHPw, .overlayBackground-2aa7wt { + border-radius: 0 !important; } -.userProfileInner-3F03PX { +.userProfileInner-1ngKnf { background-color: rgba(11, 11, 11, 0.8); border-radius: 0 !important; } @@ -7341,4 +7345,3 @@ input{ .theme-dark .tooltip-33Jwqe, .theme-light .tooltip-33Jwqe { box-shadow: none; } - From 079b21d7699da024038493d4aa9be2d705b988e2 Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Sun, 13 Aug 2023 17:01:31 +0500 Subject: [PATCH 30/31] sorry for no updates, kinda busy right now --- crystalline.css | 20 +++++++++++++------- 1 file changed, 13 insertions(+), 7 deletions(-) diff --git a/crystalline.css b/crystalline.css index d7c0fa3..be1e7af 100644 --- a/crystalline.css +++ b/crystalline.css @@ -5463,16 +5463,16 @@ input{ } /* Fix channel sidebar selection and hover background color and border radius */ -.theme-dark .wrapper-NhbLHG.modeSelected-3DmyhH .content-1gYQeQ, -.theme-dark .wrapper-NhbLHG.modeSelected-3DmyhH:hover .content-1gYQeQ, -.theme-light .wrapper-NhbLHG.modeSelected-3DmyhH .content-1gYQeQ, -.theme-light .wrapper-NhbLHG.modeSelected-3DmyhH:hover .content-1gYQeQ{ +.theme-dark .wrapper-NhbLHG.modeSelected-3DmyhH .link-1_kTxV, +.theme-dark .wrapper-NhbLHG.modeSelected-3DmyhH:hover .link-1_kTxV, +.theme-light .wrapper-NhbLHG.modeSelected-3DmyhH .link-1_kTxV, +.theme-light .wrapper-NhbLHG.modeSelected-3DmyhH:hover .link-1_kTxV{ background-color: rgba(0, 0, 0, 0.42); border-radius: 0; } -.theme-dark .wrapper-NhbLHG:hover .content-1gYQeQ, -.theme-light .wrapper-NhbLHG:hover .content-1gYQeQ{ +.theme-dark .wrapper-NhbLHG:hover .link-1_kTxV, +.theme-light .wrapper-NhbLHG:hover .link-1_kTxV{ background-color: rgba(0, 0, 0, 0.22); border-radius: 0; } @@ -7034,7 +7034,7 @@ input{ background-color: rgba(11, 11, 11, 0.8); border-radius: 0 !important; } -.overlayBackground-1KgwVi, .profileBadges-31rDHI { +.overlayBackground-2aa7wt, .profileBadges-31rDHI { border-radius: 0; background-color: rgba(0, 0, 0, 0.22); } @@ -7345,3 +7345,9 @@ input{ .theme-dark .tooltip-33Jwqe, .theme-light .tooltip-33Jwqe { box-shadow: none; } +.bar-wDIGjg { + border-radius: 0; + width: 200px; + background-color: rgba(120, 120, 120, 0.8); + justify-content: center; +} \ No newline at end of file From 67ce5845b4c75005710e940ea91612c6b076d4b1 Mon Sep 17 00:00:00 2001 From: TommyGodlike Date: Sat, 14 Oct 2023 12:05:21 +0300 Subject: [PATCH 31/31] quick dirty fix to member list --- crystalline.css | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/crystalline.css b/crystalline.css index be1e7af..d683d32 100644 --- a/crystalline.css +++ b/crystalline.css @@ -6353,7 +6353,10 @@ input{ .container-2o3qEW { height: 100%; flex-direction: unset; -} +} +.membersListNotices-UstAx3 { + display: none; +} .container-3i3IzO { background-color: rgba(0, 0, 0, 0.33); border-radius: 0; @@ -6784,16 +6787,16 @@ input{ .lookOutlined-3RTC7c.colorBrand-I6CyqQ:hover { background-color: rgba(255, 255, 255, 0.2)!important; } -.newBadge-1LcB6t { +.newBadge-1RUEYb { border-radius: 0; height: 16px; } -.mainCard-3KBsBI, .container-3arpDl { +.increasedActivityMainCard-2ry6hI, .container-3arpDl { border: none; border-radius: 0; background-color: rgba(0, 0, 0, 0.22); } -.mainCard-3KBsBI:hover { +.increasedActivityMainCard-2ry6hI:hover { background-color: rgba(0, 0, 0, 0.4); box-shadow: none; transform: none; @@ -6802,10 +6805,10 @@ input{ background-color: rgba(0, 0, 0, 0.4); border-radius: 0; } -.container-2qVG6q { +.container-3wvkMY { transition: none; } -.theme-dark .container-2qVG6q.isOpen-2OXbFs { +.theme-dark .container-3wvkMY.isOpen-2ldXbM { background-color: rgba(0, 0, 0, 0.5); }