Fix a few classnames
literally guessing on some
This commit is contained in:
parent
1a7fc76bf8
commit
ef453ce06e
29 changed files with 161 additions and 212 deletions
|
|
@ -187,7 +187,7 @@
|
|||
}
|
||||
|
||||
.vc-text-btn-secondary {
|
||||
color: var(--text-primary);
|
||||
color: var(--text-strong);
|
||||
}
|
||||
|
||||
.vc-text-btn-danger {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -91,5 +91,5 @@
|
|||
}
|
||||
|
||||
.vc-bactivities-controls-tooltip {
|
||||
--background-floating: var(--background-secondary);
|
||||
--background-floating: var(--background-secondary-alt);
|
||||
}
|
||||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
|
|
@ -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));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -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);
|
||||
}
|
||||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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%;
|
||||
}
|
||||
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -132,7 +132,7 @@
|
|||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 50%;
|
||||
background: var(--background-tertiary);
|
||||
background: var(--background-base-low);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue