Skip to content

Commit

Permalink
Fixed it
Browse files Browse the repository at this point in the history
  • Loading branch information
@MintLily
MintLily committed Jun 24, 2024
1 parent d09a5f1 commit 80ef5af
Showing 1 changed file with 75 additions and 52 deletions.
127 changes: 75 additions & 52 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.3.4';
--dv_theme-version: '4.3.5';
/* RewriteNumber.Major/Feature.Minor/Bugfix.Hotfix */

/* Self defined Variables */
Expand Down Expand Up @@ -72,15 +72,16 @@
--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-260: hsl(var(--dv_hsl_theme-value) calc(var(--saturation-factor, 1) * 50%), 87%) !important;
--brand-260-hsl: 335 calc(var(--saturation-factor, 1) * 86.2%) 88.6% !important;
--brand-260-hsl: var(--dv_hsl_theme-value) calc(var(--saturation-factor, 1) * 86.2%) 88.6% !important;
--brand-360-hsl: var(--dv_hsl_theme-value) calc(var(--saturation-factor, 1) * 86.2%) 88.6% !important;
--brand-500: var(--dv_theme-text-muted) !important;
--brand-530: var(--dv_theme-text-muted) !important;
--brand-600: var(--dv_theme-text-muted) !important;
--primary-630: var(--dv_dark_background_2) !important;
--mention-background: rgba(var(--dv_theme-text-muted-rgb), 0.3);
--control-brand-foreground: var(--dv_theme-text-muted);
--background-message-highlight: color-mix(in oklab, hsl(var(--dv_hsl_theme-value) calc(var(--saturation-factor, 1) * 86.1%) 77.5% / 0.2) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.01) var(--theme-base-color-amount, 0%)) !important;
--divider-color: var(--dv_theme-text);
--divider-color: var(--dv_theme-text) !important;
--text-brand: var(--dv_theme-text);
--scrollbar-thin-thumb: var(--dv_dark_background_3);
--scrollbar-auto-thumb: var(--dv_dark_background_3);
Expand All @@ -92,7 +93,7 @@
--input-background: var(--dv_dark_background_3) !important;
--bg-surface-overlay: var(--dv_dark_background_2) !important;

/* nolongerPowercord - Replugged Variables */
/* Client Mod Variables */
--spotify-color: var(--dv_theme-text);
}

Expand Down Expand Up @@ -147,7 +148,7 @@
src: url(https://mintylabs.dev/assets/extras/MonaspaceKrypton-Regular.woff2) format('woff2');
}

.info__755e1::before {
div[class^=clickTarget]>div>div>div::before {
content: 'Dark Vanilla ' var(--dv_theme-version);
color: var(--dv_theme-text-muted);
font-size: 12px;
Expand Down Expand Up @@ -232,16 +233,17 @@ div[class^="layer_"] {

/* Anything Main and or Global */
/* Right Click Context Menu */
div[class*="menu__"]:not(div[class^="userPopoutOverlayBackground_"] > div[class*="menu__"]) {
background-color: var(--dv_dark_background_3);
div[class*="menu_"]:not(div[class^="userPopoutOverlayBackground_"] > div[class*="menu_"]) {
background-color: var(--dv_dark_background_2) !important;
border-radius: var(--dv_soft-corner);
box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.35);
}

div[class^="item__"] {
div[class^="item_"] {
border-radius: calc(var(--dv_soft-corner) / 2);
}

div[class^="item__"][class*="focused_"] {
div[class^="item_"][class*="focused_"] {
background-color: var(--dv_theme-text-muted) !important;
border-radius: var(--dv_soft-corner);
}
Expand Down Expand Up @@ -321,11 +323,11 @@ button[class*="navButton_"]:hover {
margin-top: 10px;
}

/* Input */
/* Input
.container_ec5ce2 {
background-color: var(--dv_dark_background_3);
border-radius: var(--dv_soft-corner);
}
}*/

/* Emoji/Sticker background */
.stickerInspected__1c897 .inspectedIndicator_f00108,
Expand Down Expand Up @@ -457,7 +459,7 @@ div[class*="userProfileInnerThemedNonPremium_"] {
margin-bottom: 8px;
}

/* Background Tint */
/* Background Tint
[class*="userProfileOuterThemed_"] [class*="body_"]:not([class*='bodyNormal'])>[class*="container_"]:after {
content: '';
position: fixed;
Expand All @@ -470,7 +472,7 @@ div[class*="userProfileInnerThemedNonPremium_"] {
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: 0;
}
}*/

/* username/pronouns text */
[class*="userProfileOuter"] h1,
Expand Down Expand Up @@ -522,12 +524,20 @@ div[class*="userProfileInnerThemedNonPremium_"] {
/* slimmer status bubble */
[class*="statusBubbleWithTextPadding_"] {
padding: 5px 10px;
background: rgb(var(--bg-overlay-color)/.6) !important;
background: var(--dv_dark_background_3) !important;
border-color: transparent;
}

div[class*=biteSize_]>div[class^=statusBubbleOuter] {
div[class*=biteSize_]>div[class^=statusBubbleOuter],
div[class*=biteSize_]>div[class^=statusBubbleOuter]:before,
div[class*=biteSize_]>div[class^=statusBubbleOuter]:after {
background: var(--dv_dark_background_3) !important;
border: 1px transparent solid !important;
border-color: transparent !important;
border-radius: calc(var(--dv_soft-corner)*1.25);
}

div[class*=biteSize_]>div[class^=statusBubbleOuter] {
border-radius: calc(var(--dv_soft-corner)/1.25);
}

/* Profile Link Verified Badge */
Expand Down Expand Up @@ -577,12 +587,18 @@ img[aria-label="mintylabs.dev"] {
}

/* Change X back to twitter */
a[class="vc-user-connection"][href^="https://x.com"]>img {
a[class="vc-user-connection"][href^="https://x.com"]>img,
img[alt="X Logo"] {
content: url("https://i.mintlily.lgbt/85cf2b49d2a185c98ec8e383ad5a05d6.svg");
}

a[href^="https://twitter.com"][title=Twitter]>svg>path {
scale: 68% !important;
d: path("M36.3,10.2c-1,1.3-2.1,2.5-3.4,3.5c0,0.2,0,0.4,0,1c0,1.7-0.2,3.6-0.9,5.3c-0.6,1.7-1.2,3.5-2.4,5.1 c-1.1,1.5-2.3,3.1-3.7,4.3c-1.4,1.2-3.3,2.3-5.3,3c-2.1,0.8-4.2,1.2-6.6,1.2c-3.6,0-7-1-10.2-3c0.4,0,1.1,0.1,1.5,0.1 c3.1,0,5.9-1,8.2-2.9c-1.4,0-2.7-0.4-3.8-1.3c-1.2-1-1.9-2-2.2-3.3c0.4,0.1,1,0.1,1.2,0.1c0.6,0,1.2-0.1,1.7-0.2 c-1.4-0.3-2.7-1.1-3.7-2.3s-1.4-2.6-1.4-4.2v-0.1c1,0.6,2,0.9,3,0.9c-1-0.6-1.5-1.3-2.2-2.4c-0.6-1-0.9-2.1-0.9-3.3s0.3-2.3,1-3.4 c1.5,2.1,3.6,3.6,6,4.9s4.9,2,7.6,2.1c-0.1-0.6-0.1-1.1-0.1-1.4c0-1.8,0.8-3.5,2-4.7c1.2-1.2,2.9-2,4.7-2c2,0,3.6,0.8,4.8,2.1 c1.4-0.3,2.9-0.9,4.2-1.5c-0.4,1.5-1.4,2.7-2.9,3.6C33.8,11.2,35.1,10.9,36.3,10.2L36.3,10.2z") !important;
}

/* Spotify Panel / Plugin / Vanilla Things Edits */
#vc-spotify-progress-bar>div>div>div>div[class^="barFill_"] {
#vc-spotify-player div[class^=bar]>div[class^=barFill] {
box-shadow: 0px 5px 10px var(--dv_theme-text);
}

Expand Down Expand Up @@ -629,25 +645,24 @@ img[class*="assetsLargeImageSpotify_"],
}

#vc-spotify-player::after {
backdrop-filter: blur(var(--dv_blur)) brightness(40%);
backdrop-filter: blur(var(--dv_blur)) brightness(50%);
}

#vc-spotify-player .barFill__30e17 {
#vc-spotify-player div[class^=bar_] {
background: var(--vc-spotify-track-image);
background-size: contain;
backdrop-filter: blur(var(--dv_blur)) brightness(250%);
opacity: 0.4;
backdrop-filter: blur(var(--dv_blur)) brightness(100%) !important;
border-radius: var(--dv_soft-corner);
}

#vc-spotify-player .grabber_d2868c {
#vc-spotify-player div[class^=track_]>div[class^=grabber] {
opacity: 1 !important;
}

#vc-spotify-player .grabber_d2868c::after {
#vc-spotify-player div[class^=track_]>div[class^=grabber]::after {
position: absolute;
background: var(--vc-spotify-track-image);
background-size: 10px 10px;
background-size: contain;
backdrop-filter: blur(var(--dv_blur));
overflow: hidden !important;
}
Expand Down Expand Up @@ -785,7 +800,7 @@ div[class^="avatarWrapper_"]:hover {
div[class^="flex_"][class*="alignStretch_"]>button:hover {
border-radius: var(--dv_soft-corner);
background-color: var(--dv_background-modifier-selected);
color: var(--dv_dark_background_2);
color: var(--dv_theme-text);
}

/* Voice Connected */
Expand Down Expand Up @@ -814,29 +829,27 @@ div[class^="member_"] span[style*="rgb("]::after {
border-radius: var(--dv_soft-corner);
}

div[class^="memberInner"]>div[class^="avatar"]>div {
z-index: 50;
}

div[class^="member_"][data-list-item-id^="members-"] {
margin-bottom: 5px;
}

div[class^="memberInner"]>div[class^="avatar"]>div,
span[class*=botTag],
span[class*=botTag]>span {
z-index: 50;
}

/* Subtext */
div[class^="activityText__"] {
div[class^="activityText_"] {
color: var(--dv_theme-text);
z-index: 50;
}

div[class^="activityText__"] strong {
div[class^="activityText_"] strong {
font-weight: 600;
}

div[class^="activity_"]>svg[class^="icon__"] path {
div[class^="activity_"]>svg[class^="icon_"] path {
fill: var(--dv_theme-text);
}

Expand Down Expand Up @@ -968,7 +981,7 @@ ul[class*="channelAttachmentArea_"] {
animation-iteration-count: 1;
}

.attachButtonPlay-1ATmb5 {
[class*="attachButtonPlay"] {
color: var(--dv_theme-text);
}

Expand Down Expand Up @@ -1125,15 +1138,13 @@ div[class^="changeDetails_"] {
}

/* === Settings Opened === */
.topPill__63ad4 .themed_b957e8.selected_a523ff.item__48dda,
.side_b4b3f6 .themed_b957e8.selected_a523ff.item__48dda {
background: var(--dv_background-modifier-selected);
nav>div[class^=side]>div[class*=item][class*=selected] {
background: var(--dv_background-modifier-selected) !important;
border-radius: var(--dv_soft-corner);
}

.topPill__0cdf1 .themed_b957e8.item__48dda:hover:not(.disabled__85bca),
.side_b4b3f6 .themed_b957e8.item__48dda:hover:not(.disabled__85bca) {
background: var(--dv_background-modifier-hover);
nav>div[class^=side]>div[class*=item]:hover {
background: var(--dv_background-modifier-hover) !important;
border-radius: var(--dv_soft-corner);
}

Expand Down Expand Up @@ -1213,8 +1224,15 @@ div[class^="pageButtonNext_"] {
}

/* Accessibility */
button[class*="lookFilled"][class*="colorBrandNew"] {
button[class*="lookFilled"][class*="colorBrand"] {
background-color: var(--dv_theme-text-muted);
border-radius: var(--dv_soft-corner);
color: #eee;
}

button[class*="lookFilled"][class*="color"],
button[class*="lookOutline"][class*="colorRed"] {
border-radius: var(--dv_soft-corner);
}

/* Log Out */
Expand All @@ -1237,12 +1255,16 @@ div[class^="newMessagesBar_"] {
}

/* Inline with Messages */
.unreadPill__1b4fa {
div[id="---new-messages-bar"]>span {
background-color: var(--dv_theme-text);
color: var(--dv_dark_background_3) !important;
fill: var(--dv_theme-text);
}

div[id="---new-messages-bar"][class*="isUnread"] {
border-color: var(--dv_theme-text) !important;
}

path[class^="unreadPillCapStroke"] {
fill: var(--dv_theme-text);
color: var(--dv_theme-text);
Expand All @@ -1262,17 +1284,17 @@ span[class^="endCap__"]:not(span[class*="unreadPill__"]) {

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

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

/* Text File Preview */
div[class^="textContainer__"],
div[class^="textContainer_"],
.shiki-container,
div.shiki-root {
background-color: var(--dv_dark_background_3) !important;
Expand Down Expand Up @@ -1334,21 +1356,22 @@ div[class^="hoverButtonGroup_"] {
}*/

/* Code Markup */
[class^="markup_"] code {
[class^="markup_"] code,
[class^="markup_"] [class*=inline]:not(span) {
padding: 3px;
background-color: var(--dv_dark_background_3) !important;
border-radius: var(--dv_soft-corner);
font-family: var(--font-monospace);
font-size: 10pt;
}

[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);
pre[class=shiki-container],
.shiki-root {
border-radius: var(--dv_soft-corner) !important;
}

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

Expand Down

0 comments on commit 80ef5af

Please sign in to comment.