From ba083b76f54adc64f6dad6f7f26d151be071431d Mon Sep 17 00:00:00 2001
From: griffi-gh <prasol258@gmail.com>
Date: Tue, 27 Feb 2024 20:31:16 +0100
Subject: [PATCH] add color html

---
 hui/src/color.rs | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/hui/src/color.rs b/hui/src/color.rs
index 0511945..0248b7d 100644
--- a/hui/src/color.rs
+++ b/hui/src/color.rs
@@ -1,75 +1,101 @@
+//! various predefined color constants
+
 use glam::{vec4, Vec4};
 
 /// Transparent `#00000000`
+/// <span style="display: inline-block; background-color: #00000000; width: 1em; height: 1em; border-radius: 50%; border: 1px solid black"></span>
 pub const TRANSPARENT: Vec4 = vec4(0.0, 0.0, 0.0, 0.0);
 
 /// Black `#000000`
+/// <span style="display: inline-block; background-color: #000000; width: 1em; height: 1em; border-radius: 50%; border: 1px solid black"></span>
 pub const BLACK: Vec4 = vec4(0.0, 0.0, 0.0, 1.0);
 
 /// White `#ffffff`
+/// <span style="display: inline-block; background-color: #ffffff; width: 1em; height: 1em; border-radius: 50%; border: 1px solid black"></span>
 pub const WHITE: Vec4 = vec4(1.0, 1.0, 1.0, 1.0);
 
 /// Red `#ff0000`
+/// <span style="display: inline-block; background-color: #ff0000; width: 1em; height: 1em; border-radius: 50%; border: 1px solid black"></span>
 pub const RED: Vec4 = vec4(1.0, 0.0, 0.0, 1.0);
 
 /// Dark red `#800000`
+/// <span style="display: inline-block; background-color: #800000; width: 1em; height: 1em; border-radius: 50%; border: 1px solid black"></span>
 pub const DARK_RED: Vec4 = vec4(0.5, 0.0, 0.0, 1.0);
 
 /// Green `#00ff00`
+/// <span style="display: inline-block; background-color: #00ff00; width: 1em; height: 1em; border-radius: 50%; border: 1px solid black"></span>
 pub const GREEN: Vec4 = vec4(0.0, 1.0, 0.0, 1.0);
 
 /// Dark green `#008000`
+/// <span style="display: inline-block; background-color: #008000; width: 1em; height: 1em; border-radius: 50%; border: 1px solid black"></span>
 pub const DARK_GREEN: Vec4 = vec4(0.0, 0.5, 0.0, 1.0);
 
 /// Blue `#0000ff`
+/// <span style="display: inline-block; background-color: #0000ff; width: 1em; height: 1em; border-radius: 50%; border: 1px solid black"></span>
 pub const BLUE: Vec4 = vec4(0.0, 0.0, 1.0, 1.0);
 
 /// Dark blue `#000080`
+/// <span style="display: inline-block; background-color: #000080; width: 1em; height: 1em; border-radius: 50%; border: 1px solid black"></span>
 pub const DARK_BLUE: Vec4 = vec4(0.0, 0.0, 0.5, 1.0);
 
 /// Yellow `#ffff00`
+/// <span style="display: inline-block; background-color: #ffff00; width: 1em; height: 1em; border-radius: 50%; border: 1px solid black"></span>
 pub const YELLOW: Vec4 = vec4(1.0, 1.0, 0.0, 1.0);
 
 /// Cyan `#00ffff`
+/// <span style="display: inline-block; background-color: #00ffff; width: 1em; height: 1em; border-radius: 50%; border: 1px solid black"></span>
 pub const CYAN: Vec4 = vec4(0.0, 1.0, 1.0, 1.0);
 
 /// Magenta `#ff00ff`
+/// <span style="display: inline-block; background-color: #ff00ff; width: 1em; height: 1em; border-radius: 50%; border: 1px solid black"></span>
 pub const MAGENTA: Vec4 = vec4(1.0, 0.0, 1.0, 1.0);
 
 /// Gray `#808080`
+/// <span style="display: inline-block; background-color: #808080; width: 1em; height: 1em; border-radius: 50%; border: 1px solid black"></span>
 pub const GRAY: Vec4 = vec4(0.5, 0.5, 0.5, 1.0);
 
 /// Light gray `#c0c0c0`
+/// <span style="display: inline-block; background-color: #c0c0c0; width: 1em; height: 1em; border-radius: 50%; border: 1px solid black"></span>
 pub const LIGHT_GRAY: Vec4 = vec4(0.75, 0.75, 0.75, 1.0);
 
 /// Dark gray `#404040`
+/// <span style="display: inline-block; background-color: #404040; width: 1em; height: 1em; border-radius: 50%; border: 1px solid black"></span>
 pub const DARK_GRAY: Vec4 = vec4(0.25, 0.25, 0.25, 1.0);
 
 /// Orange `#ff8000`
+/// <span style="display: inline-block; background-color: #ff8000; width: 1em; height: 1em; border-radius: 50%; border: 1px solid black"></span>
 pub const ORANGE: Vec4 = vec4(1.0, 0.5, 0.0, 1.0);
 
 /// Brown `#804000`
+/// <span style="display: inline-block; background-color: #804000; width: 1em; height: 1em; border-radius: 50%; border: 1px solid black"></span>
 pub const BROWN: Vec4 = vec4(0.5, 0.25, 0.0, 1.0);
 
 /// Pink `#ff80ff`
+/// <span style="display: inline-block; background-color: #ff80ff; width: 1em; height: 1em; border-radius: 50%; border: 1px solid black"></span>
 pub const PINK: Vec4 = vec4(1.0, 0.5, 1.0, 1.0);
 
 /// Purple `#800080`
+/// <span style="display: inline-block; background-color: #800080; width: 1em; height: 1em; border-radius: 50%; border: 1px solid black"></span>
 pub const PURPLE: Vec4 = vec4(0.5, 0.0, 0.5, 1.0);
 
 /// Lime `#80ff00`
+/// <span style="display: inline-block; background-color: #80ff00; width: 1em; height: 1em; border-radius: 50%; border: 1px solid black"></span>
 pub const LIME: Vec4 = vec4(0.5, 1.0, 0.0, 1.0);
 
 /// Teal `#008080`
+/// <span style="display: inline-block; background-color: #008080; width: 1em; height: 1em; border-radius: 50%; border: 1px solid black"></span>
 pub const TEAL: Vec4 = vec4(0.0, 0.5, 0.5, 1.0);
 
 /// Indigo `#004080`
+/// <span style="display: inline-block; background-color: #004080; width: 1em; height: 1em; border-radius: 50%; border: 1px solid black"></span>
 pub const INDIGO: Vec4 = vec4(0.0, 0.25, 0.5, 1.0);
 
 /// Olive `#808000`
+/// <span style="display: inline-block; background-color: #808000; width: 1em; height: 1em; border-radius: 50%; border: 1px solid black"></span>
 pub const OLIVE: Vec4 = vec4(0.5, 0.5, 0.0, 1.0);
 
 /// Sky blue `#87ceeb`
+/// <span style="display: inline-block; background-color: #87ceeb; width: 1em; height: 1em; border-radius: 50%; border: 1px solid black"></span>
 pub const SKY_BLUE: Vec4 = vec4(0.53, 0.81, 0.92, 1.0);
 
 //TODO color macro