From b873c265d327d8e496370020b51eee4bddbb5b60 Mon Sep 17 00:00:00 2001 From: CapnKitten <4013216+CapnKitten@users.noreply.github.com> Date: Fri, 17 Nov 2023 02:07:17 -0500 Subject: [PATCH] Update source.css --- Themes/Material-Discord/css/source.css | 182 ++++++++++++++++++++++--- 1 file changed, 165 insertions(+), 17 deletions(-) diff --git a/Themes/Material-Discord/css/source.css b/Themes/Material-Discord/css/source.css index c53a35eb..96374f80 100644 --- a/Themes/Material-Discord/css/source.css +++ b/Themes/Material-Discord/css/source.css @@ -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; } @@ -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 @@ -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; } @@ -8838,7 +8981,7 @@ 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); @@ -8846,43 +8989,43 @@ body:active .root_a28985 .container__8261a:not(:active) { 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)); } @@ -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,