System-End/Vencord
1
0
Fork 0
mirror of https://github.com/System-End/Vencord.git synced 2026-04-19 19:45:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

remove legacy css colour variable fallback

Browse source
This commit is contained in:
Vendicated 2025-12-14 15:28:46 +01:00
parent 5b369dbed1
commit ad173d7003
No known key found for this signature in database
GPG key ID: D66986BAF75ECF18
37 changed files with 115 additions and 115 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -47,13 +47,13 @@
.vc-notification-close-btn {
all: unset;
cursor: pointer;
color: var(--interactive-icon-default, var(--interactive-normal));
color: var(--interactive-icon-default);
opacity: 0.5;
transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
}
.vc-notification-close-btn:hover {
color: var(--interactive-icon-hover, var(--interactive-hover));
color: var(--interactive-icon-hover);
opacity: 1;
}
@ -137,5 +137,5 @@
.vc-notification-log-danger-btn {
color: var(--white-500);
background-color: var(--redesign-button-danger-background, var(--button-danger-background));
background-color: var(--redesign-button-danger-background);
}

80
src/components/Button.css
View file

@ -10,7 +10,7 @@
text-align: start;
transition: 50ms ease-in;
transition-property: background-color, color, border-color, opacity;
background: var(--control-secondary-background-default, var(--control-background-secondary-default));
background: var(--control-secondary-background-default);
color: var(--text-default);
white-space: nowrap;
@ -26,7 +26,7 @@
&:focus-visible {
/* stylelint-disable-next-line custom-property-pattern */
box-shadow: 0 0 0 4px var(--__adaptive-focus-ring-color, var(--border-focus, var(--focus-primary, #00b0f4)));
box-shadow: 0 0 0 4px var(--__adaptive-focus-ring-color, var(--border-focus, #00b0f4));
}
}
@ -63,84 +63,84 @@
}
.vc-btn-primary {
background-color: var(--control-primary-background-default, var(--control-background-primary-default));
border-color: var(--control-primary-border-default, var(--control-border-primary-default));
color: var(--control-primary-text-default, var(--control-text-primary-default));
background-color: var(--control-primary-background-default);
border-color: var(--control-primary-border-default);
color: var(--control-primary-text-default);
&:hover {
background-color: var(--control-primary-background-hover, var(--control-background-primary-hover));
border-color: var(--control-primary-border-hover, var(--control-border-primary-hover));
color: var(--control-primary-text-hover, var(--control-text-primary-hover));
background-color: var(--control-primary-background-hover);
border-color: var(--control-primary-border-hover);
color: var(--control-primary-text-hover);
}
}
.vc-btn-secondary,
.vc-btn-link {
background-color: var(--control-secondary-background-default, var(--control-background-secondary-default));
border-color: var(--control-secondary-border-default, var(--control-border-secondary-default));
color: var(--control-secondary-text-default, var(--control-text-secondary-default));
background-color: var(--control-secondary-background-default);
border-color: var(--control-secondary-border-default);
color: var(--control-secondary-text-default);
&:hover {
background-color: var(--control-secondary-background-hover, var(--control-background-secondary-hover));
border-color: var(--control-secondary-border-hover, var(--control-border-secondary-hover));
color: var(--control-secondary-text-hover, var(--control-text-secondary-hover));
background-color: var(--control-secondary-background-hover);
border-color: var(--control-secondary-border-hover);
color: var(--control-secondary-text-hover);
}
}
.vc-btn-dangerPrimary {
background-color: var(--control-critical-primary-background-default, var(--control-background-critical-primary-default));
border-color: var(--control-critical-primary-border-default, var(--control-border-critical-primary-default));
color: var(--control-critical-primary-text-default, var(--control-text-critical-primary-default));
background-color: var(--control-critical-primary-background-default);
border-color: var(--control-critical-primary-border-default);
color: var(--control-critical-primary-text-default);
&:hover {
background-color: var(--control-critical-primary-background-hover, var(--control-background-critical-primary-hover));
border-color: var(--control-critical-primary-border-hover, var(--control-border-critical-primary-hover));
color: var(--control-critical-primary-text-hover, var(--control-text-critical-primary-hover));
background-color: var(--control-critical-primary-background-hover);
border-color: var(--control-critical-primary-border-hover);
color: var(--control-critical-primary-text-hover);
}
}
.vc-btn-dangerSecondary {
background-color: var(--control-critical-secondary-background-default, var(--control-background-critical-secondary-default));
border-color: var(--control-critical-secondary-border-default, var(--control-border-critical-secondary-default));
color: var(--control-critical-secondary-text-default, var(--control-text-critical-secondary-default));
background-color: var(--control-critical-secondary-background-default);
border-color: var(--control-critical-secondary-border-default);
color: var(--control-critical-secondary-text-default);
&:hover {
background-color: var(--control-critical-secondary-background-hover, var(--control-background-critical-secondary-hover));
border-color: var(--control-critical-secondary-border-hover, var(--control-border-critical-secondary-hover));
color: var(--control-critical-secondary-text-hover, var(--control-text-critical-secondary-hover));
background-color: var(--control-critical-secondary-background-hover);
border-color: var(--control-critical-secondary-border-hover);
color: var(--control-critical-secondary-text-hover);
}
}
.vc-btn-overlayPrimary {
background-color: var(--control-overlay-primary-background-default, var(--control-background-overlay-primary-default));
border-color: var(--control-overlay-primary-border-default, var(--control-border-overlay-primary-default));
color: var(--control-overlay-primary-text-default, var(--control-text-overlay-primary-default));
background-color: var(--control-overlay-primary-background-default);
border-color: var(--control-overlay-primary-border-default);
color: var(--control-overlay-primary-text-default);
&:hover {
background-color: var(--control-overlay-primary-background-hover, var(--control-background-overlay-primary-hover));
border-color: var(--control-overlay-primary-border-hover, var(--control-border-overlay-primary-hover));
color: var(--control-overlay-primary-text-hover, var(--control-text-overlay-primary-hover));
background-color: var(--control-overlay-primary-background-hover);
border-color: var(--control-overlay-primary-border-hover);
color: var(--control-overlay-primary-text-hover);
}
}
.vc-btn-positive {
background-color: var(--redesign-button-positive-background, var(--button-positive-background));
background-color: var(--redesign-button-positive-background);
color: var(--white);
&:hover {
background-color: var(--redesign-button-positive-pressed-background, var(--button-positive-background-hover));
background-color: var(--redesign-button-positive-pressed-background);
}
}
.vc-btn-none {
background-color: transparent;
border-color: transparent;
color: var(--control-icon-only-icon-default, var(--control-icon-icon-only-default));
color: var(--control-icon-only-icon-default);
&:hover {
background-color: var(--control-icon-only-background-hover, var(--control-background-icon-only-hover));
border-color: var(--control-icon-only-border-hover, var(--control-border-icon-only-hover));
color: var(--control-icon-only-icon-hover, var(--control-icon-icon-only-hover));
background-color: var(--control-icon-only-background-hover);
border-color: var(--control-icon-only-border-hover);
color: var(--control-icon-only-icon-hover);
}
}
@ -177,7 +177,7 @@
&:focus-visible {
/* stylelint-disable-next-line custom-property-pattern */
box-shadow: 0 0 0 4px var(--__adaptive-focus-ring-color, var(--border-focus, var(--focus-primary, #00b0f4)));
box-shadow: 0 0 0 4px var(--__adaptive-focus-ring-color, var(--border-focus, #00b0f4));
}
}
@ -190,7 +190,7 @@
}
.vc-text-btn-danger {
color: var(--text-feedback-critical, var(--text-danger));
color: var(--text-feedback-critical);
}
.vc-text-btn-link {

6
src/components/Card.css
View file

@ -1,5 +1,5 @@
.vc-card-base {
background: var(--card-background-default, var(--card-primary-bg));
background: var(--card-background-default);
border-radius: var(--radius-sm, 8px)
}
@ -8,11 +8,11 @@
}
.vc-card-warning {
border: 1px solid var(--icon-status-idle, var(--info-warning-foreground));
border: 1px solid var(--icon-status-idle);
}
.vc-card-danger {
border: 1px solid var(--icon-status-dnd, var(--info-danger-foreground));
border: 1px solid var(--icon-status-dnd);
}
.vc-card-defaultPadding {

4
src/components/Switch.css
View file

@ -15,7 +15,7 @@
.vc-switch-checked {
background: var(--brand-500);
border-color: var(--control-primary-border-default, var(--control-border-primary-default));
border-color: var(--control-primary-border-default);
}
.vc-switch-disabled {
@ -25,7 +25,7 @@
.vc-switch-focusVisible {
/* stylelint-disable-next-line custom-property-pattern */
box-shadow: 0 0 0 4px var(--__adaptive-focus-ring-color, var(--border-focus, var(--focus-primary, #00b0f4)));
box-shadow: 0 0 0 4px var(--__adaptive-focus-ring-color, var(--border-focus, #00b0f4));
}
.vc-switch-slider {

4
src/components/settings/AddonCard.css
View file

@ -1,6 +1,6 @@
.vc-addon-card {
background-color: var(--card-background-default, var(--card-primary-bg));
color: var(--interactive-icon-active, var(--interactive-active));
background-color: var(--card-background-default);
color: var(--interactive-icon-active);
border: 1px solid var(--border-subtle);
border-radius: 8px;
display: block;

6
src/components/settings/QuickAction.css
View file

@ -14,7 +14,7 @@
.vc-settings-quickActions-pill {
all: unset;
background: var(--redesign-button-secondary-background, var(--button-secondary-background));
background: var(--redesign-button-secondary-background);
color: var(--text-default);
display: flex;
align-items: center;
@ -26,13 +26,13 @@
}
.vc-settings-quickActions-pill:hover {
background: var(--redesign-button-secondary-pressed-background, var(--button-secondary-background-hover));
background: var(--redesign-button-secondary-pressed-background);
transform: translateY(-1px);
box-shadow: var(--elevation-high);
}
.vc-settings-quickActions-pill:focus-visible {
outline: 2px solid var(--border-focus, var(--focus-primary));
outline: 2px solid var(--border-focus);
outline-offset: 2px;
}

2
src/components/settings/tabs/patchHelper/FullPatchInput.tsx
View file

@ -77,7 +77,7 @@ export function FullPatchInput({ setFind, setParsedFind, setMatch, setReplacemen
onChange={setPatch}
onBlur={update}
/>
{error !== "" && <Forms.FormText style={{ color: "var(--text-feedback-critical, var(--text-danger))" }}>{error}</Forms.FormText>}
{error !== "" && <Forms.FormText style={{ color: "var(--text-feedback-critical)" }}>{error}</Forms.FormText>}
</>
);
}

2
src/components/settings/tabs/patchHelper/PatchPreview.tsx
View file

@ -140,7 +140,7 @@ export function PatchPreview({ module, match, replacement, setReplacementError }
)}
{compileResult && (
<Forms.FormText style={{ color: compileResult[0] ? "var(--status-positive)" : "var(--text-feedback-critical, var(--text-danger))" }}>
<Forms.FormText style={{ color: compileResult[0] ? "var(--status-positive)" : "var(--text-feedback-critical)" }}>
{compileResult[1]}
</Forms.FormText>
)}

6
src/components/settings/tabs/plugins/UIElements.css
View file

@ -1,13 +1,13 @@
.vc-plugin-ui-elements-button {
display: flex;
align-items: center;
color: var(--interactive-icon-default, var(--interactive-normal));
color: var(--interactive-icon-default);
margin-top: 0.5em;
cursor: pointer;
&:hover {
background-color: var(--background-mod-subtle, var(--background-modifier-hover));
color: var(--interactive-icon-hover, var(--interactive-hover));
background-color: var(--background-mod-subtle);
color: var(--interactive-icon-hover);
}
}

2
src/components/settings/tabs/plugins/components/styles.css
View file

@ -31,5 +31,5 @@
}
.vc-plugins-setting-error {
color: var(--text-feedback-critical, var(--text-danger, #FF5C5C));
color: var(--text-feedback-critical, #FF5C5C);
}

8
src/components/settings/tabs/plugins/styles.css
View file

@ -29,16 +29,16 @@
padding: 0;
background: transparent;
margin-right: 8px;
color: var(--icon-muted, var(--icon-secondary));
color: var(--icon-muted);
transition: background-color .2s ease;
&:hover {
color: var(--interactive-icon-hover, var(--interactive-hover))
color: var(--interactive-icon-hover)
}
}
.vc-plugins-settings-button:hover {
color: var(--interactive-icon-hover, var(--interactive-hover));
color: var(--interactive-icon-hover);
}
.vc-plugins-filter-controls {
@ -74,7 +74,7 @@
.vc-plugins-restart-button {
margin-top: 0.5em;
background: var(--icon-status-idle, var(--info-warning-foreground)) !important;
background: var(--icon-status-idle) !important;
}
.vc-plugins-info-icon:not(:hover, :focus) {

4
src/components/settings/tabs/styles.css
View file

@ -20,7 +20,7 @@
display: inline-block !important;
color: var(--text-default) !important;
padding: 0.5em 1em;
border: 1px solid var(--input-border-default, var(--input-border));
border: 1px solid var(--input-border-default);
max-height: unset;
background-color: transparent;
box-sizing: border-box;
@ -47,7 +47,7 @@
.vc-cloud-erase-data-danger-btn {
color: var(--white-500);
background-color: var(--redesign-button-danger-background, var(--button-danger-background));
background-color: var(--redesign-button-danger-background);
}
.vc-settings-modal {

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

@ -140,7 +140,7 @@ export default definePlugin({
overflow: "hidden",
borderRadius: "50%",
backgroundColor: "var(--interactive-icon-default, var(--interactive-normal))",
backgroundColor: "var(--interactive-icon-default)",
color: "var(--background-base-lower)",
}}
>

2
src/plugins/clientTheme/clientTheme.css
View file

@ -16,7 +16,7 @@
}
.vc-clientTheme-container [class^="swatch"] {
border: thin solid var(--input-border-default, var(--input-border)) !important;
border: thin solid var(--input-border-default) !important;
}
.vc-clientTheme-buttons-container {

4
src/plugins/copyFileContents/style.css
View file

@ -1,9 +1,9 @@
.vc-cfc-button {
color: var(--interactive-icon-default, var(--interactive-normal));
color: var(--interactive-icon-default);
cursor: pointer;
padding-left: 4px;
}
.vc-cfc-button:hover {
color: var(--interactive-icon-hover, var(--interactive-hover));
color: var(--interactive-icon-hover);
}

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

@ -279,7 +279,7 @@ export default definePlugin({
<Divider className={Margins.top8} />
<div style={{ width: "284px", ...profileThemeStyle, marginTop: 8, borderRadius: 8, background: "var(--background-mod-muted, var(--background-mod-faint))" }}>
<div style={{ width: "284px", ...profileThemeStyle, marginTop: 8, borderRadius: 8, background: "var(--background-mod-muted)" }}>
{activity && <ActivityView
activity={activity}
user={UserStore.getCurrentUser()}

2
src/plugins/customRPC/settings.css
View file

@ -27,5 +27,5 @@
}
.vc-customRPC-settings-error {
color: var(--text-feedback-critical, var(--text-danger));
color: var(--text-feedback-critical);
}

2
src/plugins/decor/ui/styles.css
View file

@ -1,6 +1,6 @@
.vc-decor-danger-btn {
color: var(--white-500);
background-color: var(--redesign-button-danger-background, var(--button-danger-background));
background-color: var(--redesign-button-danger-background);
}
.vc-decor-change-decoration-modal-content {

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

@ -703,7 +703,7 @@ export default definePlugin({
},
getStickerLink({ format_type, id }: Sticker) {
const ext = format_type === StickerFormatType.GIF;
const ext = format_type === StickerFormatType.GIF ? "gif" : "png";
return `https://media.discordapp.net/stickers/${id}.${ext}?size=${settings.store.stickerSize}`;
},

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

@ -85,7 +85,7 @@ export default definePlugin({
width="16"
height="16"
viewBox="0 0 24 24"
fill="var(--interactive-icon-default, var(--interactive-normal))"
fill="var(--interactive-icon-default)"
>
<path d="M13 10a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z" />
<path d="M3 5v-.75C3 3.56 3.56 3 4.25 3s1.24.56 1.33 1.25C6.12 8.65 9.46 12 13 12h1a8 8 0 0 1 8 8 2 2 0 0 1-2 2 .21.21 0 0 1-.2-.15 7.65 7.65 0 0 0-1.32-2.3c-.15-.2-.42-.06-.39.17l.25 2c.02.15-.1.28-.25.28H9a2 2 0 0 1-2-2v-2.22c0-1.57-.67-3.05-1.53-4.37A15.85 15.85 0 0 1 3 5Z" />

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

@ -64,7 +64,7 @@ function ToggleActivityComponent(activity: IgnoredActivity, isPlaying = false) {
const { ignoredActivities } = s;
if (ignoredActivities.some(act => act.id === activity.id)) return ToggleIconOff(activity, "var(--status-danger)");
return ToggleIconOn(activity, isPlaying ? "var(--green-300)" : "var(--interactive-icon-default, var(--interactive-normal))");
return ToggleIconOn(activity, isPlaying ? "var(--green-300)" : "var(--interactive-icon-default)");
}
function handleActivityToggle(e: React.MouseEvent<HTMLButtonElement, MouseEvent>, activity: IgnoredActivity) {

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

@ -47,7 +47,7 @@
.vc-membercount-total-count {
fill: none;
stroke: var(--icon-status-offline, var(--status-offline));
stroke: var(--icon-status-offline);
stroke-width: 4px;
width: 15px;
height: 15px;

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

@ -1,6 +1,6 @@
.messagelogger-deleted {
--text-default: var(--status-danger, #f04747);
--interactive-icon-default: var(--interactive-normal, var(--status-danger, #f04747));
--interactive-icon-default: var(--status-danger, #f04747);
--text-muted: var(--status-danger, #f04747);
--embed-title: var(--red-460, #be3535);
--text-link: var(--red-460, #be3535);

14
src/plugins/permissionsViewer/styles.css
View file

@ -66,11 +66,11 @@
}
.vc-permviewer-modal-list-item:hover {
background-color: var(--background-mod-subtle, var(--background-modifier-hover));
background-color: var(--background-mod-subtle);
}
.vc-permviewer-modal-list-item-active {
background-color: var(--background-mod-strong, var(--background-modifier-selected));
background-color: var(--background-mod-strong);
}
.vc-permviewer-modal-list-item-text {
@ -100,7 +100,7 @@
.vc-permviewer-modal-divider {
width: 2px;
background-color: var(--background-mod-normal, var(--background-modifier-active));
background-color: var(--background-mod-normal);
}
.vc-permviewer-modal-perms {
@ -114,7 +114,7 @@
align-items: center;
gap: 5px;
padding: 10px 2px 10px 10px;
border-bottom: 2px solid var(--background-mod-normal, var(--background-modifier-active));
border-bottom: 2px solid var(--background-mod-normal);
}
.vc-permviewer-modal-perms-item:last-child {
@ -122,7 +122,7 @@
}
.vc-permviewer-modal-perms-item-icon {
border: 1px solid var(--background-mod-strong, var(--background-modifier-selected));
border: 1px solid var(--background-mod-strong);
width: 24px;
height: 24px;
}
@ -135,13 +135,13 @@
}
.vc-permviewer-modal-perms-item .vc-info-icon:hover {
color: var(--interactive-icon-active, var(--interactive-active));
color: var(--interactive-icon-active);
}
/* copy pasted from discord cause impossible to webpack find */
.vc-permviewer-role-button {
border-radius: var(--radius-sm);
color: var(--interactive-icon-default, var(--interactive-normal));
color: var(--interactive-icon-default);
border: 1px solid var(--user-profile-border);
/* stylelint-disable-next-line value-no-vendor-prefix */
width: -moz-fit-content;

6
src/plugins/pictureInPicture/styles.css
View file

@ -1,8 +1,8 @@
.vc-pip-button {
color: var(--interactive-icon-default, var(--interactive-normal));
color: var(--interactive-icon-default);
}
.vc-pip-button:hover {
background-color: var(--background-mod-subtle, var(--background-modifier-hover));
color: var(--interactive-icon-hover, var(--interactive-hover));
background-color: var(--background-mod-subtle);
color: var(--interactive-icon-hover);
}

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

@ -28,7 +28,7 @@
.vc-pindms-collapse-icon {
width: 16px;
height: 16px;
color: var(--interactive-icon-default, var(--interactive-normal));
color: var(--interactive-icon-default);
transform: rotate(90deg)
}

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

@ -6,5 +6,5 @@
transform: translateZ(0);
/* The new icons are fully transparent. Add a sane default to match the old behavior */
background-color: color-mix(in oklab, var(--custom-folder-color, var(--badge-background-default, var(--bg-brand))) 40%, transparent);
background-color: color-mix(in oklab, var(--custom-folder-color, var(--badge-background-default)) 40%, transparent);
}

4
src/plugins/readAllNotificationsButton/style.css
View file

@ -1,5 +1,5 @@
.vc-ranb-button {
color: var(--interactive-icon-default, var(--interactive-normal));
color: var(--interactive-icon-default);
padding: 0 0.5em;
width: 100%;
font-size: 14px;
@ -8,5 +8,5 @@
}
.vc-ranb-button:hover {
color: var(--interactive-icon-active, var(--interactive-active));
color: var(--interactive-icon-active);
}

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

@ -40,7 +40,7 @@
.vc-rdb-modal-footer .vc-rdb-input {
margin-bottom: 0;
background: var(--input-background-default, var(--input-background));
background: var(--input-background-default);
}
.vc-rdb-modal-footer [class|="pageControlContainer"] {
@ -62,7 +62,7 @@
}
.vc-rdb-review:hover {
background: var(--message-background-hover, var(--background-message-hover)) !important;
background: var(--message-background-hover) !important;
border-radius: 8px;
}

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

@ -1,11 +1,11 @@
.vc-st-date-picker {
background-color: var(--input-background-default, var(--input-background));
background-color: var(--input-background-default);
color: var(--text-default);
width: 95%;
padding: 8px 8px 8px 12px;
margin: 1em 0;
outline: none;
border: 1px solid var(--input-background-default, var(--input-background));
border: 1px solid var(--input-background-default);
border-radius: 4px;
font-weight: 500;
font-style: inherit;

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

@ -48,7 +48,7 @@
.vc-gp-tab {
border-bottom: 2px solid transparent;
color: var(--interactive-icon-default, var(--interactive-normal));
color: var(--interactive-icon-default);
cursor: pointer;
line-height: 14px;
}
@ -58,7 +58,7 @@
}
.vc-gp-tab:where(.vc-gp-selected, :hover, :focus) {
border-bottom-color: var(--interactive-icon-active, var(--interactive-active));
border-bottom-color: var(--interactive-icon-active);
}
.vc-gp-info {
@ -97,5 +97,5 @@
}
.vc-gp-scroller [class^="listRow"]:hover {
background-color: var(--background-mod-subtle, var(--background-modifier-hover));
background-color: var(--background-mod-subtle);
}

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

@ -16,7 +16,7 @@
margin: 0 2px;
border-radius: var(--radius-sm);
background: none;
color: var(--interactive-icon-default, var(--interactive-normal));
color: var(--interactive-icon-default);
padding: 0;
width: 32px;
height: 32px;
@ -26,8 +26,8 @@
}
.vc-spotify-button:hover {
color: var(--interactive-icon-hover, var(--interactive-hover));
background-color: var(--background-mod-strong, var(--background-modifier-selected));
color: var(--interactive-icon-hover);
background-color: var(--background-mod-strong);
}
.vc-spotify-button-icon {
@ -171,7 +171,7 @@
}
#vc-spotify-progress-bar > [class^="slider"] [class^="barFill"] {
background-color: var(--interactive-icon-active, var(--interactive-active));
background-color: var(--interactive-icon-active);
}
#vc-spotify-progress-bar > [class^="slider"]:hover [class^="barFill"] {
@ -184,9 +184,9 @@
width: 16px !important;
margin-top: calc(17px/-2 + var(--bar-offset)/2);
margin-left: -0.5px;
background-color: var(--interactive-icon-active, var(--interactive-active));
border-color: var(--interactive-icon-default, var(--interactive-normal));
color: var(--interactive-icon-default, var(--interactive-normal));
background-color: var(--interactive-icon-active);
border-color: var(--interactive-icon-default);
color: var(--interactive-icon-default);
opacity: 0;
transition: opacity 0.1s;
}

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

@ -92,7 +92,7 @@ function renderFindError(find: string) {
return null;
} catch (e) {
return (
<span style={{ color: "var(--text-feedback-critical, var(--text-danger))" }}>
<span style={{ color: "var(--text-feedback-critical)" }}>
{String(e)}
</span>
);

4
src/plugins/userVoiceShow/style.css
View file

@ -1,5 +1,5 @@
.vc-uvs-speaker {
color: var(--interactive-icon-default, var(--interactive-normal));
color: var(--interactive-icon-default);
display: flex;
align-items: center;
justify-content: center;
@ -10,7 +10,7 @@
}
.vc-uvs-clickable:hover {
color: var(--interactive-icon-hover, var(--interactive-hover));
color: var(--interactive-icon-hover);
}
.vc-uvs-profile-speaker {

6
src/plugins/vencordToolbox/styles.css
View file

@ -4,13 +4,13 @@
}
.vc-toolbox-icon {
color: var(--interactive-icon-default, var(--interactive-normal));
color: var(--interactive-icon-default);
}
.vc-toolbox-btn[class*="selected"] .vc-toolbox-icon {
color: var(--interactive-icon-active, var(--interactive-active));
color: var(--interactive-icon-active);
}
.vc-toolbox-btn:hover .vc-toolbox-icon {
color: var(--interactive-icon-hover, var(--interactive-hover));
color: var(--interactive-icon-hover);
}

4
src/plugins/voiceDownload/style.css
View file

@ -1,12 +1,12 @@
.vc-voice-download {
width: 24px;
height: 24px;
color: var(--interactive-icon-default, var(--interactive-normal));
color: var(--interactive-icon-default);
margin-left: 12px;
cursor: pointer;
position: relative;
}
.vc-voice-download:hover {
color: var(--interactive-icon-active, var(--interactive-active));
color: var(--interactive-icon-active);
}

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

@ -21,7 +21,7 @@
}
.vc-vmsg-preview-indicator {
background: var(--redesign-button-secondary-background, var(--button-secondary-background));
background: var(--redesign-button-secondary-background);
width: 16px;
height: 16px;
border-radius: 50%;
@ -50,5 +50,5 @@
}
.vc-vmsg-error {
color: var(--text-feedback-critical, var(--text-danger, #FF5C5C));
color: var(--text-feedback-critical, #FF5C5C);
}