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 1ab92cf..d683d32 100644 --- a/crystalline.css +++ b/crystalline.css @@ -1,17 +1,17 @@ /********************************************************** * Crystalline CSS for BeautifulDiscord * - * Version 1.22.1 * + * Version 1.22.25 * * * * 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 ~ 2019 * + * MIT License, Copyright SamuiNe 2016 ~ 2023? * **********************************************************/ /* Caution! This theme only works for dark theme for now. It will not work properly at light theme. */ @@ -19,22 +19,18 @@ 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); - + /* 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% 0; + 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. */ background-size: 1921px auto; } - .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. @@ -43,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.8); + background: rgba(0, 0, 0, 0.5) !important; -webkit-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; @@ -52,18 +48,17 @@ 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;*/ } -.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; @@ -71,7 +66,7 @@ body { border-radius: 0 !important; } -.markup pre code, .markup-2BOw-j pre code { +.markup pre code, .markup-eYLPri pre code { background: transparent !important; } @@ -232,6 +227,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{ @@ -300,7 +296,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); } @@ -642,7 +638,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); } @@ -1617,7 +1613,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); } @@ -2535,7 +2531,7 @@ span.amount { background-color: rgba(0, 0, 0, 0.25); } -.container-PNkimc, +.container-1NXEtd, .private-channels .channel.selected a{ background-color: rgba(0, 0, 0, 0) !important; } @@ -2563,7 +2559,7 @@ span.amount { border-bottom: none; } -.wrapper-232cHJ{ +.wrapper-22ayhK { border-radius: 0 !important; box-shadow: none !important; text-shadow: none !important; @@ -2574,20 +2570,21 @@ span.amount { border-radius: 0; } -.card-3Qj_Yx{ +.card-16VQ8C{ border: none; border-radius: 0; } -.theme-dark .cardPrimary-1Hv-to{ - 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{ border-radius: 0; } -.button-38aScr{ +.button-f2h6uQ{ border-radius: 0; } @@ -2617,16 +2614,20 @@ span.amount { box-shadow: none; } -.input-cIJ7To{ +.input-3O04eu{ border-radius: 0; border: none; } -.theme-dark .input-cIJ7To{ - background-color: rgba(0, 0, 0, 0.3); +.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-2qRu38{ +.theme-dark .message-G6O-Wv{ background-color: rgba(11, 11, 11, 0.8); border-radius: 0; box-shadow: none; @@ -2636,21 +2637,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{ - background-color: rgba(0, 0, 0, 0.6) !important; +.theme-dark .headerExpanded-1-zwDr { + background-color: rgba(0, 0, 0, 0.4) !important; } -.theme-dark .divider-1pnAR2{ +.theme-dark .divider-M3saWq { background-color: rgba(0, 0, 0, 0.3) !important; } @@ -2658,7 +2659,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; @@ -2672,11 +2673,11 @@ span.amount { background-color: rgba(255, 255, 255, 0.2) !important; } -.item-PXvHYJ{ +.item-2GWPIy{ border-radius: 0 !important; } -.theme-dark .elevationHigh-3A9Xbf{ +.theme-dark .elevationHigh-3KUiqj{ border-radius: 0; background-color: rgba(22, 22, 22, 0.8); } @@ -2685,11 +2686,11 @@ span.amount { border-top-color: #7289da; } -.grabber-3mFHz2{ +.grabber-2GQyvM{ border-radius: 0; } -.theme-dark .bar-2Qqk5Z{ +.theme-dark .bar-2H7Q9u{ border-radius: 0; background-color: rgba(255, 255, 255, 0.2); } @@ -2701,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; } @@ -2741,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; @@ -2755,7 +2756,7 @@ span.amount { } .body-3iLsc4{ - padding-top: 15px; + padding-top: 0; padding-bottom: 0; } @@ -2769,18 +2770,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{ @@ -2830,11 +2831,11 @@ span.amount { border: none !important; } -.round-2jCFai{ +.round-1RSG-3{ border-radius: 0; } -.theme-dark .checkbox-1ix_J3{ +.theme-dark .checkbox-184-il{ border: none; } @@ -2862,15 +2863,15 @@ span.amount { background-color: rgba(255, 255, 255, 0.1); } -.checkboxWrapper-SkhIWG{ - background-color: rgba(22, 22, 22, 0.8); +.checkboxWrapper-2fDzaA{ + background-color: rgba(0, 0, 0, 0); } -.checkboxWrapper-SkhIWG:hover{ - background-color: rgba(62, 62, 62, 0.8); +.checkboxWrapper-2fDzaA:hover{ + background-color: rgba(0, 0, 0, 0); } -.box-mmYMsp{ +.box-BHImcZ{ border-radius: 0; } @@ -2933,7 +2934,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; } @@ -2949,19 +2950,30 @@ 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{ - color: rgba(197, 207, 237, 1); +.match-20K5f5{ + color: rgba(197, 207, 217, 1); } -.theme-dark .cardPrimaryEditable-3KtE4g{ - background-color: rgba(0, 0, 0, 0.42); +.theme-dark .cardPrimaryEditable-2mz_3i{ + 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.6) !important; + 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 */ @@ -2971,7 +2983,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); } @@ -2981,13 +2993,13 @@ span.amount { opacity: 1 !important; } -.theme-dark .title-31JmR4{ +.theme-dark .title-2dsDLn{ color: rgba(255, 255, 255, 0.7); } -.theme-dark .text-GwUZgS, -.theme-dark .title-2BxgL2, -.theme-dark .description-3_Ncsb, -.theme-dark .labelDescriptor-1PqHgD, +.theme-dark .text-27cdrj, +.theme-dark .title-2CL_z0, +.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); @@ -3009,7 +3021,7 @@ span.amount { /* Discord updates 2017/10/04? */ -.bar-30k2ka{ +.bar-2eAyLE{ border-radius: 0; opacity: 0.9; } @@ -3052,23 +3064,29 @@ 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{ +.theme-dark .scroller-2GkvCq{ background-color: rgba(42, 42, 42, 0.8); } -.reactionDefault-GBA58K, -.reactionSelected-1pqISm{ +.reactionDefault-1Sjj1f, +.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-2lgZY8{ +.container-1eFtFS{ background-color: rgba(0, 0, 0, 0) !important; } @@ -3076,13 +3094,7 @@ 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{ +.base-2jDfDU, .channels-Ie2l6A{ border-radius: 0; } @@ -3097,7 +3109,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; } @@ -3171,22 +3183,22 @@ span.amount { /* Fix for that large game playing stuff */ -.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-light .activityProfile-2bJRaP .details-38sfDr, -.theme-light .activityProfile-2bJRaP .name-29ETJS, -.theme-light .activityUserPopout-2yItg2 .details-38sfDr, -.theme-light .activityUserPopout-2yItg2 .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 .activityUserPopout-2yItg2 .content-3JfFJh{ +.theme-dark .headerTop-3GPUSF .content-tXPNDw{ color: rgba(255, 255, 255, 0.5); } -.assetsLargeImage-eYwpTX{ +.assetsLargeImage-8U5dlz{ border-radius: 0; } @@ -3226,8 +3238,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{ @@ -3240,17 +3252,22 @@ span.discriminator{ /* Discord update 2017/11/23 */ -.theme-dark .wrapper-35wsBm{ +.theme-dark .wrapper-1HIH0j, .wrapper-3-JZ_Z{ border-radius: 0; border: none; background-color: rgba(0, 0, 0, 0.5); } - -.iconActiveLarge-2nzn9z{ +.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; } -.guildIconExpired-2Qcq05{ +.guildIconExpired-2BFmZC{ border-radius: 0; } @@ -3276,14 +3293,15 @@ span.discriminator{ border: none !important; } -.connectedAccount-36nQx7{ +.connectedAccountContainer-3aLMHJ { 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{ +.connectedAccountName-2QfG-N{ color: rgba(255, 255, 255, 0.9) !important; } @@ -3336,10 +3354,10 @@ span.discriminator{ padding: 10px 10px; } -.theme-dark .activityProfile-2bJRaP .headerText-1HLrL7, -.theme-dark .activityUserPopout-2yItg2 .headerText-1HLrL7, -.theme-light .activityProfile-2bJRaP .headerText-1HLrL7, -.theme-light .activityUserPopout-2yItg2 .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); } @@ -3361,34 +3379,42 @@ span.discriminator{ color: rgba(255, 255, 255, 0.8); } -.container-16j22k{ +.container-2RRFHK{ background-color: rgba(0, 0, 0, 0.8); } /* Discord Canary update 2017/12/05 */ /* -.container-2lgZY8{ +.container-1eFtFS{ background-color: rgba(0, 0, 0, 0); }*/ -.quickswitcher-3JagVE{ +.quickswitcher-pKcM9U { box-shadow: none !important; color: rgba(255, 255, 255, 0.8) !important; } -.theme-dark .auditLog-3jNbM6{ - background-color: rgba(0, 0, 0, 0.6) !important; - border: none; +.input-3r5zZY { + background: rgba(255, 255, 255, 0.1); border-radius: 0; + color: rgba(255, 255, 255, 0.8); } -.botTagRegular-2HEhHi{ +.theme-dark .auditLog-1NVAY0{ + background-color: rgba(0, 0, 0, 0.22) !important; + border: none; border-radius: 0; +} + +.botTagRegular-kpctgU{ + 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; @@ -3396,7 +3422,7 @@ span.discriminator{ box-shadow: none; } -.saturation-1FDvtn>div{ +.saturation-CLQHFD>div{ border-radius: 0 !important; } @@ -3414,22 +3440,35 @@ span.discriminator{ color: rgba(255, 255, 255, 0.9) !important; } -.bar-30k2ka{ +.bar-2eAyLE{ border-radius: 0 !important; } -.roleCircle-3xAZ1j{ +.roleCircle-3TFUOr { border-radius: 0; height: 10px; width: 10px; } -.role-2irmRk{ +.role-2TIOKu{ border-radius: 0; height: 20px; + /* border: 1px solid; + padding: 4px 4px 4px 2px; */ } - -.roleName-32vpEy{ +.roleWrapper-2IhvNd .role-2TIOKu { + background-color: rgba(255, 255, 255, 0.1); +} +.rolePill-78LFtg, .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; } @@ -3482,12 +3521,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); } @@ -3507,20 +3546,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); } @@ -3528,8 +3567,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); } @@ -3543,8 +3582,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); @@ -3555,16 +3594,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; } @@ -3590,8 +3629,10 @@ div.action.join { background-color: rgba(255, 255, 255, 0.1); border-radius: 0; } - -.theme-dark .listRow-hutiT_:hover{ +.listRow-2nO1T6 { + border-radius: 0; +} +.theme-dark .listRow-2nO1T6:hover{ background: none; background-color: rgba(255, 255, 255, 0.1); } @@ -3610,19 +3651,30 @@ div.action.join { background-color: rgba(255, 255, 255, 0.1); } -.channel-members .botTag-2WPJ74{ +.channel-members .botTag-7aX5WZ{ height: 12px; line-height: 13px; } -.connection-1fbD7X{ - border-radius: 0; +.accountList-305sx3 { + background: rgba(0, 0, 0, 0.55); + border-radius: 0; +} +.connection-YOVI9j, .connectContainer-1hylYM { + border-radius: 0; + background: rgba(0, 0, 0, 0.22); } -.connectionHeader-2MDqhu{ +.connectionHeader-Ixbb1s{ border: none; border-radius: 0; + background: rgba(0, 0, 0, 0.4); +} + +.integration-1qC-fv { + background: rgba(0, 0, 0, 0.22); + border-radius: 0; } .emojiPicker-3m1S-j .scroller-3vODG7 .emojiItem-109bjA.selected-39BZ4S{ @@ -3636,9 +3688,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{ @@ -3665,24 +3717,42 @@ div.action.join { border-radius: 0; } -.reactor-3UBcOI:hover{ +.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-3V-yj8{ +.remove-19AQn_{ border-radius: 0; } -.embedImage-2W1cML, -.imageWrapper-2p5ogY, -.embedVideoActionsInner-2reMo2, -.ghostPill-2-KUPM{ +.embedImage-2Ynqkh, +.imageWrapper-oMkQl4, +.embedVideoActions-2XdFk2, +.ghostPill-2uK4W1{ border-radius: 0; } -.menu-Sp6bN1{ +.menu-2TXYjN{ border-radius: 0; - background-color: rgba(22, 22, 22, 0.8); + + /* background-color: rgba(22, 22, 22, 0.8); */ +} +.item-5ApiZt { + border-radius: 0; +} +.colorDefault-2_rLdz.focused-3LIdPu { + background-color: rgba(71, 82, 196, 0.6); +} +.colorDanger-3umuSx.focused-3LIdPu { + background-color: rgba(216, 60, 62, 0.6); } .separator-2zcjq8{ @@ -3698,7 +3768,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); @@ -3706,15 +3776,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); } @@ -3730,7 +3800,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); } @@ -3757,46 +3827,46 @@ 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); + 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); + box-shadow: none; } -.container-1nZlH6{ +.container-30qY7E{ border-radius: 0; border: none; } -.theme-dark .accountBtnInner-sj5jLs{ +.accountBtn-3pgcgr .accountBtnInner-3ttD-i{ border-radius: 0; border: none; background-color: rgba(255, 255, 255, 0.1); } -.theme-dark .accountBtnInner-sj5jLs:hover{ +.accountBtn-3pgcgr .accountBtnInner-3ttD-i:hover{ background-color: rgba(255, 255, 255, 0.2); } -.connectionDelete-2Odoln{ +.connectionDelete-3YgMVq{ border-radius: 0; border: none; - background-color: rgba(255, 255, 255, 0.1); } -.connectionDelete-2Odoln:hover{ - background-color: rgba(255, 255, 255, 0.2); +.connectionDelete-3YgMVq:hover{ + background-color: rgba(255, 255, 255, 0.15); } .regionSelect-3lf4eE .regionSelectInner-24f4Ce{ @@ -3825,7 +3895,7 @@ input{ border-radius: 0; } -.theme-dark .cardPrimaryOutline-29Ujqw{ +.theme-dark .cardPrimaryOutline-1ofwVz{ background-color: rgba(0, 0, 0, 0.5); } @@ -3840,39 +3910,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; } @@ -3886,7 +3956,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; @@ -3908,9 +3978,13 @@ input{ background-color: rgba(255, 255, 255, 0.2); } -.userPopout-3XzG_A{ +.userPopout-2j1gM4{ border-radius: 0; box-shadow: none; + background-color: rgba(0, 0, 0, 0.7); +} +.footer-3naVBw{ + background: none; } .footer-1fjuF6{ @@ -3927,46 +4001,51 @@ input{ background-color: rgba(29, 185, 84, 0.8); } -.lookOutlined-3sRXeN.colorWhite-rEQuAQ{ +.lookOutlined-3RTC7c.colorPrimary-2-Lusz{ border: 0; background-color: rgba(255, 255, 255, 0.2); } -.lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover{ +.lookOutlined-3RTC7c.colorPrimary-2-Lusz:hover{ border: 0; background-color: rgba(255, 255, 255, 0.3); } -.theme-dark .elevationHigh-1PneE4{ +.lookOutlined-3RTC7c.colorRed-2VFhM4 { + border: 0; + background-color: rgba(237, 66, 69, 0.5); +} + +.theme-dark .elevationHigh-28Pty4{ border-radius: 0; box-shadow: none; } -.wrapper-129saQ{ +.wrapper-x4po40{ border-radius: 0; } -.theme-dark .userSettingsVoice-iwdUCU .previewOverlay-2O7_KC{ +.theme-dark .userSettingsVoice-1_dzjw .previewOverlay-2reuWf{ 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; } -.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; } -.theme-dark .members-1998pB{ +.theme-dark .members-3WRCEx{ background-color: rgba(0, 0, 0, 0); } @@ -4007,27 +4086,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; } @@ -4037,25 +4116,52 @@ input{ border: none; } -.theme-dark .messagesPopoutWrap-1MQ1bW{ +/* mentions */ +.theme-dark .messagesPopoutWrap-3zryHW, .theme-dark .container-2ebMPP, .container-_dQaft { background-color: rgba(22, 22, 22, 0.8); border-radius: 0; border: none; box-shadow: none; } - -.theme-dark .messagesPopoutWrap-1MQ1bW .header-ykumBX{ +.messageContainer-3VTXBC { + border-radius: 0; + background-color: rgba(0, 0, 0, 0.33); +} +.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-1MQ1bW .messagesPopout-24nkyi .message-group{ - background-color: rgba(0, 0, 0, 0.42); +.theme-dark .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI .channelHeader-DFRX8q, .theme-dark .container-2ebMPP .channelHeader-DFRX8q { + 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{ + 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); } + .theme-dark .message-group h2 .timestamp{ color: rgba(255, 255, 255, 0.42); } @@ -4065,17 +4171,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); } @@ -4088,16 +4194,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-eVzQcI .message-group:hover .actionButtons-2mNSAB{ 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-eVzQcI .message-group .actionButtons-2mNSAB .jumpButton-1ZwI_j{ background-color: rgba(255, 255, 255, 0.2); } -.actionButtons-1sUUug .jumpButton-3DTcS_{ +.actionButtons-2mNSAB .jumpButton-1ZwI_j{ border-radius: 0; box-shadow: none; @@ -4111,16 +4217,17 @@ input{ background: none; } -.container-2lgZY8{ +.container-1eFtFS { background: none; } -.theme-dark .layer-3QrUeG, -.theme-dark .layers-3iHuyZ{ +.theme-dark .layer-86YKbF, +.theme-dark .layers-OrUESM{ background: none; } -.typeWindows-1za-n7{ +/* there was two of them */ +.typeWindows-2-g3UY{ background: rgba(0, 0, 0, 0.9); margin-top: 0; padding-top: 4px; @@ -4128,14 +4235,14 @@ 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; } /* 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); } @@ -4160,7 +4267,7 @@ input{ /* I forgot beyond this */ -.container-PNkimc{ +.container-1NXEtd{ background: none; } @@ -4198,11 +4305,11 @@ input{ /* Bot Tag Thing */ -.botTag-2WPJ74{ +.px-MnE_OR.botTag-7aX5WZ{ border-radius: 0; } -.botTagRegular-2HEhHi { +.botTagRegular-kpctgU { background: none; background-color: rgba(114, 137, 218, 0.7); } @@ -4219,13 +4326,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); } @@ -4262,20 +4369,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; } @@ -4288,64 +4395,64 @@ 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-radius: 0; border: none; } /* 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-1bZsRQ{ background-color: rgba(0, 255, 133, 0.7) !important; border-radius: 0 !important; } -.small-1CUeBa{ +.small-1bZsRQ{ border-radius: 0; } /*Game invite gradient fix*/ -.coverImageWrapper-22d5LB{ +.coverImageWrapper-2wx5q1{ border-radius: 0; } @@ -4365,17 +4472,18 @@ 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; } -.theme-dark .jumpButton-3DTcS_{ - background-color: rgba(255, 255, 255, 0); +.theme-dark .jumpButton-1ZwI_j, .jumpButton-1V_1FA{ + background-color: rgba(255, 255, 255, 0.1); + border-radius: 0; } -.theme-dark .messageGroupWrapper-o-Zw7G:hover .actionButtons-1sUUug{ +.theme-dark .messageGroupWrapper-1jf_7C:hover .actionButtons-2mNSAB{ -webkit-box-shadow: none; } @@ -4395,41 +4503,30 @@ 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); } -.theme-dark .messagesWrapper-3lZDfY{ - background-color: rgba(0, 0, 0, 0); +.content-1jQy2l .members-3WRCEx { + background-color: rgba(0, 0, 0, 0.22); } -.newMessagesBar-mujexs{ - background-color: rgba(114,137,218, 0.6); - border-radius: 0; +.theme-dark .messagesWrapper-3lZDfY{ + background-color: rgba(0, 0, 0, 0); } -/*TODO: Delete below if stuff gets messed up again for this part*/ - -.theme-dark .divider-3gKybi.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; +.newMessagesBar-1hF-9G { + background-color: rgba(114, 137, 218, 0.6); border-radius: 0; } -.theme-dark .divider-3gKybi.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); } @@ -4458,27 +4555,15 @@ input{ padding-top: 20px; } -.theme-dark .divider-3gKybi span{ - background-color: rgba(0, 0, 0, 0); -} - -.theme-dark .divider-3gKybi:not(.red-1YQ4s7) span{ - - /* TODO: Fix text on this */ -} - -.theme-dark .divider-3gKybi:not(.red-1YQ4s7) div{ - /*margin-top: -40px !important;*/ - background-color: rgba(0, 0, 0, 0); +.theme-dark .divider-2rZFJK span{ + border-radius: 0; } - .messageGroupBlocked-3wrQQX{ border-bottom: 0px; } .theme-dark .messageGroupBlocked-3wrQQX .messageGroupBlockedBtn-1PBBh-{ - display: none; } @@ -4489,16 +4574,15 @@ input{ } */ -/* End of TODO 4398,3 */ -.theme-dark .jumpToPresentBar-9P20AM, -.theme-dark .jumpToPresentBar-9P20AM:hover{ +.theme-dark .jumpToPresentBar-1cEnH0, +.theme-dark .jumpToPresentBar-1cEnH0:hover{ background-color: rgba(22, 22, 22, 0.8); border-radius: 0; } /* Discord login screen */ -.authBox-hW6HRx{ +.authBox-1HR6Ha{ border-radius: 0; box-shadow: none; background-color: rgba(22, 22, 22, 0.8); @@ -4506,7 +4590,7 @@ input{ } .subTitle-3TUjmF, -.theme-dark .input-cIJ7To{ +.theme-dark .input-2g-os5{ color: rgba(255, 255, 255, 0.7); } @@ -4534,19 +4618,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); @@ -4569,16 +4653,16 @@ input{ /* Friend List background Selected + Hover */ -.channel-2QD9_O a{ +.interactive-iyXY_x{ border-radius: 0; } -.channel-2QD9_O:hover a{ - 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); } -.channel-2QD9_O.selected-1HYmZZ a{ - 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 */ @@ -4624,7 +4708,7 @@ input{ /* Voice video chat background fix */ -.video-1kutKI{ +.video-35SHWt{ background-color: rgba(22, 22, 22, 0.8); } @@ -4640,8 +4724,10 @@ input{ /* Fix for that random shadow below search bar */ -.searchBar-6Kv8R2{ +.searchBar-jGtisZ { box-shadow: none; + background-color: rgba(0, 0, 0, 0.42); + border-radius: 0; } /* Local Bot background fix */ @@ -4656,19 +4742,16 @@ input{ /* Version 1.18.0 > 1.18.1 */ /* ｓｌｏｗ　ｍｏｄｅ text color */ -.cooldownWrapper-3joyFc{ +.cooldownWrapper-2k1jHK{ color: rgb(255, 190, 120) !important; } -/* Fix 'New Messages' margin and width */ -.theme-dark .divider-3gKybi.dividerRed-MKoLlr>span{ +/* date under unread fix */ +.theme-dark .divider-2rZFJK .content-3spvdd { margin-top: 1px; margin-bottom: -20px; } -.theme-dark .divider-3gKybi.dividerRed-MKoLlr{ - width: 180px; -} /* Fix border colors for 'hidden' dividers */ @@ -4676,19 +4759,6 @@ input{ border-color: hsla(0,0%,100%,.04); } -/* Fix margins for date dividers */ - -.theme-dark .divider-3gKybi: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{ - border-color: rgba(255, 255, 255, 0.1); -} - /* Make blocked messages divider hidden */ .divider-3zi9LO+.messageGroupBlocked-JqfeE2, @@ -4700,39 +4770,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-1Gx00P.colorPrimary-3b3xI6{ +.theme-dark .lookFilled-1H2Jvj.colorPrimary-2-Lusz{ 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-1H2Jvj.colorPrimary-2-Lusz:active, +.theme-dark .lookFilled-1H2Jvj.colorPrimary-2-Lusz:hover{ background-color: rgba(255, 255, 255, 0.3); } @@ -4740,7 +4810,7 @@ input{ /* TODO: Youtube preview border radius to 0 */ -.membershipDialog-rVL-t_, +.membershipDialog-2wAdpQ, .ytp-cued-thumbnail-overlay-duration{ border-radius: 0; } @@ -4764,13 +4834,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; } @@ -4778,18 +4848,27 @@ input{ /* Fix reaction border radius */ /* Adjusted reaction text color and background color */ -.theme-dark .reaction-1ELvT8{ +.theme-dark .reaction-3vwAF2, .reactionInner-1po5__{ border-radius: 0; background-color: rgba(255, 255, 255, 0.1); } +.reaction-3vwAF2:hover { + background-color: rgba(255, 255, 255, 0.2); +} -.theme-dark .reactionCount-2ddRoS{ - color: rgba(255, 255, 255, 0.42); +.reaction-3vwAF2.reactionMe-1PwQAc { + background-color: hsla(235,85.6%, 64.7%, 0.15); } +.theme-dark .reactionCount-26U4As{ + color: rgba(255, 255, 255, 0.42); +} +.reaction-102jx9 { + border-radius: 0; +} /* Video preview border radius fix */ -.videoWrapper-3YdgHH{ +.videoWrapper-1_H3B3{ border-radius: 0; } @@ -4797,57 +4876,54 @@ 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; } /* Fix the background for search pop-up window */ -.theme-dark .container-3ayLPN{ +.theme-dark .container-2McqkF{ 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; } /* Delet the random box shadow for search pop-up window */ -.theme-dark .elevationBorderHigh-2WYJ09{ +.theme-dark .elevationBorderHigh-3drnJX{ box-shadow: none; } /* Fix the close button for settings menu */ -.closeButton-1tv5uR{ +.closeButton-PCZcma { border-radius: 0; border: none; background-color: rgba(255, 255, 255, 0.1); } - -/* Fix guild wrapper border radius */ - -.guildsWrapper-5TJh6A{ - border-radius: 0; +.closeButton-PCZcma:hover { + background-color: rgba(255, 255, 255, 0.2); } -/* Fix gif embed border radius */ - -.video-8eMOth{ - border-radius: 0; -} +/* Fix guild wrapper border radius */ -.embedImage-2W1cML, -.embedThumbnail-2Y84-K, .embedVideo-3nf0O9{ +.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 the background for server add button */ .theme-dark .guildsAdd-21_IdK{ @@ -4856,7 +4932,7 @@ input{ /* Fix color picker border radius */ -.colorPickerSwatch-5GX3Ve{ +.colorPickerSwatch-RTUGRR{ border-radius: 0; } @@ -4873,26 +4949,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, @@ -4915,7 +4991,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 */ @@ -4924,17 +5000,17 @@ 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 */ -.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 */ @@ -4942,10 +5018,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{ @@ -4961,19 +5033,15 @@ 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{ - background-color: rgba(0, 0, 0, 0.42); -} - -.theme-dark .searchBox-3Y2Vi7{ - background-color: rgba(0, 0, 0, 0.42); +.theme-dark .searchBox-pyIJJj{ + background-color: rgba(0, 0, 0, 0.42) !important; border-radius: 0; } @@ -5002,55 +5070,55 @@ input{ /* Discord Library header background color fix */ -.theme-dark .gameUpdates-2GPqBU{ +.theme-dark .gameUpdates-3Ts_5W{ 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-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); } /* 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{ - background-color: rgba(0, 0, 0, 0); +.theme-dark .sidebarRegion-1VBisG { + background-color: rgba(0, 0, 0, 0.1); } -.theme-dark .contentRegion-3nDuYy{ - background-color: rgba(0, 0, 0, 0.2); +.theme-dark .contentRegion-3HkfJJ{ + background-color: rgba(0, 0, 0, 0); } /* Fix emoji margins */ @@ -5110,16 +5178,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; } @@ -5127,7 +5195,7 @@ input{ /* Fix Friends list background color */ -.theme-dark .container-3gCOGc{ +.theme-dark .container-2cd8Mz{ background-color: rgba(0, 0, 0, 0); } @@ -5140,20 +5208,12 @@ input{ /* Fix Search bar border radius and background color */ -.theme-dark .search-2oPWTC .searchBar-3dMhjb{ +.theme-dark .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); -} - -.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; @@ -5197,15 +5257,14 @@ 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-kQBbkU::-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{ - 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); } /* Tooltip background fix */ @@ -5242,7 +5301,7 @@ input{ /* Fix guilds sidebar background color */ -.theme-dark .wrapper-1Rf91z{ +.theme-dark .wrapper-1_HaEi { background-color: rgba(0, 0, 0, 0.5); } @@ -5260,58 +5319,64 @@ 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; +} +.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 */ -.lookOutlined-3sRXeN.colorWhite-rEQuAQ:disabled{ +.lookOutlined-3RTC7c.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); } @@ -5325,7 +5390,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); } @@ -5338,17 +5403,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); } @@ -5389,57 +5454,60 @@ input{ /* Fix discord notice bar border radius */ -.platform-win .base-3dtUhz{ +.notice-2HEN-u{ 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-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-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-1ucjTd:hover .content-3at_AU, -.theme-light .wrapper-1ucjTd:hover .content-3at_AU{ +.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; } /* 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-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ, -.theme-dark .topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ: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-8zPYf6 .themed-OHr7kt.item-PXvHYJ:hover, -.theme-dark .topPill-30KHOu .themed-OHr7kt.item-PXvHYJ: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); } -.tooltip-2QfLtc{ +.tooltip-14MtrL { border-radius: 0; } /* 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-3ZfirK, -.theme-light .tooltipBlack-PPG47z .tooltipPointer-3ZfirK{ +.theme-dark .tooltipBlack-vMYxvw .tooltipPointer-3L49xb, +.theme-light .tooltipBlack-vMYxvw .tooltipPointer-3L49xb{ border-top-color: rgba(197, 207, 237, 1) } -.wrapper-pZmgj4{ +.wrapper-2fEmwW{ color: rgba(255, 255, 255, 0.5); background-color: rgba(0, 0, 0, 0.33); border-radius: 0; @@ -5447,104 +5515,112 @@ input{ /* Fixed border radius and background for current member count and member limit for voice channel */ -.users-i_3-kL{ +.users-2JoyGL{ background-color: rgba(0, 0, 0, 0.0); } -.total-3tKGEB{ +.total-1c5KCN{ background-color: rgba(0, 0, 0, 0.33); } -.total-3tKGEB: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; } +.addFriendInputWrapper-kkoSV9 { + border-radius: 0; + background-color: rgba(0, 0, 0, 0.5); +} + /* 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); } /* Fix text color for chat search bar */ -.theme-dark .searchBar-3dMhjb{ +.theme-dark .searchBar-zdmu7v{ color: rgba(255, 255, 255, 0.8); } /* Fix spoiler tag background color and border radius */ -.spoilerText-3p6IlD{ +.spoilerText-2G40u0, .spoilerWarning-1JN1Ot{ border-radius: 0; } -.theme-dark .spoilerText-3p6IlD{ +.theme-dark .spoilerText-2G40u0{ background-color: rgba(255, 255, 255, 0.1); } -.theme-dark .spoilerText-3p6IlD.hidden-HHr2R9{ +.theme-dark .spoilerText-2G40u0.hidden-2lQZ5q{ background-color: rgba(111, 111, 111, 0.42); } -.theme-dark .spoilerText-3p6IlD.hidden-HHr2R9:hover{ +.theme-dark .spoilerText-2G40u0.hidden-2lQZ5q:hover{ background-color: rgba(111, 111, 111, 0.6); } + + /* 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-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; } -.theme-dark .container-cMG81i{ +.theme-dark .selected-1oxcpH{ background-color: rgba(0, 0, 0, 0.42); border-radius: 0; } -.categoryFade-2ybR1J, -.categoryFadeBlurple-1j72_A{ +.categoryFade-2EGqIh, +.categoryFadeBlurple-1HuV1x{ border-radius: 0; } -.result-3w1ZcL::after{ +.result-3OpoO7::after{ border-radius: 0; } -.gif-1TcNIB{ +.gif-1EWTs-{ border: none; border-radius: 0; } /* Fix the odd gradient before the chat search bar */ -.theme-dark .children-19S4PO:after{ +.theme-dark .children-3xh0VB:after{ background: none; } /* 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); } /* 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); @@ -5599,35 +5675,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, -.section-foaVwT:last-child{ +.section-18Kw3M:first-child, +.premiumHeaderPrice-_S6RyD, +.section-18Kw3M: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); } @@ -5646,6 +5722,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 */ @@ -5704,7 +5783,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; } @@ -5766,11 +5845,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; } @@ -5783,19 +5862,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-1Gx00P.colorPrimary-3b3xI6:disabled{ +.theme-dark .lookFilled-1H2Jvj.colorPrimary-2-Lusz:disabled{ background-color: rgba(255, 255, 255, 0.1); } @@ -5832,49 +5911,1446 @@ 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); } /* private channel list fix (written by Jisagi) */ -.privateChannels-1nO12o{ - background-color: rgba(0, 0, 0, 0); +.privateChannels-oVe7HL { + background-color: rgba(0, 0, 0, 0); } /* Another background fix */ -.theme-dark { +.theme-dark, .theme-light { --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(11, 11, 11, 0.8); /*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.42); + --scrollbar-auto-track: rgba(0, 0, 0, 0); + --scrollbar-thin-thumb: rgba(255, 255, 255, 0.3); + --channeltextarea-background: none; + + --background-modifier-accent: rgba(255, 255, 255, 0.15); + + --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.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); +} + + +.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-33RRJU { + -webkit-box-shadow: inset 0 0 0 2px #43b581,inset 0 0 0 3px !important; +} -.scroller-2FKFPG { +.container-1zzFcN { + background-color: rgba(0, 0, 0, 0.5); + background-color: rgba() +} + +.panels-3wFtMD { + background-color: transparent; +} +.activityPanel-9icbyU { + background: rgba(0, 0, 0, 0.5) !important; +} +.theme-dark .bodyInner-245q0L { + background-color: transparent; +} +.container-2cd8Mz { 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); } -/* Text input background fixed */ -.scrollableContainer-2NUZem.webkit-HjD9Er { - background-color: rgba(0, 0, 0, 0.5); +/* click-on-emoji-in-message fix */ +.popoutContainer-2wbmiM { + background-color: rgba(0, 0, 0, 0.6); + border-radius: 0 !important; +} +.guildSection-2Zyzy8 { + background-color: rgba(0, 0, 0, 0.3); +} +/* emoji picker fix */ +.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; +} +.navButtonActive-1EqC5l { + background-color: rgba(255, 255, 255, 0.1); +} +.wrapper-1NNaWG { + background-color: rgba(0, 0, 0, 0) !important; +} + +.unicodeShortcut-3N8oDe { + background-color: rgba(0, 0, 0, 0.6) !important; +} + +.unicodeShortcut-3N8oDe:hover { + color: #f2f2f2; +} + +.inspector-DFKXwB { + background-color: rgba(0, 0, 0, 0.6) !important; +} + +.emojiItem-277VFM.emojiItemSelected-2Lg50V { + 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 */ + +.nowPlayingColumn-1eCBCN { + background-color: rgba(0, 0, 0, 0.22); +} + +.itemCard-3Etziu { + background-color: rgba(0, 0, 0, 0.3); + border-radius: 0; +} +.theme-dark .inset-SbsSFp { + background-color: rgba(0, 0, 0, 0.4); + border-radius: 0; +} +.theme-dark .separator-2OaeRP { + background-color: #fff2; +} + +.wrapper-2vIMkT { + background-color: rgba(0, 0, 0, 0.5); + border-radius: 0; +} +.button-3bklZh:hover { + background-color: rgba(0, 0, 0, 0.22); +} +.button-3bklZh.selected-69H4ua { + background-color: rgba(0, 0, 0, 0.4); +} +.clickable-28SzVr.container-1oeRFJ:hover, .clickable-28SzVr.container-1oeRFJ:hover .muted-14PyqW { + background-color: rgba(0, 0, 0, 0.22); + border-radius: 0; +} +.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-28SzVr:active .layout-1qmrhw { + background-color: rgba(0, 0, 0, 0.7); + border-radius: 0; +} + +.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-I7itZ6 { + background-color: rgba(11, 11, 11, 0.8); +} +.streamPreview-I7itZ6 { + border-radius: 0; +} +.theme-dark .watchButton-2YRKxv { + border-radius: 0; + background-color: rgba(255, 255, 255, 0.2); + border: none; +} +.theme-dark .watchButton-2YRKxv:hover { + background-color: rgba(255, 255, 255, 0.3); +} +.liveShapeRound-2Tgi2d { + /*border-radius: 0;*/ + font-size: 0; + background-color: rgba(237, 66, 69, 0.85) !important; +} +/* fix guild button */ +.container-1-ERn5 { + background: rgba(0, 0, 0, 0.5); +} +.container-1-ERn5:hover { + background: rgba(0, 0, 0, 0.7); +} + +/* fix embed stuff */ +.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-1kSAf6 { + background: rgba(255, 255, 255, 0.1); +} + +/* a little gap between now playing section and role section on user card */ +.bodyInnerWrapper-2bQs1k { + margin-top: 8px; +} + +/* also background color on default icons */ +.circleIconButton-1VxDrg { + background: rgba(0, 0, 0, 0.42) +} + +/* friend list hover fix */ +.peopleListItem-u6dGxF.active-2UF8Zh, .peopleListItem-u6dGxF:hover { + background: rgba(255, 255, 255, 0.15); + border-radius: 0; +} + +.container-8Futzw { + border-radius: 0; +} + +/* untrusted link window fix */ +.backdrop-2ByYRN.withLayer-2VVmpp { + opacity: 0.5 !important; +} +.root-1CAIjD { + border-radius: 0 !important; +} +.theme-dark .root-1CAIjD { + background: rgba(11, 11, 11, 0.8) !important; + box-shadow: none; + -webkit-box-shadow: none; +} +.theme-dark .carouselModal-1eUFoq.root-1CAIjD { + 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); +} +.contentWrapper-3oy4Xo { + border-radius: 0; +} +.theme-dark .footer-IubaaS{ + background: rgba(0, 0, 0, 0.4); + border-radius: 0; +} +.theme-dark .footer-IubaaS .button-f2h6uQ { + color: white; +} +.card-m7VgZ8 { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 0; +} +.qualitySettingsContainer-2LjkfM { + border-color: rgba(0, 0, 0, 0.0); + border-radius: 0; + background-color: rgba(255, 255, 255, 0.1); +} + +.lookFilled-GPyucw.select-Zz0IcO { + background-color: rgba(0, 0, 0, 0.3); + border: none; +} +.background-3d_SjE { + background: rgba(0, 0, 0, 0.22); + border-radius: 0; +} +.fieldList-in8WkP { + border-radius: 0; +} +.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); + border-radius: 0; +} +.item-1TA5qI[aria-checked=true] { + background: rgba(0, 0, 0, 0.5); +} +.item-1TA5qI:hover { + background: rgba(0, 0, 0, 0.33); +} +.itemFilled-2Fo7lr:hover:not([aria-checked=true]):not(.disabled-WBmOu_){ + background: rgba(0, 0, 0, 0.33); +} +.item-1TA5qI:hover[aria-checked=true]{ + background: rgba(0, 0, 0, 0.6); +} +.radioBar-1XgZqD { + border-radius:0; +} + +.cardWrapper-CyvwQv { + background: rgba(0, 0, 0, 0.22); + border-radius: 0; +} +.theme-dark .gemIndicatorContainer-PqApbX { + 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-1FRZsK, .select-Zz0IcO { + border-radius: 0; +} +.popout-15UxD6 { + background: rgba(11, 11, 11, 0.8); + border-radius: 0; +} +/*.option-2eIyOn { + background: rgba(0, 0, 0, 0.4); + border-bottom: 1px solid rgba(255, 255, 255, 0.1); +}*/ +.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) { + 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); +} + +.deny-1GO6vI, .allow-1h61-Z { + border-radius: 0; +} +.deny-1GO6vI:hover, .allow-1h61-Z:hover, .passthrough--fbdFR:hover { + background-color: rgba(0, 0, 0, 0.1); +} +.deny-1GO6vI.selected-3jieYB { + background-color: #f04747c0; +} +.allow-1h61-Z.selected-3jieYB { + background-color: #43b581c0; +} +.passthrough--fbdFR.selected-3jieYB { + background-color: rgba(0, 0, 0, 0.6); +} +.container-2oNtJn { + background: rgba(0, 0, 0, 0.5); + border-radius: 0; +} +.container-2O1UgZ { + background: rgba(11, 11, 11, 0.8); + border: none; + border-radius: 0; +} +.item-1BCeuB { + border-radius: 0; +} +.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); +} +.container-rr3Ruk { + background-color: rgba(0, 0, 0, 0.22); +} +.backdrop-2ByYRN.withLayer-2VVmpp { + background-color: rgba(0, 0, 0, 0.7) !important; +} + +/* threads */ +.container-18GwIk{ + background-color: rgba(22, 22, 22, 0.8) !important; + border-radius: 0; +} +.header-3_zmOb{ + 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; +} +.popout-TdhJ6Z { + 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; +} +.membersListNotices-UstAx3 { + display: none; +} +.container-3i3IzO { + background-color: rgba(0, 0, 0, 0.33); + border-radius: 0; +} +.chatHeaderBar-2fUORh { + background-color: rgba(0, 0, 0, 0.5); +} +.chat-3JZdy8::before { + border-color: rgba(0, 0, 0, 0.5); +} +/* search fix 2021 Certified */ +.searchResultsWrap-5RVOkx { + background-color: rgba(0, 0, 0, 0.22); +} +.searchHeader-1r_ZSh { + background-color: rgba(0, 0, 0, 0.5); +} +.searchResult-O9NDji { + background-color: rgba(11, 11, 11, 0.42); + border-radius: 0; +} +.button-cfOvv- { + background-color: rgba(0, 0, 0, 0.22); +} + +.header-JUTO-g { + /*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); + 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); +} +.body-1Ukv50, .topSection-13QKHs { + background-color: rgba(0, 0, 0, 0); +} +.scrollableContainer-15eg7h { + background-color: rgba(0, 0, 0, 0.5) !important; + border-radius: 0; +} +.container-3XgAHv .scrollableContainer-15eg7h { + background-color: rgba(255, 255, 255, 0.07); +} +/* up-left search bar on friend list page */ +.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-ayUoaq:after { + background: none; +} +.theme-dark .option-ayUoaq: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; +} + +/* 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; +} +/* 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{ + background-color: rgba(22, 22, 22, 0.8); + border-radius: 0; +} +.subscribeTooltipWrapper-3ipXtC:after { + border-color: rgba(22, 22, 22, 0.8); +} + +.lookFilled-1H2Jvj.colorBrand-2M3O3N { + background-color: rgba(88, 101, 242, 0.3); +} +.lookFilled-1H2Jvj.colorBrand-2M3O3N:disabled { + background-color: rgba(0, 0, 0, 0.2); +} +.lookInverted-2GrLaB.colorBrand-2M3O3N { + background-color: rgba(255, 255, 255, 0.75); +} +.lookFilled-1H2Jvj.colorWhite-1H92hK { + background-color: rgba(255, 255, 255, 0.75); +} +.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 { + border-color: rgba(255, 255, 255, 0.1); + 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); +} +.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); + border-radius: 0; +} + +/* 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; + border: none; +} +.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, +.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); +} +.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: rgba(0, 0, 0, 0); + border-radius: 0; +} + +.headerImage-2D5D-v { + 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, .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 { + border-color: rgba(255, 255, 255, 0.1); +} +.isUnread-3Lojb- { + border-color: rgba(237, 66, 69, 0.8) !important; +} +.scroller-hE2gWq, .wrapper-2RrXDg { + border: none; +} +.theme-dark .game-2f2vPC { + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15); +} +.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 */ +.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 { + border: none; +} + +/* 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); +} +.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 { + 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); + border: none; + border-radius: 0; +} +.noItemsCard-5EOcCl, .noItemsCard-2V85P5 { + background-color: rgba(0, 0, 0, 0.33); +} + +/* bit of server settings */ +.roleRow-230vCm:hover:not(.roleRowDisableHover-3En0vy) { + background-color: rgba(255, 255, 255, 0.15); + 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-2GWPIy, .disabled-1nofHP.item-2GWPIy: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;; +} + +/* text chat on voice channel */ +.container-3XgAHv { + background: rgba(0, 0, 0, 0.5); + +} +.container-3XgAHv .channelTextArea-1FufC0 { + 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 { + 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); +} +.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); +} +.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; +} +.sidebarCard-1Gn1ch, .container-2IhveL { + background-color: rgba(0, 0, 0, 0.22); + border-radius: 0; +} +.pill-3pRQlO, .sortButton-n-cIAH, .tagsButton-4pwOKH .tagsButtonInner-2pvSm1 { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 0; + padding: 2px; + margin-right: 2px; +} +.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-3RTC7c.colorBrand-I6CyqQ:hover { + background-color: rgba(255, 255, 255, 0.2)!important; +} +.newBadge-1RUEYb { + border-radius: 0; + height: 16px; +} +.increasedActivityMainCard-2ry6hI, .container-3arpDl { + border: none; + border-radius: 0; + background-color: rgba(0, 0, 0, 0.22); +} +.increasedActivityMainCard-2ry6hI:hover { + background-color: rgba(0, 0, 0, 0.4); + box-shadow: none; + transform: none; +} +.descriptionContainer-2ylKGk, .descriptionBox-SKGNgB { + background-color: rgba(0, 0, 0, 0.4); + border-radius: 0; +} +.container-3wvkMY { + transition: none; +} +.theme-dark .container-3wvkMY.isOpen-2ldXbM { + background-color: rgba(0, 0, 0, 0.5); +} + +.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, .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; +} +.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, .editCard-K9Q9mb.active-Xi2rnV { + background-color: rgba(0, 0, 0, 0.4); + 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); +} +/* temporal fix for that funny size-changing videos haha im tired of it */ +.video-2HW4jD { + min-width: 50px; + min-height: 50px; +} + +/* 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); +} +.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); +} +.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.33); +} +.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; +} +.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); +} + +.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(0, 0, 0, 0.5); +} +.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, 242, 0.8); +} + +/* app directory */ +.theme-dark .directoryModal-YJsOMv { + 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); +} +.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-uNt2w-, .userPopoutInner-nv9Y92:before, .userProfileOuter-2tQwNf, .userProfileModalInner-3dx9L9:before, +.userProfileOuter-1K_BYU, .profileBadges-2pItdR, .badgeList-2aoHPw, .overlayBackground-2aa7wt { + border-radius: 0 !important; +} +.userProfileInner-1ngKnf { + background-color: rgba(11, 11, 11, 0.8); + border-radius: 0 !important; +} +.overlayBackground-2aa7wt, .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; +} +.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 */ +.banner-3Uu4yV { + border-radius: 0; +} +.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; +} +.emojiRow-1aPaM- .emojiRemove-D9w3jo, .revokeInvite-1VNYBG { + top: 0; + right: -19px; +} +.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, .backgroundAccent-1MMH1o { + 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), +.backgroundModifierContainer-WjXgb2:hover: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); +} + +.collapseable-DdnHFl:active { + background-color: rgba(0, 0, 0, 0.4); +} +.groupCollapsedContainer-2z4Vrr { + 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); +} +.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; +} +.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); +} + +/* 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); +} + +/* yet another tooltip fix */ +.tooltip-33Jwqe { + border-radius: 0; +} +.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