Fix a few classnames

literally guessing on some
This commit is contained in:
thororen1234 2025-12-04 10:16:12 -05:00
parent 1a7fc76bf8
commit ef453ce06e
No known key found for this signature in database
29 changed files with 161 additions and 212 deletions

View file

@ -187,7 +187,7 @@
}
.vc-text-btn-secondary {
color: var(--text-primary);
color: var(--text-strong);
}
.vc-text-btn-danger {

View file

@ -1,49 +0,0 @@
:root{
--vc-donatebutton: #ffc1cbc2;
--vc-donatebutton-secondary: #f7536fe5;
}
.vc-donatebutton{
background-color: var(--background-color) !important;
border-color: var(--vc-donatebutton) !important;
filter: brightness(1);
border-width: .1rem !important;
border-style: solid !important;
}
.vc-donatebutton:hover{
background-color: var(--vc-donatebutton) !important;
border-color: transparent !important;
}
.vc-joindiscordbutton{
background-color: var(--button-secondary-background) !important;
}
.vc-joindiscordbutton:hover{
background-color: var(--button-secondary-background-hover) !important;
}
.vc-settings-card-buttons{
display: flex;
gap: 1em !important;
margin-left: .2rem;
margin-bottom: .2rem;
}
.vc-settingbuttons{
border-radius: 5px !important;
}
.form-switch-warning {
font-size: 16px;
background-color: rgb(240 71 71 / 10%);
color: rgb(240 71 71);
border: 1px solid rgb(240 71 71 / 60%);
border-radius: 4px;
font-weight: 500;
padding: 6px 10px;
text-align: center;
margin-top: 10px;
}

View file

@ -15,7 +15,7 @@
}
.vc-changelog-entry:hover {
background-color: var(--background-tertiary);
background-color: var(--background-base-low);
transform: translateY(-1px);
box-shadow: var(--elevation-high);
}
@ -27,7 +27,7 @@
}
.vc-changelog-entry.required:hover {
background-color: var(--background-tertiary);
background-color: var(--background-base-low);
border-left-color: var(--status-warning-foreground);
}
@ -114,7 +114,7 @@
}
.vc-changelog-new-plugin-card {
background-color: var(--background-tertiary);
background-color: var(--background-base-low);
border-radius: 6px;
padding: 0.5em;
transition: all 0.1s ease-out;
@ -132,7 +132,7 @@
}
.vc-changelog-new-plugin-card.required:hover {
background-color: var(--background-tertiary);
background-color: var(--background-base-low);
border-left-color: var(--status-warning-foreground);
}
@ -229,7 +229,7 @@
}
.vc-changelog-log-header:hover {
background-color: var(--background-tertiary);
background-color: var(--background-base-low);
}
.vc-changelog-log-info {

View file

@ -88,7 +88,7 @@
}
.vc-plugins-restart-button {
background-color: var(--background-color) !important;
background-color: var(--background-base-low) !important;
border: 1px solid var(--info-warning-foreground) !important;
margin-top: 0.5em;
}
@ -112,7 +112,7 @@
.vc-plugins-info-card:hover,
.vc-plugin-stats:hover {
background-color: var(--background-tertiary) !important;
background-color: var(--background-base-low) !important;
transform: translateY(-1px);
box-shadow: var(--elevation-high);
}
@ -298,4 +298,4 @@
.vc-plugins-ui-elements {
margin-top: 16px;
}
}

View file

@ -4,7 +4,7 @@
}
.vc-donatebutton {
background-color: var(--background-color) !important;
background-color: var(--background-base-low) !important;
border-color: var(--vc-donatebutton) !important;
filter: brightness(1);
border-width: .1rem !important;

View file

@ -91,5 +91,5 @@
}
.vc-bactivities-controls-tooltip {
--background-floating: var(--background-secondary);
--background-floating: var(--background-secondary-alt);
}

View file

@ -24,7 +24,7 @@ h3[class^="h5"]:has([class="vc-bi-header-inner"]) {
.vc-bi-header-text {
flex: 1;
white-space: normal;
color: var(--text-secondary);
color: var(--text-subtle);
}
.vc-bi-tooltip-icon {

View file

@ -34,7 +34,7 @@
cursor: pointer;
border-radius: 8px;
margin-bottom: 8px;
background-color: var(--background-secondary);
background-color: var(--background-secondary-alt);
display: flex;
align-items: center;
gap: 8px;

View file

@ -64,12 +64,12 @@
flex-direction: column-reverse;
-webkit-app-region: no-drag;
background-color: var(--background-primary);
box-shadow: inset 0 1px 0 var(--background-tertiary);
box-shadow: inset 0 1px 0 var(--background-base-low);
}
.vc-channeltabs-container-top {
padding-left: 4px;
box-shadow: inset 0 -1px 0 var(--background-tertiary);
box-shadow: inset 0 -1px 0 var(--background-base-low);
}
.vc-channeltabs-container-top-macos {
@ -288,7 +288,7 @@
.vc-channeltabs-tab-selected {
transform: translateY(-1px);
background-color: var(--background-secondary);
background-color: var(--background-secondary-alt);
border: 1px solid var(--brand-500);
border-bottom: 2px solid var(--brand-500);
box-shadow: 0 1px 3px rgb(0 0 0 / 20%);
@ -343,7 +343,7 @@
.vc-channeltabs-tab:hover:not(.vc-channeltabs-tab-selected) {
transform: translateY(-1px) scale(1.02);
background-color: var(--background-secondary-alt);
border-color: var(--background-modifier-accent);
border-color: var(--border-subtle);
box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
}
@ -361,7 +361,7 @@
padding: 4px;
margin: 0 4px;
border-radius: 4px;
background-color: var(--background-secondary);
background-color: var(--background-secondary-alt);
transition: all 0.2s ease;
flex-shrink: 0;
}
@ -1091,7 +1091,7 @@
justify-content: space-between;
gap: 16px;
padding: 12px;
background-color: var(--background-secondary);
background-color: var(--background-secondary-alt);
border-radius: 8px;
transition: background-color 0.2s ease;
}
@ -1116,7 +1116,7 @@
.channelTabs-keybind-button {
padding: 8px 16px;
background-color: var(--background-tertiary);
background-color: var(--background-base-low);
border: 2px solid var(--input-border);
border-radius: 8px;
cursor: pointer;
@ -1255,4 +1255,4 @@
/* disable transitions when compact expand animation is disabled */
.vc-channeltabs-no-compact-animation .vc-channeltabs-tab-number-badge {
transition: none !important;
}
}

View file

@ -368,7 +368,7 @@ export function CommandPaletteSettingsPanel() {
const isCollapsed = collapsed[command.id] ?? false;
return (
<div key={command.id} style={{ padding: 14, borderRadius: 8, background: "var(--background-primary)", border: "1px solid var(--background-tertiary)", display: "flex", flexDirection: "column", gap: 12 }}>
<div key={command.id} style={{ padding: 14, borderRadius: 8, background: "var(--background-primary)", border: "1px solid var(--background-base-low)", display: "flex", flexDirection: "column", gap: 12 }}>
<div style={{ display: "flex", justifyContent: "space-between", alignItems: "center" }}>
<Forms.FormTitle tag="h5" style={{ color: "var(--text-normal, #dcddde)" }}>{command.label || "Untitled Command"}</Forms.FormTitle>
<Button
@ -432,7 +432,7 @@ export function CommandPaletteSettingsPanel() {
</Button>
{showAdvanced && (
<div style={{ display: "flex", flexDirection: "column", gap: 12, background: "var(--background-secondary)", borderRadius: 8, padding: 12 }}>
<div style={{ display: "flex", flexDirection: "column", gap: 12, background: "var(--background-secondary-alt)", borderRadius: 8, padding: 12 }}>
<TextInput
label="Description"
value={command.description ?? ""}
@ -489,7 +489,7 @@ export function CommandPaletteSettingsPanel() {
</Forms.FormText>
{categoryId && (
<div style={{ display: "flex", flexWrap: "wrap", gap: 6 }}>
<span style={{ display: "inline-flex", alignItems: "center", gap: 6, borderRadius: 999, padding: "2px 10px", fontSize: 12, background: "var(--background-tertiary)", color: "var(--text-normal, #dcddde)" }}>
<span style={{ display: "inline-flex", alignItems: "center", gap: 6, borderRadius: 999, padding: "2px 10px", fontSize: 12, background: "var(--background-base-low)", color: "var(--text-normal, #dcddde)" }}>
{categoryLabel}
<span style={{ color: "var(--text-muted, #a5a6ab)" }}>· {categoryId}</span>
</span>

View file

@ -689,7 +689,7 @@
justify-content: space-between;
gap: 16px;
padding: 12px;
background-color: var(--background-secondary);
background-color: var(--background-secondary-alt);
border-radius: 8px;
transition: background-color 0.2s ease;
}
@ -714,7 +714,7 @@
.vc-cp-keybind-button {
padding: 8px 16px;
background-color: var(--background-tertiary);
background-color: var(--background-base-low);
border: 2px solid var(--input-border);
border-radius: 8px;
cursor: pointer;

View file

@ -6,8 +6,8 @@
.eq-googlefonts-card {
padding: 16px;
cursor: pointer !important;
background: var(--background-secondary);
border: 1px solid var(--background-tertiary);
background: var(--background-secondary-alt);
border: 1px solid var(--background-base-low);
}
.eq-googlefonts-card:hover {
@ -20,4 +20,4 @@
flex-direction: column;
gap: 8px;
cursor: pointer !important;
}
}

View file

@ -4,8 +4,8 @@
border-width: 1px;
border-style: solid;
border-radius: 5px;
border-color: var(--background-tertiary);
background-color: var(--background-secondary);
border-color: var(--background-base-low);
background-color: var(--background-secondary-alt);
}
.vc-friend-codes-card-title span {

View file

@ -1,6 +1,6 @@
.collections-sort-container {
padding: 12px;
background-color: var(--background-secondary);
background-color: var(--background-secondary-alt);
border-radius: 8px;
margin-bottom: 16px;
}
@ -62,8 +62,8 @@
.custom-modal-header {
padding: 16px;
background-color: var(--background-secondary);
border-bottom: 1px solid var(--background-tertiary);
background-color: var(--background-secondary-alt);
border-bottom: 1px solid var(--background-base-low);
}
.custom-modal-title {
@ -109,7 +109,7 @@
.custom-modal-footer {
padding: 16px;
background-color: var(--background-secondary);
background-color: var(--background-secondary-alt);
display: flex;
justify-content: flex-end;
}
@ -169,9 +169,9 @@
width: 100%;
margin-bottom: 12px;
padding: 8px;
border: 1px solid var(--border-color);
border: 1px solid var(--border-faint);
border-radius: 4px;
background-color: var(--background-secondary);
background-color: var(--background-secondary-alt);
color: var(--text-default);
outline: none;
}
@ -179,10 +179,10 @@
.collection-button {
text-align: center;
padding: 8px;
background-color: var(--background-tertiary);
background-color: var(--background-base-low);
color: var(--text-default);
border: none;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.2s;
}
}

View file

@ -9,8 +9,8 @@ $modifier: var(--input-border);
flex: auto;
margin-right: 15px;
margin-bottom: 6px;
background-color: var(--background-tertiary);
border: solid 2px var(--background-secondary);
background-color: var(--background-base-low);
border: solid 2px var(--background-secondary-alt);
}
.vc-notebook-header {
@ -22,8 +22,8 @@ $modifier: var(--input-border);
padding-top: 15px;
padding-left: 10px;
padding-bottom: 0px;
background-color: var(--background-tertiary);
box-shadow: 0 1px 0 0 var(--background-tertiary), 0 1px 2px 0 var(--background-tertiary) !important;
background-color: var(--background-base-low);
box-shadow: 0 1px 0 0 var(--background-base-low), 0 1px 2px 0 var(--background-base-low) !important;
}
.vc-notebook-heading {
@ -77,8 +77,8 @@ $modifier: var(--input-border);
}
.vc-notebook-tabbar {
border-bottom: 1px solid var(--background-tertiary);
background-color: var(--background-tertiary);
border-bottom: 1px solid var(--background-base-low);
background-color: var(--background-base-low);
white-space: nowrap;
overflow: hidden;
height: 36px;

View file

@ -55,13 +55,11 @@
width: 164px;
margin-top: 5%;
margin-left: 15%;
background-image: repeating-linear-gradient(
45deg,
#ffffff1a 0,
#ffffff1a 10px,
#0000001a 10px,
#0000001a 20px
);
background-image: repeating-linear-gradient(45deg,
#ffffff1a 0,
#ffffff1a 10px,
#0000001a 10px,
#0000001a 20px);
border-radius: 10px;
}
@ -75,7 +73,7 @@
.vc-icon-container:hover {
border-radius: 5px;
border: 3px solid var(--background-tertiary);
border: 3px solid var(--background-base-low);
box-sizing: border-box;
}
@ -114,4 +112,4 @@
.vc-ic-modals-footer {
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
}
}

View file

@ -3,12 +3,12 @@
.vc-command-palette-root {
border-radius: 10px;
overflow: hidden;
background-color: var(--background-tertiary);
background-color: var(--background-base-low);
}
.vc-command-palette-option {
padding: 5px;
background-color: var(--background-tertiary);
background-color: var(--background-base-low);
color: var(--white-500);
font-family: var(--font-display);
text-align: left;
@ -109,4 +109,4 @@
.vc-command-palette-key-recorder-button:hover {
background-color: var(--button-secondary-background-hover);
}
}

View file

@ -6,7 +6,7 @@
width: 30rem;
height: 13rem;
border-radius: 1rem;
background-color: var(--background-secondary);
background-color: var(--background-secondary-alt);
border-style: dashed;
border-color: var(--input-border);
border-width: 4px;
@ -31,7 +31,7 @@
}
.qrlogin-modal-filepaste-disabled {
background-color: var(--background-secondary) !important;
background-color: var(--background-secondary-alt) !important;
opacity: 0.5;
cursor: unset;
}
@ -133,4 +133,4 @@
to {
transform: translate(var(--offset-x), var(--offset-y)) scale(var(--scale));
}
}
}

View file

@ -17,5 +17,5 @@
/* Light color in dark theme */
.theme-dark .vc-color-bg.vc-color-bg-invert,
.theme-light .vc-color-bg:not(.vc-color-bg-invert) {
color: var(--background-secondary);
}
color: var(--background-secondary-alt);
}

View file

@ -83,7 +83,7 @@
display: flex;
justify-content: space-between;
align-items: center;
background-color: var(--background-secondary);
background-color: var(--background-secondary-alt);
}
.folder-upload-input {

View file

@ -11,7 +11,7 @@
}
.vc-more-stickers-picker-container {
background-color: var(--background-tertiary);
background-color: var(--background-base-low);
overflow: hidden;
border-radius: 4px;
width: 100%;
@ -66,7 +66,7 @@
}
.vc-more-stickers-category-wrapper {
background-color: var(--background-tertiary);
background-color: var(--background-base-low);
position: absolute;
overflow: hidden;
width: 48px;
@ -217,7 +217,7 @@
top: 0;
-ms-flex-align: center;
align-items: center;
background-color: var(--background-secondary);
background-color: var(--background-secondary-alt);
box-sizing: border-box;
display: flex;
height: 32px;
@ -404,7 +404,7 @@
.vc-more-stickers-picker-settings-cog-container {
position: fixed;
transform: translateY(-100%);
background-color: var(--background-tertiary);
background-color: var(--background-base-low);
padding: 8px;
padding-right: 4px;
border-bottom-left-radius: 5px;
@ -446,7 +446,7 @@
.vc-more-stickers-settings .bg {
border-radius: 8px;
background-color: var(--background-secondary);
background-color: var(--background-secondary-alt);
padding: 16px;
margin: 8px 16px 16px;
}
@ -462,7 +462,7 @@
top: 0;
right: 0;
border-radius: 8px;
background: var(--background-secondary);
background: var(--background-secondary-alt);
width: 26px;
height: 0;
align-items: center;

View file

@ -34,7 +34,7 @@
min-width: 100px;
height: 40px;
background-color: var(--brand);
color: var(--text-primary);
color: var(--text-strong);
border-radius: 8px;
margin: 0 3px;
}
@ -54,4 +54,4 @@
justify-content: center;
padding-top: 10px;
padding-bottom: 10px;
}
}

View file

@ -2,7 +2,7 @@
.vc-soundlog-sound {
box-sizing: border-box;
position: relative;
background: var(--background-secondary);
background: var(--background-secondary-alt);
border-radius: var(--radius-sm);
height: 40px;
width: 100%;
@ -60,7 +60,7 @@
.vc-soundlog-user-name {
text-transform: none;
flex-grow: 0;
background: var(--background-tertiary);
background: var(--background-base-low);
border-radius: 0 9999px 9999px 0;
padding: 6px 0.8em 6px 0.5em;
font-size: 20px;
@ -79,7 +79,7 @@
position: absolute;
height: 100%;
width: 16px;
background: var(--background-tertiary);
background: var(--background-base-low);
z-index: -1;
left: -16px;
top: 0;
@ -122,4 +122,4 @@
font-size: 100%;
box-sizing: border-box;
height: 40px;
}
}

View file

@ -1,129 +1,129 @@
[data-tab-id="ThemeLibrary"]::before {
/* stylelint-disable-next-line property-no-vendor-prefix */
-webkit-mask: var(--si-widget) center/contain no-repeat !important;
mask: var(--si-widget) center/contain no-repeat !important;
/* stylelint-disable-next-line property-no-vendor-prefix */
-webkit-mask: var(--si-widget) center/contain no-repeat !important;
mask: var(--si-widget) center/contain no-repeat !important;
}
.vce-theme-info {
padding: 0.5rem;
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: row;
overflow: hidden;
transition: all 0.3s ease;
padding: 0.5rem;
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: row;
overflow: hidden;
transition: all 0.3s ease;
}
.vce-theme-info-preview {
max-width: 100%;
max-height: 100%;
border-radius: 5px;
margin: 0.5rem;
max-width: 100%;
max-height: 100%;
border-radius: 5px;
margin: 0.5rem;
}
.vce-theme-info-preview img {
width: 1080px !important;
height: 1920px !important;
object-fit: cover;
width: 1080px !important;
height: 1920px !important;
object-fit: cover;
}
.vce-theme-text {
padding: 0.5rem;
padding: 0.5rem;
}
.vce-theme-info-tag {
background: var(--background-secondary);
color: var(--text-primary);
border: 2px solid var(--background-tertiary);
padding: 0.25rem 0.5rem;
display: inline-block;
border-radius: 5px;
margin-right: 0.5rem;
margin-bottom: 0.5rem;
background: var(--background-secondary-alt);
color: var(--text-strong);
border: 2px solid var(--background-base-low);
padding: 0.25rem 0.5rem;
display: inline-block;
border-radius: 5px;
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.vce-text-input {
display: inline-block !important;
color: var(--text-default) !important;
font-size: 16px !important;
padding: 0.5em;
border: 2px solid var(--background-tertiary);
line-height: 1.2;
max-height: unset;
display: inline-block !important;
color: var(--text-default) !important;
font-size: 16px !important;
padding: 0.5em;
border: 2px solid var(--background-base-low);
line-height: 1.2;
max-height: unset;
}
.vce-likes-icon {
overflow: visible;
margin-right: 0.5rem;
transition: fill 0.3s ease;
overflow: visible;
margin-right: 0.5rem;
transition: fill 0.3s ease;
}
.vce-button-grid {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
.vce-warning-button {
display: flex;
width: 100%;
display: flex;
width: 100%;
}
.vce-search-grid {
display: grid;
height: 40px;
gap: 10px;
grid-template-columns: 1fr 200px;
display: grid;
height: 40px;
gap: 10px;
grid-template-columns: 1fr 200px;
}
.vce-button {
white-space: normal;
display: inline-flex;
align-items: center;
justify-content: center;
white-space: normal;
display: inline-flex;
align-items: center;
justify-content: center;
}
.vce-overwrite-modal {
border: 1px solid var(--input-border);
border-radius: 8px;
padding: 0.5em;
border: 1px solid var(--input-border);
border-radius: 8px;
padding: 0.5em;
}
.vce-image-paste {
border-radius: 8px;
border: 3px dashed var(--input-border);
background-color: var(--background-secondary);
padding: 20px;
text-align: center;
position: relative;
cursor: pointer;
margin-top: 20px;
transition: border 0.3s ease;
border-radius: 8px;
border: 3px dashed var(--input-border);
background-color: var(--background-secondary-alt);
padding: 20px;
text-align: center;
position: relative;
cursor: pointer;
margin-top: 20px;
transition: border 0.3s ease;
}
.vce-image-paste:hover {
border: 3px dashed var(--brand-500);
transition: border 0.3s ease;
border: 3px dashed var(--brand-500);
transition: border 0.3s ease;
}
.vce-styled-list {
list-style-type: none;
padding: 0;
margin: 0;
list-style-type: none;
padding: 0;
margin: 0;
}
.vce-styled-list li {
padding: 10px 0;
border-bottom: thin solid var(--input-border);
padding: 10px 0;
border-bottom: thin solid var(--input-border);
}
.vce-styled-list li:last-child {
border-bottom: none;
border-bottom: none;
}
.vce-divider-border {
border-bottom: thin solid var(--input-border);
padding: 10px 0;
width: 100%;
}
border-bottom: thin solid var(--input-border);
padding: 10px 0;
width: 100%;
}

View file

@ -5,7 +5,7 @@
grid-template-columns: 2.25rem 24px 40px max-content;
gap: 4px;
width: 4px;
background-color: var(--background-modifier-active);
background-color: var(--border-subtle);
}
.vc-voice-channel-log-date-separator,

View file

@ -1,13 +1,13 @@
.emoji-container {
display: grid;
gap: 10px;
background-color: var(--background-secondary);
background-color: var(--background-secondary-alt);
max-height: 300px;
overflow-y: auto;
}
.guild-section {
border: 1px solid var(--background-tertiary);
border: 1px solid var(--background-base-low);
border-radius: 4px;
overflow: hidden;
}
@ -17,7 +17,7 @@
justify-content: space-between;
align-items: center;
padding: 10px;
background-color: var(--background-tertiary);
background-color: var(--background-base-low);
cursor: pointer;
}
@ -102,4 +102,4 @@
color: var(--white-500);
text-align: center;
margin: 20px;
}
}

View file

@ -100,7 +100,7 @@
.vc-permviewer-modal-divider {
width: 2px;
background-color: var(--background-modifier-active);
background-color: var(--border-subtle);
}
.vc-permviewer-modal-perms {
@ -114,7 +114,7 @@
align-items: center;
gap: 5px;
padding: 10px 2px 10px 10px;
border-bottom: 2px solid var(--background-modifier-active);
border-bottom: 2px solid var(--border-subtle);
}
.vc-permviewer-modal-perms-item:last-child {
@ -163,4 +163,4 @@
display: flex;
align-items: center;
gap: 4px;
}
}

View file

@ -132,7 +132,7 @@
width: 20px;
height: 20px;
border-radius: 50%;
background: var(--background-tertiary);
background: var(--background-base-low);
overflow: hidden;
}

View file

@ -4,19 +4,19 @@
* SPDX-License-Identifier: GPL-3.0-or-later
*/
import { DataStore } from "@api/index";
import "./style.css";
import { findGroupChildrenByChildId, NavContextMenuPatchCallback } from "@api/ContextMenu";
import { DataStore } from "@api/index";
import { definePluginSettings, Settings } from "@api/Settings";
import { Button, ErrorBoundary, Heading, TextButton } from "@components/index";
import { Devs, EquicordDevs } from "@utils/constants";
import { ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalProps, ModalRoot, openModal } from "@utils/index";
import definePlugin, { OptionType } from "@utils/types";
import { GuildMember, Message, User } from "@vencord/discord-types";
import { findByCodeLazy, findStoreLazy } from "@webpack";
import { ChannelStore, GuildMemberStore, GuildStore, Menu, MessageStore, RelationshipStore, StreamerModeStore, TextInput, useEffect, UserStore, useState } from "@webpack/common";
import { JSX } from "react";
import { findGroupChildrenByChildId, NavContextMenuPatchCallback } from "@api/ContextMenu";
import { Button, ErrorBoundary, Heading, TextButton } from "@components/index";
import { ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalProps, ModalRoot, openModal } from "@utils/index";
const wrapEmojis = findByCodeLazy("lastIndex;return");
const AccessibilityStore = findStoreLazy("AccessibilityStore");
@ -689,7 +689,7 @@ function CustomNicknameModal({ modalProps, user }: { modalProps: ModalProps; use
<ModalCloseButton onClick={modalProps.onClose} />
</ModalHeader>
<ModalContent>
<Heading tag="h3" style={{ marginBottom: 8, fontSize: "16px", fontWeight: "400", lineHeight: "1.25", color: "var(--text-secondary)" }}>
<Heading tag="h3" style={{ marginBottom: 8, fontSize: "16px", fontWeight: "400", lineHeight: "1.25", color: "var(--text-subtle)" }}>
{"Set a custom SMYN nickname for this user. Make use of it by specifying {custom} in the SMYN template settings."}
</Heading>
<div style={{ paddingTop: "10px", flexGrow: 0 }}></div>