mirror of
https://github.com/SillyTavern/SillyTavern.git
synced 2025-06-05 21:59:27 +02:00
style fix for tags
This commit is contained in:
@@ -10,33 +10,43 @@ export {
|
||||
};
|
||||
|
||||
const TAG_COLORS = [
|
||||
"#dd0a36", // Red
|
||||
"#ff6633", // Orange
|
||||
"#5f9ea0", // Teal Green
|
||||
"#1e90ff", // Light Blue
|
||||
"#990066", // Plum
|
||||
"#8c00ff", // Fuchsia
|
||||
"#00ffff", // Aqua
|
||||
"#0f4ecc", // Teal
|
||||
"#2f4b1c", // Green
|
||||
"#3366e5", // Dodger Blue
|
||||
"#36c3a1", // Mint Green
|
||||
"#995511", // Terracotta
|
||||
"#ab47bc", // Plum RGBA
|
||||
"#805451", // Mulberry
|
||||
"#ff8c69", // Salmon
|
||||
"#ba55d3", // Magenta
|
||||
"#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
|
||||
|
||||
"",
|
||||
/*
|
||||
"#990099", //--tag-pink
|
||||
"#996600", //--tag-orange
|
||||
"#999900", //--tag-yellow
|
||||
"#009966", //--tag-green
|
||||
"#006699", // --tag-blue
|
||||
"#660099", //--tag-purple
|
||||
|
||||
"#dd0a36", // Red
|
||||
"#ff6633", // Orange
|
||||
"#5f9ea0", // Teal Green
|
||||
"#1e90ff", // Light Blue
|
||||
"#990066", // Plum
|
||||
"#8c00ff", // Fuchsia
|
||||
"#00ffff", // Aqua
|
||||
"#0f4ecc", // Teal
|
||||
"#2f4b1c", // Green
|
||||
"#3366e5", // Dodger Blue
|
||||
"#36c3a1", // Mint Green
|
||||
"#995511", // Terracotta
|
||||
"#ab47bc", // Plum RGBA
|
||||
"#805451", // Mulberry
|
||||
"#ff8c69", // Salmon
|
||||
"#ba55d3", // Magenta
|
||||
"#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();
|
||||
|
@@ -2322,19 +2322,22 @@ h5 {
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
box-sizing: border-box;
|
||||
border-color: var(--black30a);
|
||||
color: var(--SmartThemeQuoteColor);
|
||||
background-color: var(--black30a);
|
||||
border-color: var(--white30a);
|
||||
padding: 0.2rem 0.3rem;
|
||||
font-size: calc(var(--mainFontSize) + 5%);
|
||||
font-size: calc(var(--mainFontSize) - 5%);
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
width: fit-content;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
|
||||
.tag.selected {
|
||||
font-weight: 500;
|
||||
filter: brightness(125%);
|
||||
|
||||
border-color: var(--white70a);
|
||||
}
|
||||
|
||||
.tag_remove {
|
||||
@@ -2342,13 +2345,18 @@ h5 {
|
||||
}
|
||||
|
||||
.tags {
|
||||
|
||||
margin: 10px 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-start;
|
||||
column-gap: 1rem;
|
||||
/*column-gap: 1rem;
|
||||
row-gap: 0.5rem;
|
||||
*/
|
||||
column-gap: 0.4rem;
|
||||
row-gap: 0.4rem;
|
||||
|
||||
}
|
||||
|
||||
#rm_tag_filter {
|
||||
|
Reference in New Issue
Block a user