mirror of
https://github.com/Equicord/Equicord.git
synced 2025-06-29 08:24:26 -04:00
Fix Broken CSS On Canary
This commit is contained in:
parent
2565f5e30b
commit
46be9be0a3
32 changed files with 80 additions and 83 deletions
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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>
|
||||
))}
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -185,7 +185,7 @@
|
|||
|
||||
.vc-channeltabs-button {
|
||||
background-color: transparent;
|
||||
color: var(--text-normal);
|
||||
color: var(--text-default);
|
||||
}
|
||||
|
||||
.vc-channeltabs-new-button {
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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);
|
||||
}
|
|
@ -19,7 +19,7 @@
|
|||
}
|
||||
|
||||
#vc-searchbutton-icon {
|
||||
color: var(--text-normal);
|
||||
color: var(--text-default);
|
||||
}
|
||||
|
||||
#vc-searchbutton:hover {
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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);
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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);
|
||||
|
|
|
@ -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>
|
||||
)}
|
||||
|
|
|
@ -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>
|
||||
);
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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")
|
||||
};
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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",
|
||||
|
|
|
@ -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,7 +91,7 @@
|
|||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: var(--text-normal);
|
||||
color: var(--text-default);
|
||||
}
|
||||
|
||||
.vc-shc-allowed-users-and-roles-container>[class^="members"] {
|
||||
|
|
|
@ -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);
|
||||
}
|
|
@ -23,7 +23,7 @@
|
|||
|
||||
#vc-spotify-progress-bar {
|
||||
position: relative;
|
||||
color: var(--text-normal);
|
||||
color: var(--text-default);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue