Skip to content

Commit

Permalink
Fixes for Discord's changes
Browse files Browse the repository at this point in the history
  • Loading branch information
@MintLily
MintLily committed May 20, 2024
1 parent 1422b3e commit 4a49bc4
Showing 1 changed file with 149 additions and 16 deletions.
165 changes: 149 additions & 16 deletions Discord/DarkVanilla.source.css
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
:root {
--dv_theme-version: '4.2.2';
--dv_theme-version: '4.3.0';
/* RewriteNumber.Major/Feature.Minor/Bugfix.Hotfix */

/* Self defined Variables */
Expand All @@ -23,6 +23,7 @@
--font-primary: "Baloo 2", "Helvetica Neue", Helvetica, Arial, sans-serif;
--font-display: "Baloo 2", "Helvetica Neue", Helvetica, Arial, sans-serif;
--font-headline: "Baloo 2", "Helvetica Neue", Helvetica, Arial, sans-serif;
--font-monospace: "Monaspace Krypton", "Cascadia Mono", sans-serif;

/* Discord Variable Overrides */
--background-primary: var(--dv_dark_background_1) !important;
Expand Down Expand Up @@ -65,8 +66,9 @@
--brand-experiment-95a: hsla(var(--dv_hsl_theme-value) calc(var(--saturation-factor, 1) * 85.6%), 87%, 0.95) !important;
--brand-experiment-200: hsl(var(--dv_hsl_theme-value) calc(var(--saturation-factor, 1) * 85.6%), 97%) !important;
--brand-experiment-600: hsl(var(--dv_hsl_theme-muted-value) calc(var(--saturation-factor, 1) * 15%), 50%) !important;
--brand-experiment-560: hsl(var(--dv_hsl_theme-muted-value) calc(var(--saturation-factor, 1) * 15%), 50%) !important;
--brand-experiment-500: hsl(var(--dv_hsl_theme-muted-value) calc(var(--saturation-factor, 1) * 15%), 50%) !important;
/* --brand-experiment-530: hsl(var(--dv_hsl_theme-muted-value) calc(var(--saturation-factor, 1) * 15%), 50%) !important; */
--brand-experiment-560: hsl(var(--dv_hsl_theme-muted-value) calc(var(--saturation-factor, 1) * 15%), 50%) !important;
--brand-experiment-400: hsl(var(--dv_hsl_theme-muted-value) calc(var(--saturation-factor, 1) * 15%), 50%) !important;
--brand-experiment-430: hsl(var(--dv_hsl_theme-muted-value) calc(var(--saturation-factor, 1) * 15%), 50%) !important;
--brand-500: var(--dv_theme-text) !important;
Expand All @@ -85,6 +87,7 @@
--context-menu-radius: var(--dv_soft-corner);
--text-positive: var(--dv_theme-text);
--input-background: var(--dv_dark_background_3) !important;
--bg-surface-overlay: var(--dv_dark_background_2) !important;

/* nolongerPowercord - Replugged Variables */
--spotify-color: var(--dv_theme-text);
Expand Down Expand Up @@ -126,6 +129,21 @@
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Monaspace - https://github.com/githubnext/monaspace */
@font-face {
font-family: 'Monaspace Argon';
font-style: normal;
font-weight: 400;
src: url(https://mintylabs.dev/assets/extras/MonaspaceArgon-Regular.woff2) format('woff2');
}

@font-face {
font-family: 'Monaspace Krypton';
font-style: normal;
font-weight: 400;
src: url(https://mintylabs.dev/assets/extras/MonaspaceKrypton-Regular.woff2) format('woff2');
}

.info__755e1::before {
content: 'Dark Vanilla ' var(--dv_theme-version);
color: var(--dv_theme-text-muted);
Expand Down Expand Up @@ -220,6 +238,11 @@ div[class^="item__"] {
border-radius: calc(var(--dv_soft-corner) / 2);
}

div[class^="item__"][class*="focused_"] {
background-color: var(--dv_theme-text-muted) !important;
border-radius: var(--dv_soft-corner);
}

/* Hyperlink */
a[href]:not(a[aria-label], a[data-list-item-id]) {
color: var(--dv_theme-text);
Expand Down Expand Up @@ -400,20 +423,100 @@ div[class*="container_"]>svg>svg>path {
}

/* Normal */

/* Background (No profile color) */
div[class*="userProfileInnerThemedNonPremium_"] {
box-shadow: 0px 0px 20px 10px rgb(0, 0, 0, 0.2);
background: var(--dv_dark_background_1) !important;
}

/* Pfp Hover */
foreignObject[mask="url(#svg-mask-avatar-status-round-80)"],
foreignObject[mask="url(#svg-mask-avatar-status-mobile-80)"] {
background-color: rgba(0, 0, 0, 0.1);
[class*="userProfileModalInner_"]:before {
display: none;
}

[class*='fullSizeOverlayBackground_'] {
background: rgb(var(--bg-overlay-color)/.6) !important;
}

[class*="userProfileOuterThemed_"] [class*="body_"]:not([class*='bodyNormal'])>[class*="container_"] {
margin-bottom: 8px;
}

/* Background Tint */
[class*="userProfileOuterThemed_"] [class*="body_"]:not([class*='bodyNormal'])>[class*="container_"]:after {
content: '';
position: fixed;
left: 0.5rem;
width: calc(100% - 1rem);
height: -webkit-fill-available;
z-index: -1;
margin-top: 8px;
margin-bottom: 0.5rem;
border-radius: var(--radius-sm) var(--radius-sm) calc(var(--radius-sm)/2) calc(var(--radius-sm)/2);
background: rgb(var(--bg-overlay-color)/.6);
border: var(--profile-body-border-color) 0.8px solid;
}

/* username/pronouns text */
[class*="userProfileOuter"] h1,
[class*="userProfileOuter"] span[class*='userTagUsername_'],
[class*="userProfileOuter"] div[class*='pronouns_'] {
text-shadow: rgb(var(--bg-overlay-color)/0.3) 1px 0 px;
}

/* Non-nitro fix */
[class*="userProfileOuterUnthemed_"] [class*="userPopoutInner_"][class*="biteSizeInnerThemed_"]>[class*='body_']>div:not([class*="container_"]):not([class*="container_"]+div[class*="mutual"]) {
border-top: var(--bg-mod-faint) 1px solid;
}

/* extra padding */
[class*="userPopoutInner_"][class*="biteSizeInnerThemed_"]>[class*='body_']>div:not([class*="container_"]):not(div:has([aria-label='Roles'])) {
padding-left: 0.3rem;
padding-right: 0.3rem;
}

/* Footer Message */
[class*="userProfileOuterThemed_"] [class*='footer_'] [class*='themedBackground_'] {
background: rgb(var(--bg-overlay-color)/.4) !important;
}

/* Badge Container */
[class*="userProfileOuterThemed_"] [class*="userPopoutInner_"] [class*="container__"] {
background: rgb(var(--bg-overlay-color)/.6) !important;
border-radius: var(--radius-sm);
}

/* Unclamp Bio */
[class*='descriptionClamp_'] {
-webkit-line-clamp: 10
}

/*[class*='viewFullBio__'] {display: none;} */

/* pfp position fix */
[class*="userProfileOuterThemed_"] [class*="userPopoutInner_"] [class*="clickable_"] {
top: 58px;
left: 18px;
transform: scale(1.04);
}

[class*="userProfileOuterThemed_"] [class*="userPopoutInner_"] [class*="clickable_"] circle:not(svg) {
opacity: 0 !important;
}

/* slimmer status bubble */
[class*="statusBubbleWithTextPadding_"] {
padding: 5px 10px;
}

/* Profile Action Button */
div[class*=biteSize__]>div>button[class*=color] {
background-color: rgba(0, 0, 0, 0.35);
backdrop-filter: blur(var(--dv_blur));
border: 0.01px solid transparent;
border-radius: 80px;
}

div[class*=biteSize__]>div>button[class*=color]:hover {
background-color: var(--dv_background-modifier-hover);
transition: 0.2s;
}

/* Profile Link Verified Badge */
Expand Down Expand Up @@ -524,23 +627,33 @@ img[class*="assetsLargeImageSpotify_"],
}

/* Server Roles */
div[class*="rolePillBorder_"]:not(button[class*="addButton_"]) {
div[class^="role_"][class*="pill_"]:not(button[class^="compactButton__"]) {
background:
linear-gradient(var(--dv_dark_background_2) 0 0) padding-box,
linear-gradient(to right, var(--profile-gradient-primary-color), var(--profile-gradient-secondary-color)) border-box;
border: 0.025rem solid transparent;
border-radius: var(--dv_soft-corner-roles);
}

button[class*="addButton_"] {
background-color: var(--dv_dark_background_2);
/* plus number */
div[class^="showMoreButton__"][class*="pill_"] {
background:
linear-gradient(var(--dv_dark_background_2) 0 0) padding-box,
linear-gradient(to right, var(--profile-gradient-primary-color), var(--profile-gradient-secondary-color)) border-box;
border: 0.025rem solid transparent;
border-radius: var(--dv_soft-corner-roles);
}

/* Add Button */
button[class^="compactButton__"] {
background-color: var(--dv_dark_background_2) !important;
border: 0.025rem solid var(--dv_dark_background_2);
border-radius: calc(var(--dv_soft-corner-roles) * 1.1489786518);
transition: background 0.1s;
}

button[class*="addButton_"]:hover {
background-color: var(--dv_background-modifier-hover);
button[class^="compactButton__"]:hover {
background-color: var(--dv_background-modifier-hover) !important;
border: 0.025rem solid var(--dv_background-modifier-hover);
transition: background 0.1s;
}
Expand Down Expand Up @@ -1108,6 +1221,16 @@ span[class^="endCap__"]:not(span[class*="unreadPill__"]) {
}

/* Inline with Messages */
/* Spoiler Box */
span[class^=spoilerContent__] {
background-color: var(--dv_dark_background_3);
border-radius: var(--dv_soft-corner);
}

span[class^=spoilerContent__]:hover {
background-color: var(--dv_dark_background_2);
}

/* Text File Preview */
div[class^="textContainer__"],
.shiki-container,
Expand Down Expand Up @@ -1171,12 +1294,22 @@ div[class^="hoverButtonGroup_"] {
}*/

/* Code Markup */
div[class^="markup_"]>pre {
[class^="markup_"] code {
background-color: var(--dv_dark_background_3) !important;
border-radius: var(--dv_soft-corner);
font-family: var(--font-monospace);
}

div[class^="markup_"]>pre>div {
[class^="markup_"] [class*=inline]:not(span) {
padding: 3px;
font-family: var(--font-monospace);
background-color: var(--dv_dark_background_3) !important;
border-radius: var(--dv_soft-corner);
}

/* App text field */
div[class^=applicationCommand__]>span[class*=optionPill__] {
border-color: var(--dv_theme-text) !important;
}

/* Video Playback */
Expand Down

0 comments on commit 4a49bc4

Please sign in to comment.