feat: Support Hex colors (#579)

* Support-Hex-colors

Signed-off-by: Taym <[email protected]>

* docs

---------

Signed-off-by: Taym <[email protected]>
Co-authored-by: marc2332 <[email protected]>

Author: Taym95

crates/elements/src/_docs/color_syntax.rs

@@ -13,10 +13,11 @@
 //! - `orange`
 //! - `transparent`
 //!
-//! #### rgb() / hsl()
+//! #### rgb() / hsl() / Hex
 //!
 //! - With RGB: `rgb(150, 60, 20)`
 //! - With RGB and alpha: `rgb(150, 60, 20, 0.7)`
 //!     - You can also use 0-255 for the alpha: `rgb(150, 60, 20, 70)`
 //! - With HSL: `hsl(28deg, 80%, 50%)`
 //! - With HSL and alpha: `hsl(28deg, 80%, 50%, 25%)`
+//! - With Hex: `#E93323`

crates/state/src/values/color.rs

@@ -29,6 +29,8 @@ impl Parse for Color {
                     parse_hsl(value)
                 } else if value.starts_with("rgb(") {
                     parse_rgb(value)
+                } else if value.starts_with("#") {
+                    parse_hex_color(value)
                 } else {
                     Err(ParseColorError)
                 }
@@ -183,3 +185,14 @@ fn parse_hsl(color: &str) -> Result<Color, ParseColorError> {
         Ok(hsv.to_color(255))
     }
 }
+
+fn parse_hex_color(color: &str) -> Result<Color, ParseColorError> {
+    if color.len() == 7 {
+        let r = u8::from_str_radix(&color[1..3], 16).map_err(|_| ParseColorError)?;
+        let g = u8::from_str_radix(&color[3..5], 16).map_err(|_| ParseColorError)?;
+        let b = u8::from_str_radix(&color[5..7], 16).map_err(|_| ParseColorError)?;
+        Ok(Color::from_rgb(r, g, b))
+    } else {
+        return Err(ParseColorError);
+    }
+}

crates/state/tests/parse_color.rs

@@ -30,6 +30,12 @@ fn parse_argb_color_f32() {
     assert_eq!(color, Ok(Color::from_argb(128, 91, 123, 57)));
 }
 
+#[test]
+fn parse_hex_color() {
+    let color = Color::parse("#FFA500");
+    assert_eq!(color, Ok(Color::from_rgb(255, 165, 0)));
+}
+
 #[test]
 fn invalid_colors() {
     let incorrect_name = Color::parse("wow(0, 0, 0)");
@@ -42,6 +48,8 @@ fn invalid_colors() {
     let extra_component = Color::parse("rgb(0, 0, 0, 0, 0)");
     let extra_ending_commas = Color::parse("rgb(0, 0, 0, 0,)");
     let bad_unit = Color::parse("hsl(28in, 0.4, 0.25, 50%)");
+    let missing_number_sign = Color::parse("FFA500");
+    let incorrect_hex_length = Color::parse("#FFA0");
 
     assert_eq!(incorrect_name.is_err(), true);
     assert_eq!(extra_lparen.is_err(), true);
@@ -53,4 +61,6 @@ fn invalid_colors() {
     assert_eq!(extra_component.is_err(), true);
     assert_eq!(extra_ending_commas.is_err(), true);
     assert_eq!(bad_unit.is_err(), true);
+    assert_eq!(missing_number_sign.is_err(), true);
+    assert_eq!(incorrect_hex_length.is_err(), true);
 }