style fix for tags

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

View File

@@ -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();

View File

@@ -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 {