rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

style fix for tags

Browse Source
This commit is contained in:
RossAscends
2023-04-28 05:19:43 +09:00
parent 0295ca67d3
commit 52079f08a2
2 changed files with 50 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
public/scripts/tags.js
View File

@@ -10,33 +10,43 @@ export {
}; };
const TAG_COLORS = [ const TAG_COLORS = [
"#dd0a36", // Red
"#ff6633", // Orange "",
"#5f9ea0", // Teal Green /*
"#1e90ff", // Light Blue "#990099", //--tag-pink
"#990066", // Plum "#996600", //--tag-orange
"#8c00ff", // Fuchsia "#999900", //--tag-yellow
"#00ffff", // Aqua "#009966", //--tag-green
"#0f4ecc", // Teal "#006699", // --tag-blue
"#2f4b1c", // Green "#660099", //--tag-purple
"#3366e5", // Dodger Blue
"#36c3a1", // Mint Green "#dd0a36", // Red
"#995511", // Terracotta "#ff6633", // Orange
"#ab47bc", // Plum RGBA "#5f9ea0", // Teal Green
"#805451", // Mulberry "#1e90ff", // Light Blue
"#ff8c69", // Salmon "#990066", // Plum
"#ba55d3", // Magenta "#8c00ff", // Fuchsia
"#b3ffba", // Mint RGBA "#00ffff", // Aqua
"#bae7b3", // Sea Green "#0f4ecc", // Teal
"#b5d6fd", // Light Sky Blue "#2f4b1c", // Green
"#d9ecf1", // Mint Green RGBA "#3366e5", // Dodger Blue
"#ffe6e6", // Light Pink "#36c3a1", // Mint Green
"#dcd0c8", // Linen "#995511", // Terracotta
"#bed3f3", // Lavender Blush "#ab47bc", // Plum RGBA
"#ffe9f3", // Sand RGBA "#805451", // Mulberry
"#333366", // Violet "#ff8c69", // Salmon
"#993333", // Red Violet "#ba55d3", // Magenta
"#3399ff", // Sky Blue "#b3ffba", // Mint RGBA
"#bae7b3", // Sea Green
"#b5d6fd", // Light Sky Blue
"#d9ecf1", // Mint Green RGBA
"#ffe6e6", // Light Pink
"#dcd0c8", // Linen
"#bed3f3", // Lavender Blush
"#ffe9f3", // Sand RGBA
"#333366", // Violet
"#993333", // Red Violet
"#3399ff", // Sky Blue */
]; ];
const random_id = () => Math.round(Date.now() * Math.random()).toString(); const random_id = () => Math.round(Date.now() * Math.random()).toString();

18
public/style.css
View File

@@ -2322,19 +2322,22 @@ h5 {
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
box-sizing: border-box; box-sizing: border-box;
border-color: var(--black30a); color: var(--SmartThemeQuoteColor);
background-color: var(--black30a);
border-color: var(--white30a);
padding: 0.2rem 0.3rem; padding: 0.2rem 0.3rem;
font-size: calc(var(--mainFontSize) + 5%); font-size: calc(var(--mainFontSize) - 5%);
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
gap: 10px; gap: 10px;
width: fit-content; width: fit-content;
text-shadow: none !important;
} }
.tag.selected { .tag.selected {
font-weight: 500;
filter: brightness(125%); border-color: var(--white70a);
} }
.tag_remove { .tag_remove {
@@ -2342,13 +2345,18 @@ h5 {
} }
.tags { .tags {
margin: 10px 0; margin: 10px 0;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-start; justify-content: flex-start;
column-gap: 1rem; /*column-gap: 1rem;
row-gap: 0.5rem; row-gap: 0.5rem;
*/
column-gap: 0.4rem;
row-gap: 0.4rem;
} }
#rm_tag_filter { #rm_tag_filter {