Update picker active and hover styles

Thanks for pointing this out @ForLoveOfCats

Co-Authored-By: Julia <30666851+ForLoveOfCats@users.noreply.github.com>
This commit is contained in:
Nate Butler 2023-03-13 12:59:17 -04:00
parent c6f27903cc
commit 6fd4e28813

View file

@ -1,4 +1,5 @@
import { ColorScheme } from "../themes/common/colorScheme" import { ColorScheme } from "../themes/common/colorScheme"
import { withOpacity } from "../utils/color"
import { background, border, text } from "./components" import { background, border, text } from "./components"
export default function picker(colorScheme: ColorScheme) { export default function picker(colorScheme: ColorScheme) {
@ -53,14 +54,17 @@ export default function picker(colorScheme: ColorScheme) {
text: text(layer, "sans", "variant"), text: text(layer, "sans", "variant"),
highlightText: text(layer, "sans", "accent", { weight: "bold" }), highlightText: text(layer, "sans", "accent", { weight: "bold" }),
active: { active: {
background: background(layer, "base", "active"), background: withOpacity(
background(layer, "base", "active"),
0.5
),
text: text(layer, "sans", "base", "active"), text: text(layer, "sans", "base", "active"),
highlightText: text(layer, "sans", "accent", { highlightText: text(layer, "sans", "accent", {
weight: "bold", weight: "bold",
}), }),
}, },
hover: { hover: {
background: background(layer, "hovered"), background: withOpacity(background(layer, "hovered"), 0.5),
}, },
}, },
inputEditor, inputEditor,