diff --git a/Themes/Material-Discord/css/source.css b/Themes/Material-Discord/css/source.css index 10f98067..6b63e567 100644 --- a/Themes/Material-Discord/css/source.css +++ b/Themes/Material-Discord/css/source.css @@ -883,13 +883,13 @@ html:not(.app-focused) .typeWindows-2-g3UY .winButton-3UMjdg.winButtonMinMax-3Rs border-radius: var(--popout-radius-big); overflow: hidden; } -.panels-3wFtMD .button-12Fmur { - position: relative; -} .panels-3wFtMD .button-12Fmur:hover { - background-color: transparent; + background-color: transparent !important; } -.panels-3wFtMD .button-12Fmur:after { +.panels-3wFtMD .button-12Fmur.enabled-9OeuTA { + position: relative; +} +.panels-3wFtMD .button-12Fmur.enabled-9OeuTA:after { content: " "; position: absolute; width: 100%; @@ -904,12 +904,12 @@ html:not(.app-focused) .typeWindows-2-g3UY .winButton-3UMjdg.winButtonMinMax-3Rs transition: 300ms ease; z-index: 4; } -.panels-3wFtMD .button-12Fmur:hover:after { +.panels-3wFtMD .button-12Fmur.enabled-9OeuTA:hover:after { opacity: 1; transform: scale(1); animation: scale 150ms var(--default-animation), opacity 150ms ease; } -.panels-3wFtMD .button-12Fmur:active:after { +.panels-3wFtMD .button-12Fmur.enabled-9OeuTA:active:after { background-color: hsla(var(--md-ripple-color), 0.2); } @@ -1129,6 +1129,28 @@ html:not(.app-focused) .typeWindows-2-g3UY .winButton-3UMjdg.winButtonMinMax-3Rs border-radius: 12px; } +/* CHAT AREA -> WELCOME SERVER OPTIONS */ +.inner--CkhGx { + gap: 2px; +} + +.cardWrapper-2fBdfM:nth-of-type(2) .card-PQEqCK { + border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px; +} +.cardWrapper-2fBdfM:last-of-type .card-PQEqCK { + border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big); +} + +.card-PQEqCK { + margin-top: 0; + background-color: var(--card-color-filled); + border-radius: 4px; + transition: var(--default-time) var(--default-animation) background-color; +} +.card-PQEqCK:hover { + background-color: var(--card-color-hover); +} + /* CHAT AREA -> PLACEHOLDER */ .wrapper-3HVHpV, .wrapper-15CKyy { background-color: var(--chat-color); @@ -2741,7 +2763,7 @@ html:not(.app-focused) .typeWindows-2-g3UY .winButton-3UMjdg.winButtonMinMax-3Rs #permissions-modal-wrapper .perm-item:after { position: absolute; content: " "; - width: calc(100% - (0px * 2)); + width: calc(100% - 0px * 2); height: 1px; right: 0; bottom: 0; @@ -3155,77 +3177,35 @@ html:not(.app-focused) .typeWindows-2-g3UY .winButton-3UMjdg.winButtonMinMax-3Rs --input-color: var(--profile-body-background-color) !important; } -.lastSection-q3HCfo + .vc-rdb-view { - margin-top: 0 !important; -} - -.vc-rdb-view { - --review-radius: calc(var(--popout-radius-big) - 6px); -} -.vc-rdb-view .eyebrow-1Shfyi { - margin-bottom: 6px; -} .vc-rdb-view .wrapper-30-Nkg { --message-color: var(--popout-color); --message-color-hover: var(--popout-color); - --message-radius: 4px; - margin-bottom: 2px !important; -} -.vc-rdb-view .wrapper-30-Nkg:first-of-type { - --message-radius: var(--review-radius); - margin-bottom: 8px !important; + margin-left: 52px !important; } -.vc-rdb-view .wrapper-30-Nkg:nth-of-type(2) { - --message-radius: var(--review-radius) var(--review-radius) 4px 4px; -} -.vc-rdb-view .wrapper-30-Nkg:nth-of-type(2):nth-last-of-type(1) { - --message-radius: var(--review-radius); -} -.vc-rdb-view .wrapper-30-Nkg:nth-last-of-type(1) { - --message-radius: 4px 4px var(--review-radius) var(--review-radius); -} -.vc-rdb-view .wrapper-30-Nkg .username-h_Y3Us { - padding-left: 48px; -} -.vc-rdb-view .wrapper-30-Nkg .messageContent-2t3eCI { - margin-left: 0; - margin-bottom: 0; - padding-left: 48px !important; -} -.vc-rdb-view .wrapper-30-Nkg .avatar-2e8lTP { - top: 10px !important; - left: 10px !important; - margin-top: 0; -} -.vc-rdb-view .formText-2UzJT0 { - padding: 8px !important; - background-color: var(--popout-color); - border-radius: var(--review-radius); +.vc-rdb-view .avatar-2e8lTP { + left: -52px !important; } -.userProfileOuterThemed-2BgJCM { - --message-color: var(--profile-body-background-color); - --message-color-hover: var(--profile-body-background-color); -} -.userProfileOuterThemed-2BgJCM .vc-rdb-view .wrapper-30-Nkg { - --message-color: var(--profile-body-background-hover); - --message-color-hover: var(--profile-body-background-hover); -} -.userProfileOuterThemed-2BgJCM .vc-rdb-view .formText-2UzJT0 { - --popout-color: var(--profile-body-background-hover); -} -.userProfileOuterThemed-2BgJCM .vc-rdb-input { - --input-color: var(--profile-body-background-color) !important; +.vc-rdb-review-comment { + margin-bottom: 0; } .vc-rdb-input { margin-top: 12px !important; - padding: 9px 12px !important; background-color: var(--input-color) !important; - border-radius: 18px !important; + border-radius: 22px !important; border: none !important; box-shadow: none !important; } +.vc-rdb-input .placeholder-1rCBhr { + color: var(--input-placeholder-color); +} +.vc-rdb-input .editor-H2NA06 { + color: var(--input-text-color); +} +.vc-rdb-input .buttons-uaqb-5 { + margin-right: 0 !important; +} /* * @@ -3344,7 +3324,7 @@ html:not(.app-focused) .typeWindows-2-g3UY .winButton-3UMjdg.winButtonMinMax-3Rs .container-2_J666 .checklist-3XWUt6 .stepContainer-SaPPyG:after { position: absolute; content: " "; - width: calc(100% - (16px * 2)); + width: calc(100% - 16px * 2); height: 1px; right: 0; bottom: 0; @@ -4799,7 +4779,7 @@ div[role=radiogroup] { .tooltipWrapper-ua6KJc:after { position: absolute; content: " "; - width: calc(100% - (16px * 2)); + width: calc(100% - 16px * 2); height: 1px; right: 0; bottom: 0; @@ -4818,8 +4798,16 @@ div[role=radiogroup] { } /* RADIO BUTTONS -> PILL */ +div[role=radiogroup].group-LWHoGI { + height: 30px; + background-color: var(--card-color-outlined); + border: 1px solid var(--card-border-color); + padding: 0; + border-radius: var(--card-radius-big); +} + .item-4m-12I { - height: 26px; + height: 28px; background-color: transparent; cursor: pointer; transition: var(--default-time) var(--default-animation) background-color; @@ -5239,10 +5227,10 @@ div[role=radiogroup] { * TAB BAR * */ -.tabBar-ra-EuL, .tabBar-11FwuO, .tabBar-3DfKkN, .topPill-2vcLsa, .top-Ktfr_T { +.tabBar-ra-EuL, .tabBar-11FwuO, .tabBar-3DfKkN, .topPill-2vcLsa { height: 48px; } -.tabBar-ra-EuL .item-2GWPIy, .tabBar-11FwuO .item-2GWPIy, .tabBar-3DfKkN .item-2GWPIy, .topPill-2vcLsa .item-2GWPIy, .top-Ktfr_T .item-2GWPIy { +.tabBar-ra-EuL .item-2GWPIy, .tabBar-11FwuO .item-2GWPIy, .tabBar-3DfKkN .item-2GWPIy, .topPill-2vcLsa .item-2GWPIy { height: inherit; line-height: 48px; margin: 0 24px 0 0; @@ -5251,21 +5239,21 @@ div[role=radiogroup] { border: none !important; color: var(--interactive-normal) !important; } -.tabBar-ra-EuL .item-2GWPIy, .tabBar-11FwuO .item-2GWPIy, .tabBar-3DfKkN .item-2GWPIy, .topPill-2vcLsa .item-2GWPIy, .top-Ktfr_T .item-2GWPIy { +.tabBar-ra-EuL .item-2GWPIy, .tabBar-11FwuO .item-2GWPIy, .tabBar-3DfKkN .item-2GWPIy, .topPill-2vcLsa .item-2GWPIy { background-color: transparent !important; } -.tabBar-ra-EuL .item-2GWPIy:not(.disabled-1nofHP):hover, .tabBar-11FwuO .item-2GWPIy:not(.disabled-1nofHP):hover, .tabBar-3DfKkN .item-2GWPIy:not(.disabled-1nofHP):hover, .topPill-2vcLsa .item-2GWPIy:not(.disabled-1nofHP):hover, .top-Ktfr_T .item-2GWPIy:not(.disabled-1nofHP):hover { +.tabBar-ra-EuL .item-2GWPIy:not(.disabled-1nofHP):hover, .tabBar-11FwuO .item-2GWPIy:not(.disabled-1nofHP):hover, .tabBar-3DfKkN .item-2GWPIy:not(.disabled-1nofHP):hover, .topPill-2vcLsa .item-2GWPIy:not(.disabled-1nofHP):hover { color: var(--interactive-hover) !important; } -.tabBar-ra-EuL .item-2GWPIy.selected-1sf9UK, .tabBar-11FwuO .item-2GWPIy.selected-1sf9UK, .tabBar-3DfKkN .item-2GWPIy.selected-1sf9UK, .topPill-2vcLsa .item-2GWPIy.selected-1sf9UK, .top-Ktfr_T .item-2GWPIy.selected-1sf9UK { +.tabBar-ra-EuL .item-2GWPIy.selected-1sf9UK, .tabBar-11FwuO .item-2GWPIy.selected-1sf9UK, .tabBar-3DfKkN .item-2GWPIy.selected-1sf9UK, .topPill-2vcLsa .item-2GWPIy.selected-1sf9UK { color: var(--interactive-normal) !important; } -.tabBar-ra-EuL .item-2GWPIy.selected-1sf9UK, .tabBar-11FwuO .item-2GWPIy.selected-1sf9UK, .tabBar-3DfKkN .item-2GWPIy.selected-1sf9UK, .topPill-2vcLsa .item-2GWPIy.selected-1sf9UK, .top-Ktfr_T .item-2GWPIy.selected-1sf9UK, .tabBar-ra-EuL [aria-selected=true].item-2GWPIy, .tabBar-11FwuO [aria-selected=true].item-2GWPIy, .tabBar-3DfKkN [aria-selected=true].item-2GWPIy, .topPill-2vcLsa [aria-selected=true].item-2GWPIy, .top-Ktfr_T [aria-selected=true].item-2GWPIy { +.tabBar-ra-EuL .item-2GWPIy.selected-1sf9UK, .tabBar-11FwuO .item-2GWPIy.selected-1sf9UK, .tabBar-3DfKkN .item-2GWPIy.selected-1sf9UK, .topPill-2vcLsa .item-2GWPIy.selected-1sf9UK, .tabBar-ra-EuL [aria-selected=true].item-2GWPIy, .tabBar-11FwuO [aria-selected=true].item-2GWPIy, .tabBar-3DfKkN [aria-selected=true].item-2GWPIy, .topPill-2vcLsa [aria-selected=true].item-2GWPIy { position: relative; background-color: transparent !important; border: none; } -.tabBar-ra-EuL .item-2GWPIy.selected-1sf9UK:after, .tabBar-11FwuO .item-2GWPIy.selected-1sf9UK:after, .tabBar-3DfKkN .item-2GWPIy.selected-1sf9UK:after, .topPill-2vcLsa .item-2GWPIy.selected-1sf9UK:after, .top-Ktfr_T .item-2GWPIy.selected-1sf9UK:after, .tabBar-ra-EuL [aria-selected=true].item-2GWPIy:after, .tabBar-11FwuO [aria-selected=true].item-2GWPIy:after, .tabBar-3DfKkN [aria-selected=true].item-2GWPIy:after, .topPill-2vcLsa [aria-selected=true].item-2GWPIy:after, .top-Ktfr_T [aria-selected=true].item-2GWPIy:after { +.tabBar-ra-EuL .item-2GWPIy.selected-1sf9UK:after, .tabBar-11FwuO .item-2GWPIy.selected-1sf9UK:after, .tabBar-3DfKkN .item-2GWPIy.selected-1sf9UK:after, .topPill-2vcLsa .item-2GWPIy.selected-1sf9UK:after, .tabBar-ra-EuL [aria-selected=true].item-2GWPIy:after, .tabBar-11FwuO [aria-selected=true].item-2GWPIy:after, .tabBar-3DfKkN [aria-selected=true].item-2GWPIy:after, .topPill-2vcLsa [aria-selected=true].item-2GWPIy:after { position: absolute; content: " "; width: 80%; @@ -5278,10 +5266,10 @@ div[role=radiogroup] { border-radius: 3px 3px 0 0; transition: var(--default-time) ease all; } -.tabBar-ra-EuL .item-2GWPIy:last-of-type, .tabBar-11FwuO .item-2GWPIy:last-of-type, .tabBar-3DfKkN .item-2GWPIy:last-of-type, .topPill-2vcLsa .item-2GWPIy:last-of-type, .top-Ktfr_T .item-2GWPIy:last-of-type { +.tabBar-ra-EuL .item-2GWPIy:last-of-type, .tabBar-11FwuO .item-2GWPIy:last-of-type, .tabBar-3DfKkN .item-2GWPIy:last-of-type, .topPill-2vcLsa .item-2GWPIy:last-of-type { margin-right: 0; } -.tabBar-ra-EuL .item-2GWPIy.disabled-1nofHP, .tabBar-11FwuO .item-2GWPIy.disabled-1nofHP, .tabBar-3DfKkN .item-2GWPIy.disabled-1nofHP, .topPill-2vcLsa .item-2GWPIy.disabled-1nofHP, .top-Ktfr_T .item-2GWPIy.disabled-1nofHP { +.tabBar-ra-EuL .item-2GWPIy.disabled-1nofHP, .tabBar-11FwuO .item-2GWPIy.disabled-1nofHP, .tabBar-3DfKkN .item-2GWPIy.disabled-1nofHP, .topPill-2vcLsa .item-2GWPIy.disabled-1nofHP { opacity: 0.5; } @@ -6145,7 +6133,7 @@ div[role=radiogroup] { .messageRequestItem-1_NNAR:after { position: absolute; content: " "; - width: calc(100% - (16px * 2)); + width: calc(100% - 16px * 2); height: 1px; right: 0; bottom: 0; @@ -7379,7 +7367,7 @@ div[role=radiogroup] { .modal-2TOYtq .termsRow-2I3Fqz:after { position: absolute; content: " "; - width: calc(100% - (16px * 2)); + width: calc(100% - 16px * 2); height: 1px; right: 0; bottom: 0; @@ -7414,7 +7402,7 @@ div[role=radiogroup] { .list-3-WAYB .accountCard-2lki2x:after { position: absolute; content: " "; - width: calc(100% - (16px * 2)); + width: calc(100% - 16px * 2); height: 1px; right: 0; bottom: 0; @@ -8480,7 +8468,7 @@ body:active .root-1CAIjD .container-18GwIk:not(:active) { .planOption-187LtR:after { position: absolute; content: " "; - width: calc(100% - (16px * 2)); + width: calc(100% - 16px * 2); height: 1px; right: 0; bottom: 0; @@ -8584,7 +8572,7 @@ body:active .root-1CAIjD .container-18GwIk:not(:active) { .option-1O-Hwt:after { position: absolute; content: " "; - width: calc(100% - (16px * 2)); + width: calc(100% - 16px * 2); height: 1px; right: 0; bottom: 0; @@ -8671,7 +8659,7 @@ body:active .root-1CAIjD .container-18GwIk:not(:active) { .reactors-1VXca7 .reactor-1J25Qp:after { position: absolute; content: " "; - width: calc(100% - (16px * 2)); + width: calc(100% - 16px * 2); height: 1px; right: 0; bottom: 0; @@ -12877,7 +12865,7 @@ body:active .menu-KSaHL1:not(:active) { .actionContainer-2krsiT:after { position: absolute; content: " "; - width: calc(100% - (16px * 2)); + width: calc(100% - 16px * 2); height: 1px; right: 0; bottom: 0; @@ -13037,7 +13025,7 @@ body:active .menu-KSaHL1:not(:active) { .checklist-Asy_56 .checklistItem-1gWPPD:after, .checklistContainer-12xGp5 .checklistItem-1gWPPD:after { position: absolute; content: " "; - width: calc(100% - (16px * 2)); + width: calc(100% - 16px * 2); height: 1px; right: 0; bottom: 0; @@ -14079,7 +14067,7 @@ body:active .menu-KSaHL1:not(:active) { .row-1lgfJq:after { position: absolute; content: " "; - width: calc(100% - (16px * 2)); + width: calc(100% - 16px * 2); height: 1px; right: 0; bottom: 0; @@ -14193,7 +14181,7 @@ body:active .menu-KSaHL1:not(:active) { .options-3Wncp7 .optionContainer-yOpaLq:after { position: absolute; content: " "; - width: calc(100% - (16px * 2)); + width: calc(100% - 16px * 2); height: 1px; right: 0; bottom: 0; @@ -15433,7 +15421,7 @@ body:active .menu-KSaHL1:not(:active) { .guildSubscriptionSlots-1i_C21 .guildSubscriptionSlot-1mef6n:after { position: absolute; content: " "; - width: calc(100% - (16px * 2)); + width: calc(100% - 16px * 2); height: 1px; right: 0; bottom: 0;