From 46be9be0a38a8ccb1e915c380e5e9e691cbd916b Mon Sep 17 00:00:00 2001
From: thororen1234 <78185467+thororen1234@users.noreply.github.com>
Date: Thu, 26 Jun 2025 16:27:07 -0400
Subject: [PATCH] Fix Broken CSS On Canary
---
src/api/Notifications/styles.css | 4 ++--
src/components/ErrorCard.css | 4 ++--
src/components/PluginSettings/styles.css | 6 +++---
src/components/VencordSettings/UpdaterTab.tsx | 2 +-
src/components/VencordSettings/settingsStyles.css | 6 +++---
src/equicordplugins/_misc/styles.css | 4 ++--
src/equicordplugins/channelTabs/style.css | 8 ++++----
src/equicordplugins/gifCollections/style.css | 14 +++++++-------
src/equicordplugins/githubRepos/styles.css | 15 ++++++---------
src/equicordplugins/glide/index.tsx | 2 +-
src/equicordplugins/imagePreview/styles.css | 6 +++---
src/equicordplugins/moreStickers/style.css | 10 +++++-----
src/equicordplugins/serverSearch/styles.css | 4 ++--
src/equicordplugins/soundBoardLogger/styles.css | 4 ++--
.../themeLibrary/components/ThemeTab.tsx | 6 +++---
.../themeLibrary/components/styles.css | 2 +-
src/equicordplugins/timezones/styles.css | 6 +++---
.../toastNotifications/components/styles.css | 2 +-
.../components/VoiceChannelLogEntryComponent.css | 4 ++--
src/plugins/imageZoom/index.tsx | 2 +-
src/plugins/messageLogger/deleteStyleText.css | 2 +-
.../components/UserPermissions.tsx | 4 ++--
.../permissionsViewer/components/icons.tsx | 2 +-
src/plugins/reviewDB/style.css | 4 ++--
src/plugins/roleColorEverywhere/index.tsx | 2 +-
src/plugins/sendTimestamps/styles.css | 4 ++--
src/plugins/serverInfo/styles.css | 6 +++---
.../components/Highlighter.tsx | 2 +-
src/plugins/showHiddenChannels/style.css | 12 ++++++------
src/plugins/spotifyControls/spotifyStyles.css | 6 +++---
.../visualRefreshSpotifyStyles.css | 4 ++--
src/plugins/voiceMessages/styles.css | 4 ++--
32 files changed, 80 insertions(+), 83 deletions(-)
diff --git a/src/api/Notifications/styles.css b/src/api/Notifications/styles.css
index ba8a246a..e72656e8 100644
--- a/src/api/Notifications/styles.css
+++ b/src/api/Notifications/styles.css
@@ -3,7 +3,7 @@
all: unset;
display: flex;
flex-direction: column;
- color: var(--text-normal);
+ color: var(--text-default);
background-color: var(--background-secondary-alt);
border-radius: 6px;
overflow: hidden;
@@ -123,4 +123,4 @@
.vc-notification-log-danger-btn {
color: var(--white-500);
background-color: var(--button-danger-background);
-}
+}
\ No newline at end of file
diff --git a/src/components/ErrorCard.css b/src/components/ErrorCard.css
index 6401c59c..0d92dfa2 100644
--- a/src/components/ErrorCard.css
+++ b/src/components/ErrorCard.css
@@ -3,9 +3,9 @@
background-color: #e7828430;
border: 1px solid #e78284;
border-radius: 5px;
- color: var(--text-normal, white);
+ color: var(--text-default, white);
& a:hover {
text-decoration: underline;
}
-}
+}
\ No newline at end of file
diff --git a/src/components/PluginSettings/styles.css b/src/components/PluginSettings/styles.css
index 488fd212..a49f19ce 100644
--- a/src/components/PluginSettings/styles.css
+++ b/src/components/PluginSettings/styles.css
@@ -71,9 +71,9 @@
.vc-plugins-restart-card {
padding: 1em;
- background: var(--info-warning-background);
+ background: var(--background-feedback-warningd);
border: inherit !important;
- color: var(--info-warning-text);
+ color: var(--text-feedback-warning);
}
.vc-plugins-info-icon:not(:hover, :focus) {
@@ -158,7 +158,7 @@
}
.text-normal {
- color: var(--text-normal);
+ color: var(--text-default);
font-size: 1.2rem;
}
diff --git a/src/components/VencordSettings/UpdaterTab.tsx b/src/components/VencordSettings/UpdaterTab.tsx
index f500b720..6f72e4ce 100644
--- a/src/components/VencordSettings/UpdaterTab.tsx
+++ b/src/components/VencordSettings/UpdaterTab.tsx
@@ -94,7 +94,7 @@ function Changes({ updates, repo, repoPending }: CommonProps & { updates: typeof
{message} - {author}
))}
diff --git a/src/components/VencordSettings/settingsStyles.css b/src/components/VencordSettings/settingsStyles.css
index 7e4cf268..9d287d20 100644
--- a/src/components/VencordSettings/settingsStyles.css
+++ b/src/components/VencordSettings/settingsStyles.css
@@ -32,15 +32,15 @@
}
.vc-backup-restore-card {
- background-color: var(--info-warning-background) !important;
+ background-color: var(--background-feedback-warningd) !important;
border-color: var(--info-warning-foreground) !important;
- color: var(--info-warning-text) !important;
+ color: var(--text-feedback-warning) !important;
}
.vc-settings-theme-links {
/* Needed to fix bad themes that hide certain textarea elements for whatever eldritch reason */
display: inline-block !important;
- color: var(--text-normal) !important;
+ color: var(--text-default) !important;
padding: 0.5em;
border: 1px solid var(--background-modifier-accent);
max-height: unset;
diff --git a/src/equicordplugins/_misc/styles.css b/src/equicordplugins/_misc/styles.css
index e2e6a1f5..6e292066 100644
--- a/src/equicordplugins/_misc/styles.css
+++ b/src/equicordplugins/_misc/styles.css
@@ -1,7 +1,7 @@
.plugin-warning {
font-size: 16px !important;
- background-color: var(--info-warning-background) !important;
- color: var(--info-warning-text) !important;
+ background-color: var(--background-feedback-warning) !important;
+ color: var(--text-feedback-warning) !important;
border: 1px solid var(--info-warning-foreground) !important;
border-radius: 5px !important;
font-weight: bold;
diff --git a/src/equicordplugins/channelTabs/style.css b/src/equicordplugins/channelTabs/style.css
index b99f4c2e..e80d4616 100644
--- a/src/equicordplugins/channelTabs/style.css
+++ b/src/equicordplugins/channelTabs/style.css
@@ -185,7 +185,7 @@
.vc-channeltabs-button {
background-color: transparent;
- color: var(--text-normal);
+ color: var(--text-default);
}
.vc-channeltabs-new-button {
@@ -254,8 +254,8 @@
}
.vc-channeltabs-preview-tab> :is(.vc-channeltabs-emoji-container,
-.vc-channeltabs-typing-indicator,
-[data-has-mention]) {
+ .vc-channeltabs-typing-indicator,
+ [data-has-mention]) {
display: none;
}
@@ -263,4 +263,4 @@
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-}
+}
\ No newline at end of file
diff --git a/src/equicordplugins/gifCollections/style.css b/src/equicordplugins/gifCollections/style.css
index 04191194..9abe51c9 100644
--- a/src/equicordplugins/gifCollections/style.css
+++ b/src/equicordplugins/gifCollections/style.css
@@ -21,7 +21,7 @@
.collections-sort-section-title {
font-size: 14px;
font-weight: 500;
- color: var(--text-normal);
+ color: var(--text-default);
margin-bottom: 8px;
}
@@ -38,7 +38,7 @@
.collections-sort-label {
font-size: 14px;
font-weight: 400;
- color: var(--text-normal);
+ color: var(--text-default);
cursor: pointer;
display: flex;
align-items: center;
@@ -95,7 +95,7 @@
.collection-info-title {
font-size: 14px;
font-weight: 500;
- color: var(--text-normal);
+ color: var(--text-default);
}
.collection-info-text {
@@ -137,7 +137,7 @@
.rename-collection-text {
font-size: 14px;
font-weight: 500;
- color: var(--text-normal);
+ color: var(--text-default);
margin: 16px 0 2px;
}
@@ -172,7 +172,7 @@
border: 1px solid var(--border-color);
border-radius: 4px;
background-color: var(--background-secondary);
- color: var(--text-normal);
+ color: var(--text-default);
outline: none;
}
@@ -180,9 +180,9 @@
text-align: center;
padding: 8px;
background-color: var(--background-tertiary);
- color: var(--text-normal);
+ color: var(--text-default);
border: none;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.2s;
-}
\ No newline at end of file
+}
diff --git a/src/equicordplugins/githubRepos/styles.css b/src/equicordplugins/githubRepos/styles.css
index 8a17a754..12bc6c4d 100644
--- a/src/equicordplugins/githubRepos/styles.css
+++ b/src/equicordplugins/githubRepos/styles.css
@@ -23,22 +23,19 @@
justify-content: center;
margin-top: 2px;
padding-top: 12px;
- border-top: 1px solid
- var(--profile-body-divider-color, var(--background-modifier-accent));
+ border-top: 1px solid var(--profile-body-divider-color, var(--background-modifier-accent));
}
.vc-github-repos-button,
.vc-github-repos-show-more {
width: 100%;
- border: 1px solid
- var(--profile-body-divider-color, var(--background-modifier-accent)) !important;
+ border: 1px solid var(--profile-body-divider-color, var(--background-modifier-accent)) !important;
}
.vc-github-repo-card {
padding: 8px;
border-radius: var(--radius-xs);
- border: 1px solid
- var(--profile-body-divider-color, var(--background-modifier-accent));
+ border: 1px solid var(--profile-body-divider-color, var(--background-modifier-accent));
}
.vc-github-repo-header {
@@ -92,7 +89,7 @@
.vc-github-repos-table {
width: 100%;
border-collapse: collapse;
- color: var(--text-normal);
+ color: var(--text-default);
font-size: 14px;
table-layout: fixed;
}
@@ -152,7 +149,7 @@
}
.vc-github-repos-table-description {
- color: var(--text-normal);
+ color: var(--text-default);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
@@ -184,4 +181,4 @@
.vc-github-repos-table-star-icon {
color: var(--text-warning);
-}
+}
\ No newline at end of file
diff --git a/src/equicordplugins/glide/index.tsx b/src/equicordplugins/glide/index.tsx
index 919b74e6..2ad17b53 100644
--- a/src/equicordplugins/glide/index.tsx
+++ b/src/equicordplugins/glide/index.tsx
@@ -421,7 +421,7 @@ function getCSS(fontName) {
--header-primary: var(--text);
--header-secondary: var(--text);
--font-display: var(--text);
- --text-normal: var(--text);
+ --text-default: var(--text);
--text-muted: var(--mutedtext);
--channels-default: var(--mutedtext);
--interactive-normal: var(--text) !important;
diff --git a/src/equicordplugins/imagePreview/styles.css b/src/equicordplugins/imagePreview/styles.css
index 4167d0a3..78c54557 100644
--- a/src/equicordplugins/imagePreview/styles.css
+++ b/src/equicordplugins/imagePreview/styles.css
@@ -40,7 +40,7 @@
transform: translateX(-50%);
text-align: center;
background-color: var(--background-primary);
- color: var(--text-normal);
+ color: var(--text-default);
padding: 2px 5px;
border-radius: 4px;
font-size: 12px;
@@ -51,7 +51,7 @@
.image-preview .file-info span {
background-color: var(--background-primary);
- color: var(--text-normal);
+ color: var(--text-default);
padding: 2px 5px;
border-radius: 4px;
font-size: 12px;
@@ -107,4 +107,4 @@
max-height: 90vh;
object-fit: contain;
display: none;
-}
+}
\ No newline at end of file
diff --git a/src/equicordplugins/moreStickers/style.css b/src/equicordplugins/moreStickers/style.css
index 16101bf4..dd97858c 100644
--- a/src/equicordplugins/moreStickers/style.css
+++ b/src/equicordplugins/moreStickers/style.css
@@ -49,7 +49,7 @@
text-indent: -9999px;
align-items: center;
background-color: var(--background-primary);
- color: var(--text-normal);
+ color: var(--text-default);
display: flex;
height: 100%;
justify-content: center;
@@ -258,7 +258,7 @@
-ms-flex-align: center;
align-items: center;
background-color: var(--background-primary);
- color: var(--text-normal);
+ color: var(--text-default);
display: flex;
height: 100%;
-webkit-box-pack: center;
@@ -382,7 +382,7 @@
font-size: 16px;
line-height: 20px;
font-weight: 600;
- color: var(--text-normal);
+ color: var(--text-default);
}
.vc-more-stickers-picker-content-inspector-title-secondary {
@@ -501,5 +501,5 @@
font-family: var(--font-primary);
font-size: 8pt;
font-weight: 600;
- color: var(--text-normal);
-}
+ color: var(--text-default);
+}
\ No newline at end of file
diff --git a/src/equicordplugins/serverSearch/styles.css b/src/equicordplugins/serverSearch/styles.css
index db2e745a..54503673 100644
--- a/src/equicordplugins/serverSearch/styles.css
+++ b/src/equicordplugins/serverSearch/styles.css
@@ -19,7 +19,7 @@
}
#vc-searchbutton-icon {
- color: var(--text-normal);
+ color: var(--text-default);
}
#vc-searchbutton:hover {
@@ -30,4 +30,4 @@
#vc-searchbutton:hover #vc-searchbutton-icon {
color: var(--white-500);
-}
+}
\ No newline at end of file
diff --git a/src/equicordplugins/soundBoardLogger/styles.css b/src/equicordplugins/soundBoardLogger/styles.css
index 064f19ec..43fad845 100644
--- a/src/equicordplugins/soundBoardLogger/styles.css
+++ b/src/equicordplugins/soundBoardLogger/styles.css
@@ -111,7 +111,7 @@
/* input style from https://github.com/Vendicated/Vencord/blob/ea11f2244fde469ce308f8a4e7224430be62f8f1/src/plugins/sendTimestamps/styles.css#L1-L13 */
.vc-soundlog-clone-input {
background-color: var(--input-background);
- color: var(--text-normal);
+ color: var(--text-default);
width: 100%;
padding: 8px 8px 8px 12px;
outline: none;
@@ -122,4 +122,4 @@
font-size: 100%;
box-sizing: border-box;
height: 40px;
-}
\ No newline at end of file
+}
diff --git a/src/equicordplugins/themeLibrary/components/ThemeTab.tsx b/src/equicordplugins/themeLibrary/components/ThemeTab.tsx
index 9fb7fd0d..b8244314 100644
--- a/src/equicordplugins/themeLibrary/components/ThemeTab.tsx
+++ b/src/equicordplugins/themeLibrary/components/ThemeTab.tsx
@@ -150,7 +150,7 @@ function ThemeTab() {
alignItems: "center",
height: "70vh",
fontSize: "1.5em",
- color: "var(--text-normal)"
+ color: "var(--text-default)"
}}>
Getting the latest themes...
No theme found.
This tab was replaced in favour of the new website:
diff --git a/src/equicordplugins/themeLibrary/components/styles.css b/src/equicordplugins/themeLibrary/components/styles.css index 1f8b41f0..1c26aca7 100644 --- a/src/equicordplugins/themeLibrary/components/styles.css +++ b/src/equicordplugins/themeLibrary/components/styles.css @@ -45,7 +45,7 @@ .vce-text-input { display: inline-block !important; - color: var(--text-normal) !important; + color: var(--text-default) !important; font-size: 16px !important; padding: 0.5em; border: 2px solid var(--background-tertiary); diff --git a/src/equicordplugins/timezones/styles.css b/src/equicordplugins/timezones/styles.css index 386e197a..d8d6a52a 100644 --- a/src/equicordplugins/timezones/styles.css +++ b/src/equicordplugins/timezones/styles.css @@ -7,7 +7,7 @@ border-radius: 4px; padding: 0.25rem 0.5rem; font-size: 0.75rem; - color: var(--text-normal); + color: var(--text-default); } [class*="topSection"] .timezone-profile-item { @@ -36,6 +36,6 @@ } .timezone-tooltip { - max-width: none!important; + max-width: none !important; white-space: nowrap -} +} \ No newline at end of file diff --git a/src/equicordplugins/toastNotifications/components/styles.css b/src/equicordplugins/toastNotifications/components/styles.css index 54b24cd0..4d231ef8 100644 --- a/src/equicordplugins/toastNotifications/components/styles.css +++ b/src/equicordplugins/toastNotifications/components/styles.css @@ -1,7 +1,7 @@ :root { /* Body */ --toastnotifications-background-color: var(--background-secondary-alt); - --toastnotifications-text-color: var(--text-normal); + --toastnotifications-text-color: var(--text-default); --toastnotifications-border-radius: 6px; --toastnotifications-width: 25vw; --toastnotifications-padding: 1.25rem; diff --git a/src/equicordplugins/voiceChannelLog.dev/components/VoiceChannelLogEntryComponent.css b/src/equicordplugins/voiceChannelLog.dev/components/VoiceChannelLogEntryComponent.css index 2757996f..6862bb3a 100644 --- a/src/equicordplugins/voiceChannelLog.dev/components/VoiceChannelLogEntryComponent.css +++ b/src/equicordplugins/voiceChannelLog.dev/components/VoiceChannelLogEntryComponent.css @@ -17,7 +17,7 @@ text-align: center; display: inline-block; vertical-align: middle; - color: var(--text-normal, white); + color: var(--text-default, white); } .vc-voice-channel-log-avatar { @@ -39,4 +39,4 @@ .vc-voice-channel-log-icon { margin: auto 3px; margin-left: 15px; -} +} \ No newline at end of file diff --git a/src/plugins/imageZoom/index.tsx b/src/plugins/imageZoom/index.tsx index 2579b2fc..22e8ae3d 100644 --- a/src/plugins/imageZoom/index.tsx +++ b/src/plugins/imageZoom/index.tsx @@ -440,7 +440,7 @@ export default definePlugin({ background-color: var(--background-secondary); border-radius: 4px; font-size: 14px; - color: var(--text-normal); + color: var(--text-default); display: flex; flex-direction: column; gap: 4px; diff --git a/src/plugins/messageLogger/deleteStyleText.css b/src/plugins/messageLogger/deleteStyleText.css index a114b7de..655294c1 100644 --- a/src/plugins/messageLogger/deleteStyleText.css +++ b/src/plugins/messageLogger/deleteStyleText.css @@ -1,5 +1,5 @@ .messagelogger-deleted { - --text-normal: var(--status-danger, #f04747); + --text-default: var(--status-danger, #f04747); --interactive-normal: var(--status-danger, #f04747); --text-muted: var(--status-danger, #f04747); --embed-title: var(--red-460, #be3535); diff --git a/src/plugins/permissionsViewer/components/UserPermissions.tsx b/src/plugins/permissionsViewer/components/UserPermissions.tsx index d0c0ed50..85b1d418 100644 --- a/src/plugins/permissionsViewer/components/UserPermissions.tsx +++ b/src/plugins/permissionsViewer/components/UserPermissions.tsx @@ -159,7 +159,7 @@ function UserPermissionsComponent({ guild, guildMember, closePopout }: { guild: viewBox="0 96 960 960" transform={permissionsSortOrder === PermissionsSortOrder.HighestRole ? "scale(1 1)" : "scale(1 -1)"} > -