T06d forms color: color picker with hex, RGB and HSV, swatches, palette, eye dropper, gradient editor

src/theme/palette.rs

@@ -83,6 +83,7 @@ mixable!(
         accent: Hsla,
         accent_hover: Hsla,
         on_accent: Hsla,
+        on_media: Hsla,
         focus: Hsla,
         link: Hsla,
         selection: Hsla,
@@ -130,6 +131,7 @@ impl Palette {
             accent: c(0x181613),
             accent_hover: c(0x302d2b),
             on_accent: c(0xfcfaf7),
+            on_media: c(0xffffff),
             focus: c(0x3772bb),
             link: c(0x2863ab),
             selection: rgba(0x3772bb33).into(),
@@ -194,6 +196,7 @@ impl Palette {
             accent: c(0xf3f1f0),
             accent_hover: c(0xd9d7d5),
             on_accent: c(0x131110),
+            on_media: c(0xffffff),
             focus: c(0x69a1e8),
             link: c(0x7eb1f3),
             selection: rgba(0x69a1e84d).into(),

src/theme/tokens.rs

@@ -261,6 +261,11 @@ impl Theme {
         (px_to_rems(48.0), px_to_rems(3.0))
     }
 
+    /// Height of a color picker's saturation and value plane.
+    pub fn color_plane(&self) -> Rems {
+        px_to_rems(152.0)
+    }
+
     /// Tallest a list grows before it scrolls.
     pub fn list_max_height(&self) -> Rems {
         px_to_rems(280.0)