aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/components/PluginSettings/styles.css3
-rw-r--r--src/components/VencordSettings/settingsStyles.css3
-rw-r--r--src/plugins/messageLogger/index.tsx12
-rw-r--r--src/plugins/messageLogger/messageLogger.css17
-rw-r--r--src/plugins/shikiCodeblocks/devicon.css2
-rw-r--r--src/plugins/shikiCodeblocks/shiki.css5
-rw-r--r--src/plugins/spotifyControls/spotifyStyles.css18
7 files changed, 32 insertions, 28 deletions
diff --git a/src/components/PluginSettings/styles.css b/src/components/PluginSettings/styles.css
index 1626d7d..a756fa9 100644
--- a/src/components/PluginSettings/styles.css
+++ b/src/components/PluginSettings/styles.css
@@ -94,6 +94,7 @@
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
+ /* stylelint-disable-next-line property-no-unknown */
box-orient: vertical;
}
@@ -132,6 +133,6 @@
margin-top: 0.5em;
}
-.vc-plugins-info-button svg:not(:hover):not(:focus) {
+.vc-plugins-info-button svg:not(:hover, :focus) {
color: var(--text-muted);
}
diff --git a/src/components/VencordSettings/settingsStyles.css b/src/components/VencordSettings/settingsStyles.css
index 4b1e16b..76064be 100644
--- a/src/components/VencordSettings/settingsStyles.css
+++ b/src/components/VencordSettings/settingsStyles.css
@@ -16,9 +16,8 @@
gap: 1em;
align-items: center;
justify-content: space-between;
- flex-wrap: wrap;
flex-grow: 1;
- flex-direction: row;
+ flex-flow: row wrap;
margin-bottom: 1em;
}
diff --git a/src/plugins/messageLogger/index.tsx b/src/plugins/messageLogger/index.tsx
index 8c7fa11..8c897b6 100644
--- a/src/plugins/messageLogger/index.tsx
+++ b/src/plugins/messageLogger/index.tsx
@@ -45,8 +45,8 @@ export default definePlugin({
},
stop() {
- document.querySelectorAll(".messageLogger-deleted").forEach(e => e.remove());
- document.querySelectorAll(".messageLogger-edited").forEach(e => e.remove());
+ document.querySelectorAll(".messagelogger-deleted").forEach(e => e.remove());
+ document.querySelectorAll(".messagelogger-edited").forEach(e => e.remove());
document.body.classList.remove("messagelogger-red-overlay");
document.body.classList.remove("messagelogger-red-text");
},
@@ -54,7 +54,7 @@ export default definePlugin({
renderEdit(edit: { timestamp: any, content: string; }) {
return (
<ErrorBoundary noop>
- <div className="messageLogger-edited">
+ <div className="messagelogger-edited">
{Parser.parse(edit.content)}
<Timestamp
timestamp={edit.timestamp}
@@ -252,7 +252,7 @@ export default definePlugin({
},
{
match: /\["className","attachment","inlineMedia".+?className:/,
- replace: "$& (deleted ? 'messageLogger-deleted-attachment ' : '') +"
+ replace: "$& (deleted ? 'messagelogger-deleted-attachment ' : '') +"
}
]
},
@@ -268,9 +268,9 @@ export default definePlugin({
replace: "var $1=$2.id,deleted=$2.message.deleted,"
},
{
- // Append messageLogger-deleted to classNames if deleted
+ // Append messagelogger-deleted to classNames if deleted
match: /\)\("li",\{(.+?),className:/,
- replace: ")(\"li\",{$1,className:(deleted ? \"messageLogger-deleted \" : \"\")+"
+ replace: ")(\"li\",{$1,className:(deleted ? \"messagelogger-deleted \" : \"\")+"
}
]
},
diff --git a/src/plugins/messageLogger/messageLogger.css b/src/plugins/messageLogger/messageLogger.css
index 94a3e25..925a09c 100644
--- a/src/plugins/messageLogger/messageLogger.css
+++ b/src/plugins/messageLogger/messageLogger.css
@@ -1,27 +1,28 @@
-.messagelogger-red-overlay .messageLogger-deleted {
- background-color: rgba(240, 71, 71, 0.15);
+.messagelogger-red-overlay .messagelogger-deleted {
+ background-color: rgba(240 71 71 / 15%);
}
-.messagelogger-red-text .messageLogger-deleted div {
+
+.messagelogger-red-text .messagelogger-deleted div {
color: #f04747;
}
-.messageLogger-deleted [class^="buttons"] {
+.messagelogger-deleted [class^="buttons"] {
display: none;
}
-.messageLogger-deleted-attachment {
+.messagelogger-deleted-attachment {
filter: grayscale(1);
}
-.messageLogger-deleted-attachment:hover {
+.messagelogger-deleted-attachment:hover {
filter: grayscale(0);
transition: 250ms filter linear;
}
-.theme-dark .messageLogger-edited {
+.theme-dark .messagelogger-edited {
filter: brightness(80%);
}
-.theme-light .messageLogger-edited {
+.theme-light .messagelogger-edited {
opacity: 0.5;
}
diff --git a/src/plugins/shikiCodeblocks/devicon.css b/src/plugins/shikiCodeblocks/devicon.css
index f5c4921..ed1014e 100644
--- a/src/plugins/shikiCodeblocks/devicon.css
+++ b/src/plugins/shikiCodeblocks/devicon.css
@@ -1 +1 @@
-@import url('https://cdn.jsdelivr.net/gh/devicons/devicon@v2.10.1/devicon.min.css');
+@import url("https://cdn.jsdelivr.net/gh/devicons/devicon@v2.10.1/devicon.min.css");
diff --git a/src/plugins/shikiCodeblocks/shiki.css b/src/plugins/shikiCodeblocks/shiki.css
index d71b673..2051183 100644
--- a/src/plugins/shikiCodeblocks/shiki.css
+++ b/src/plugins/shikiCodeblocks/shiki.css
@@ -12,7 +12,6 @@
overflow-x: auto;
padding: 0.5em;
position: relative;
-
font-size: 0.875rem;
line-height: 1.125rem;
text-indent: 0;
@@ -47,7 +46,7 @@
padding: 4px 8px;
}
-.shiki-btn~.shiki-btn {
+.shiki-btn ~ .shiki-btn {
margin-left: 4px;
}
@@ -57,7 +56,7 @@
.shiki-spinner-container {
align-items: center;
- background-color: rgba(0, 0, 0, 0.6);
+ background-color: rgb(0 0 0 / 60%);
display: flex;
position: absolute;
justify-content: center;
diff --git a/src/plugins/spotifyControls/spotifyStyles.css b/src/plugins/spotifyControls/spotifyStyles.css
index 9c7b1c0..63a06e3 100644
--- a/src/plugins/spotifyControls/spotifyStyles.css
+++ b/src/plugins/spotifyControls/spotifyStyles.css
@@ -1,20 +1,22 @@
#vc-spotify-player {
padding: 0.375rem 0.5rem;
border-bottom: 1px solid var(--background-modifier-accent);
+
--vc-spotify-green: #1db954; /* so cusotm themes can easily change it */
}
+
.vc-spotify-button {
background: none;
color: var(--interactive-normal);
padding: 0;
width: 32px;
height: 32px;
-
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
}
+
.vc-spotify-button:hover {
color: var(--interactive-hover);
background-color: var(--background-modifier-selected);
@@ -24,15 +26,18 @@
height: 24px;
width: 24px;
}
+
[class*="vc-spotify-shuffle"] > svg,
[class*="vc-spotify-repeat"] > svg {
width: 22px;
height: 22px;
}
+
.vc-spotify-button svg path {
width: 100%;
height: 100%;
}
+
/* .vc-spotify-button:hover {
filter: brightness(1.3);
} */
@@ -51,7 +56,9 @@
white-space: nowrap;
padding-right: 0.2em;
max-width: 100%;
+ margin: unset;
}
+
.vc-spotify-repeat-1 {
font-size: 70%;
position: absolute;
@@ -92,15 +99,12 @@
overflow: hidden;
}
-.vc-spotify-tooltip-text {
- margin: unset;
-}
-
#vc-spotify-song-title {
color: var(--header-primary);
font-size: 14px;
font-weight: 600;
}
+
.vc-spotify-ellipoverflow {
white-space: nowrap;
overflow: hidden;
@@ -137,7 +141,6 @@
#vc-spotify-progress-bar {
position: relative;
-
color: var(--text-normal);
width: 100%;
margin: 0.5em 0;
@@ -153,6 +156,7 @@
#vc-spotify-progress-bar > [class^="slider"] [class^="bar-"] {
height: 4px !important;
}
+
#vc-spotify-progress-bar > [class^="slider"] [class^="grabber"] {
/* these importants are neccessary, it applies a width and height through inline styles */
height: 10px !important;
@@ -168,7 +172,6 @@
.vc-spotify-progress-time {
font-size: 12px;
-
top: 10px;
position: absolute;
}
@@ -176,6 +179,7 @@
.vc-spotify-time-left {
left: 0;
}
+
.vc-spotify-time-right {
right: 0;
}
generated by cgit (git 2.46.0) at 2024-11-24 00:59:40 +0000