mirrors/Equicord
1
1
Fork 0
mirror of https://github.com/Equicord/Equicord.git synced 2025-06-29 08:24:26 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Fix Broken CSS On Canary

Browse source
This commit is contained in:
thororen1234 2025-06-26 16:27:07 -04:00
parent 2565f5e30b
commit 46be9be0a3
No known key found for this signature in database
32 changed files with 80 additions and 83 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/api/Notifications/styles.css
View file

@ -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;

2
src/components/ErrorCard.css
View file

@ -3,7 +3,7 @@
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;

6
src/components/PluginSettings/styles.css
View file

@ -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;
}

2
src/components/VencordSettings/UpdaterTab.tsx
View file

@ -94,7 +94,7 @@ function Changes({ updates, repo, repoPending }: CommonProps & { updates: typeof
<code><HashLink {...{ repo, hash }} disabled={repoPending} /></code>
<span style={{
marginLeft: "0.5em",
color: "var(--text-normal)"
color: "var(--text-default)"
}}>{message} - {author}</span>
</div>
))}

6
src/components/VencordSettings/settingsStyles.css
View file

@ -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;

4
src/equicordplugins/_misc/styles.css
View file

@ -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;

6
src/equicordplugins/channelTabs/style.css
View file

@ -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;
}

12
src/equicordplugins/gifCollections/style.css
View file

@ -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,7 +180,7 @@
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;

13
src/equicordplugins/githubRepos/styles.css
View file

@ -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;

2
src/equicordplugins/glide/index.tsx
View file

@ -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;

4
src/equicordplugins/imagePreview/styles.css
View file

@ -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;

8
src/equicordplugins/moreStickers/style.css
View file

@ -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);
}

2
src/equicordplugins/serverSearch/styles.css
View file

@ -19,7 +19,7 @@
}
#vc-searchbutton-icon {
color: var(--text-normal);
color: var(--text-default);
}
#vc-searchbutton:hover {

2
src/equicordplugins/soundBoardLogger/styles.css
View file

@ -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;

6
src/equicordplugins/themeLibrary/components/ThemeTab.tsx
View file

@ -150,7 +150,7 @@ function ThemeTab() {
alignItems: "center",
height: "70vh",
fontSize: "1.5em",
color: "var(--text-normal)"
color: "var(--text-default)"
}}>
<p> Getting the latest themes... </p>
<p style={{
@ -246,7 +246,7 @@ function ThemeTab() {
}}>
<p style={{
fontSize: "1em",
color: "var(--text-normal)"
color: "var(--text-default)"
}}> No theme found. </p>
<p style={{
fontSize: ".75em",
@ -272,7 +272,7 @@ function SubmitThemes() {
alignItems: "center",
height: "70vh",
fontSize: "1.5em",
color: "var(--text-normal)"
color: "var(--text-default)"
}}>
<p> This tab was replaced in favour of the new website: </p>
<p><a href="https://discord-themes.com" target="_blank" rel="noreferrer">discord-themes.com</a></p>

2
src/equicordplugins/themeLibrary/components/styles.css
View file

@ -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);

4
src/equicordplugins/timezones/styles.css
View file

@ -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
}

2
src/equicordplugins/toastNotifications/components/styles.css
View file

@ -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;

2
src/equicordplugins/voiceChannelLog.dev/components/VoiceChannelLogEntryComponent.css
View file

@ -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 {

2
src/plugins/imageZoom/index.tsx
View file

@ -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;

2
src/plugins/messageLogger/deleteStyleText.css
View file

@ -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);

4
src/plugins/permissionsViewer/components/UserPermissions.tsx
View file

@ -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)"}
>
<path fill="var(--text-normal)" d="M440 896V409L216 633l-56-57 320-320 320 320-56 57-224-224v487h-80Z" />
<path fill="var(--text-default)" d="M440 896V409L216 633l-56-57 320-320 320 320-56 57-224-224v487h-80Z" />
</svg>
</div>
)}
@ -181,7 +181,7 @@ function UserPermissionsComponent({ guild, guildMember, closePopout }: { guild:
height="24"
viewBox="0 0 24 24"
>
<path fill="var(--text-normal)" d="M7 12.001C7 10.8964 6.10457 10.001 5 10.001C3.89543 10.001 3 10.8964 3 12.001C3 13.1055 3.89543 14.001 5 14.001C6.10457 14.001 7 13.1055 7 12.001ZM14 12.001C14 10.8964 13.1046 10.001 12 10.001C10.8954 10.001 10 10.8964 10 12.001C10 13.1055 10.8954 14.001 12 14.001C13.1046 14.001 14 13.1055 14 12.001ZM19 10.001C20.1046 10.001 21 10.8964 21 12.001C21 13.1055 20.1046 14.001 19 14.001C17.8954 14.001 17 13.1055 17 12.001C17 10.8964 17.8954 10.001 19 10.001Z" />
<path fill="var(--text-default)" d="M7 12.001C7 10.8964 6.10457 10.001 5 10.001C3.89543 10.001 3 10.8964 3 12.001C3 13.1055 3.89543 14.001 5 14.001C6.10457 14.001 7 13.1055 7 12.001ZM14 12.001C14 10.8964 13.1046 10.001 12 10.001C10.8954 10.001 10 10.8964 10 12.001C10 13.1055 10.8954 14.001 12 14.001C13.1046 14.001 14 13.1055 14 12.001ZM19 10.001C20.1046 10.001 21 10.8964 21 12.001C21 13.1055 20.1046 14.001 19 14.001C17.8954 14.001 17 13.1055 17 12.001C17 10.8964 17.8954 10.001 19 10.001Z" />
</svg>
</div>
)}

2
src/plugins/permissionsViewer/components/icons.tsx
View file

@ -51,7 +51,7 @@ export function PermissionDefaultIcon() {
>
<g>
<title>Not overwritten</title>
<polygon fill="var(--text-normal)" points="12 2.32 10.513 2 4 13.68 5.487 14" />
<polygon fill="var(--text-default)" points="12 2.32 10.513 2 4 13.68 5.487 14" />
</g>
</svg>
);

2
src/plugins/reviewDB/style.css
View file

@ -73,7 +73,7 @@
overflow-y: hidden;
margin-top: 1px;
margin-bottom: var(--vc-rdb-spacing-size);
color: var(--text-normal);
color: var(--text-default);
font-size: 15px;
}

2
src/plugins/roleColorEverywhere/index.tsx
View file

@ -203,7 +203,7 @@ export default definePlugin({
const value = `color-mix(in oklab, ${author.colorString} ${messageSaturation}%, var({DEFAULT}))`;
return {
color: value.replace("{DEFAULT}", "--text-normal"),
color: value.replace("{DEFAULT}", "--text-default"),
"--header-primary": value.replace("{DEFAULT}", "--header-primary"),
"--text-muted": value.replace("{DEFAULT}", "--text-muted")
};

2
src/plugins/sendTimestamps/styles.css
View file

@ -1,6 +1,6 @@
.vc-st-date-picker {
background-color: var(--input-background);
color: var(--text-normal);
color: var(--text-default);
width: 95%;
padding: 8px 8px 8px 12px;
margin: 1em 0;

4
src/plugins/serverInfo/styles.css
View file

@ -68,7 +68,7 @@
}
.vc-gp-server-info-pair {
color: var(--text-normal);
color: var(--text-default);
}
.vc-gp-server-info-pair [class^="timestamp"] {
@ -150,7 +150,7 @@
justify-content: center;
font-size: 8px;
font-weight: 600;
color: var(--text-normal);
color: var(--text-default);
text-transform: uppercase;
}

2
src/plugins/shikiCodeblocks.desktop/components/Highlighter.tsx
View file

@ -78,7 +78,7 @@ export const Highlighter = ({
});
const themeBase: ThemeBase = {
plainColor: currentTheme?.fg || "var(--text-normal)",
plainColor: currentTheme?.fg || "var(--text-default)",
accentBgColor:
currentTheme?.colors?.["statusBar.background"] || (useHljs ? "#7289da" : "#007BC8"),
accentFgColor: currentTheme?.colors?.["statusBar.foreground"] || "#FFF",

10
src/plugins/showHiddenChannels/style.css
View file

@ -22,11 +22,11 @@
}
.vc-shc-heading-nsfw-icon {
color: var(--text-normal);
color: var(--text-default);
}
.vc-shc-topic-container {
color: var(--text-normal);
color: var(--text-default);
background: var(--bg-overlay-3, var(--background-secondary));
border-radius: 5px;
padding: 10px;
@ -83,7 +83,7 @@
cursor: pointer;
display: flex;
align-items: center;
color: var(--text-normal);
color: var(--text-default);
}
.vc-shc-allowed-users-and-roles-container-permdetails-btn {
@ -91,10 +91,10 @@
cursor: pointer;
display: flex;
align-items: center;
color: var(--text-normal);
color: var(--text-default);
}
.vc-shc-allowed-users-and-roles-container > [class^="members"] {
.vc-shc-allowed-users-and-roles-container>[class^="members"] {
margin-left: 12px;
flex-wrap: wrap;
justify-content: center;

4
src/plugins/spotifyControls/spotifyStyles.css
View file

@ -145,7 +145,7 @@
#vc-spotify-progress-bar {
position: relative;
color: var(--text-normal);
color: var(--text-default);
width: 100%;
margin: 0.5em 0;
margin-bottom: 5px;
@ -197,5 +197,5 @@
.vc-spotify-fallback {
padding: 0.5em;
color: var(--text-normal);
color: var(--text-default);
}

2
src/plugins/spotifyControls/visualRefreshSpotifyStyles.css
View file

@ -23,7 +23,7 @@
#vc-spotify-progress-bar {
position: relative;
color: var(--text-normal);
color: var(--text-default);
width: 100%;
}

2
src/plugins/voiceMessages/styles.css
View file

@ -10,7 +10,7 @@
}
.vc-vmsg-preview {
color: var(--text-normal);
color: var(--text-default);
border-radius: 24px;
background-color: var(--background-secondary);
position: relative;