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 Nov 17, 2023
1 parent 74011c9 commit b873c26
Showing 1 changed file with 165 additions and 17 deletions.
182 changes: 165 additions & 17 deletions Themes/Material-Discord/css/source.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4183,22 +4183,22 @@ html:not(.app-focused) .typeWindows__5fa63 .winButton__88672.winButtonMinMax__72
}

/* BUTTONS -> SEGMENTED BUTTONS */
.selectorButton-3fWZ0_, .selectorButton-1EQtQx {
.selectorButton_c6ae93 {
padding: 11px 0;
background-color: transparent;
border-color: var(--separator-color) !important;
transition: var(--default-time) var(--default-animation) background-color;
}
.selectorButton-3fWZ0_:first-child, .selectorButton-1EQtQx:first-child {
.selectorButton_c6ae93:first-child {
border-radius: 20px 0 0 20px;
}
.selectorButton-3fWZ0_:last-child, .selectorButton-1EQtQx:last-child {
.selectorButton_c6ae93:last-child {
border-radius: 0 20px 20px 0;
}
.selectorButton-3fWZ0_:not(.selectorButtonPremiumRequired-IZXhgV):hover, .selectorButton-1EQtQx:not(.selectorButtonPremiumRequired-IZXhgV):hover {
.selectorButton_c6ae93:not(.selectorButtonPremiumRequired_ce72d6):hover {
background-color: var(--menu-item-hover) !important;
}
.selectorButton-3fWZ0_.selectorButtonSelected-3cQUnj:not(.selectorButtonPremiumRequired-IZXhgV), .selectorButton-1EQtQx.selectorButtonSelected-3cQUnj:not(.selectorButtonPremiumRequired-IZXhgV), .selectorButton-3fWZ0_.selectorButtonSelected-1VZ6hz:not(.selectorButtonPremiumRequired-IZXhgV), .selectorButton-1EQtQx.selectorButtonSelected-1VZ6hz:not(.selectorButtonPremiumRequired-IZXhgV) {
.selectorButton_c6ae93.selectorButtonSelected_fbe8fc:not(.selectorButtonPremiumRequired_ce72d6) {
background-color: var(--menu-item-select) !important;
}

Expand Down Expand Up @@ -7823,6 +7823,149 @@ body:active .root_a28985 .container__8261a:not(:active) {
padding: 0;
}

/*
*
* CLIPS MODALS
*
*/
.settingsButton_e6a055 {
width: var(--button-height);
height: var(--button-height);
margin-right: 32px;
}
.settingsButton_e6a055 + .close__1080c {
top: 28px !important;
}

.clipItem__03b69 {
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
filter: none;
transition: var(--default-time) var(--default-animation) background-color;
}
.clipItem__03b69:hover {
background-color: var(--card-color-active);
}
.clipItem__03b69:hover .buttonContainer__3f0c3 {
opacity: 1;
}

.clipThumb__90837 {
background-color: var(--card-color-alt);
border-radius: calc(var(--card-radius-big) / 1.8);
}

.clipBadge_fbf333 {
background-color: var(--card-button-color);
border-radius: calc(var(--card-radius-big) / 3);
}

.buttonContainer__3f0c3 {
display: flex;
opacity: 0;
transition: var(--default-time) var(--default-animation) opacity;
}
.buttonContainer__3f0c3 .button_afdfd9 {
width: var(--button-height);
height: var(--button-height);
padding: 0;
}
.buttonContainer__3f0c3 .button_afdfd9:first-child {
--button-background: hsl(var(--alert-hsl));
--button-text-color: var(--alert-text-color);
}

/* CLIPS MODALS -> EDIT CLIP */
.centeringWrapper__88cb0 {
transform: translateY(6px);
}

.timePillBackground__0044a {
background-color: hsl(var(--accent-hsl--material-you));
}
.timePillBackground__0044a .timePillText_e52388 {
font-weight: 500;
color: var(--accent-text-color--material-you) !important;
}

.playPauseButtonWrapper_b89e9a {
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big) 0 0 var(--card-radius-big);
}

.timelineBackground__39b81 {
border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0;
}

.dragBox__84aab {
border-color: hsl(var(--accent-hsl--material-you));
}

.dragHandle__24a7f {
background-color: hsl(var(--accent-hsl--material-you));
}
.dragHandle__24a7f.dragHandleLeft__2ec09 {
border-radius: var(--card-radius-big) 0 0 var(--card-radius-big);
}
.dragHandle__24a7f.dragHandleRight__34646 {
border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0;
}
.dragHandle__24a7f .cropLeftArrow__33b56,
.dragHandle__24a7f .cropRightArrow_cf55ed {
width: 20px;
height: 20px;
background-image: none;
background-color: var(--accent-text-color--material-you);
-webkit-mask-repeat: no-repeat;
}
.dragHandle__24a7f .cropLeftArrow__33b56 {
-webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chevron_left.svg);
}
.dragHandle__24a7f .cropRightArrow_cf55ed {
-webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chevron_right.svg);
}

.playhead_a3a207 {
background-color: hsl(var(--accent-hsl--material-you));
box-shadow: var(--shadow-2dp);
}

.clipForm_ada1a3 {
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
}
.clipForm_ada1a3 .container_c52416 {
margin-bottom: 16px !important;
}
.clipForm_ada1a3 .root__5ebb6,
.clipForm_ada1a3 .userList_a88cf0 {
background-color: var(--card-color-active);
border-radius: var(--card-radius-big);
}
.clipForm_ada1a3 .nameSection_f64107 {
border-bottom: none;
}
.clipForm_ada1a3 .timeContainer__1259e {
padding: 0 8px 8px;
gap: 8px;
}
.clipForm_ada1a3 .timeContainer__1259e > div {
position: relative;
height: auto;
padding: 12px;
background-color: var(--card-color-filled);
border-radius: calc(var(--card-radius-big) / 1.8);
text-align: center;
}
.clipForm_ada1a3 .timeContainer__1259e > div:first-child {
border-right: none;
}
.clipForm_ada1a3 .userCountPill__3715b {
background-color: var(--card-color-filled);
}

/*
*
* CREATE INVITE
Expand Down Expand Up @@ -8794,13 +8937,13 @@ body:active .root_a28985 .container__8261a:not(:active) {
margin-bottom: 0;
}

.divider-1hrwMv {
.divider__1464c {
background-color: var(--popout-header-border);
box-shadow: none !important;
opacity: 1;
}

.segmentControl-3edJKN {
.segmentControl_b89f83 {
height: 48px;
padding: 0 24px;
}
Expand Down Expand Up @@ -8838,51 +8981,51 @@ body:active .root_a28985 .container__8261a:not(:active) {
margin-right: 0;
}

.card-m7VgZ8 {
.card__7756d {
height: var(--input-height);
max-height: var(--input-height);
padding: var(--input-padding);
background-color: var(--input-color);
border-radius: calc(var(--input-height) / 2);
border: none;
}
.card-m7VgZ8 .sizeSmall__71a98 {
.card__7756d .sizeSmall__71a98 {
--button-height: 30px;
}

.qualitySettingsContainer-2LjkfM {
.qualitySettingsContainer__5cacd {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
.qualitySettingsContainer-2LjkfM .select__0eb48 {
.qualitySettingsContainer__5cacd .select__0eb48 {
margin-top: 0;
}
.qualitySettingsContainer-2LjkfM .select-1Ia3hD {
.qualitySettingsContainer__5cacd .select-1Ia3hD {
margin-top: 0;
}

.upsellBanner-1tVKtW {
.upsellBanner__4c9fb {
padding: 8px 12px;
border-radius: 20px;
}

.container-nB1UVn {
.container_d7174a {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}

.tile-3POX2m:hover .sourceThumbnail-ERDcZE {
.tile__46960:hover .sourceThumbnail__21c87 {
box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl--material-you));
}

.sourceThumbnail-ERDcZE {
.sourceThumbnail__21c87 {
border-radius: var(--card-radius-big);
}
.sourceThumbnail-ERDcZE.selected-1i-g6T {
.sourceThumbnail__21c87.selected__26467 {
box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl--material-you));
}

Expand Down Expand Up @@ -12714,6 +12857,11 @@ body:active .menu-KSaHL1:not(:active) {
background: rgba(114, 118, 125, 0.3);
}

[style="background-color: var(--brand-500);"].textBadge__45d79 {
background-color: hsl(var(--accent-hsl--material-you)) !important;
color: var(--accent-text-color--material-you);
}

.contentColumnDefault_c66386,
.contentColumnMinimal__03b19,
.contentColumnWide_f71d35,
Expand Down

0 comments on commit b873c26

Please sign in to comment.