use variables for colors

HesterG · HesterG · commit fbeb9abeda84 · 2023-04-27T09:46:40.000+08:00
diff --git a/web_src/css/base.css b/web_src/css/base.css
@@ -793,6 +793,15 @@ a.label,
   user-select: auto;
 }
 
+.ui.vertical.menu .item .menu .item {
+  color: var(--color-text-light-2);
+}
+
+.ui.vertical.menu .item .menu .item:hover,
+.ui.vertical.menu .item .menu a.item:hover {
+  color: var(--color-text-light-1);
+}
+
 .ui.menu .item > .svg {
   margin-right: 0.35em;
 }
@@ -821,7 +830,9 @@ a.label,
   background: var(--color-active);
 }
 
-.ui.menu a.item:active {
+.ui.menu a.item:active,
+.ui.vertical.menu .item .menu .active.item,
+.ui.vertical.menu .item .menu .active.item:hover {
   color: var(--color-text);
   background: none;
 }

Original file line number	Diff line number	Diff line change
`@@ -793,6 +793,15 @@ a.label,`
`793`	`793`	`user-select: auto;`
`794`	`794`	`}`
`795`	`795`
	`796`	`+.ui.vertical.menu .item .menu .item {`
	`797`	`+ color: var(--color-text-light-2);`
	`798`	`+}`
	`799`	`+`
	`800`	`+.ui.vertical.menu .item .menu .item:hover,`
	`801`	`+.ui.vertical.menu .item .menu a.item:hover {`
	`802`	`+ color: var(--color-text-light-1);`
	`803`	`+}`
	`804`	`+`
`796`	`805`	`.ui.menu .item > .svg {`
`797`	`806`	`margin-right: 0.35em;`
`798`	`807`	`}`
`@@ -821,7 +830,9 @@ a.label,`
`821`	`830`	`background: var(--color-active);`
`822`	`831`	`}`
`823`	`832`
`824`		`-.ui.menu a.item:active {`
	`833`	`+.ui.menu a.item:active,`
	`834`	`+.ui.vertical.menu .item .menu .active.item,`
	`835`	`+.ui.vertical.menu .item .menu .active.item:hover {`
`825`	`836`	`color: var(--color-text);`
`826`	`837`	`background: none;`
`827`	`838`	`}`