Skip to content

Commit

Permalink
Update source.css
Browse files Browse the repository at this point in the history
  • Loading branch information
@CapnKitten
CapnKitten committed Sep 27, 2023
1 parent b99e7cc commit a84e155
Showing 1 changed file with 76 additions and 88 deletions.
164 changes: 76 additions & 88 deletions Themes/Material-Discord/css/source.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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%;
Expand All @@ -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);
}

Expand Down Expand Up @@ -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);
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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;
}

/*
*
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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;
Expand All @@ -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;
Expand Down Expand Up @@ -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;
Expand All @@ -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%;
Expand All @@ -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;
}

Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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;
Expand Down

0 comments on commit a84e155

Please sign in to comment.