voxel/hUI
voxel/hUI
1
1
Fork 0
mirror of https://github.com/griffi-gh/hUI.git synced 2024-11-29 02:18:40 -06:00
Code Issues Packages Projects Releases Wiki Activity

add color html

Browse source
This commit is contained in:
griffi-gh 2024-02-27 20:31:16 +01:00
parent d86cce035b
commit ba083b76f5
1 changed files with 26 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
hui/src/color.rs
View file

@ -1,75 +1,101 @@
//! various predefined color constants
use glam::{vec4, Vec4}; use glam::{vec4, Vec4};
/// Transparent `#00000000` /// 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); pub const TRANSPARENT: Vec4 = vec4(0.0, 0.0, 0.0, 0.0);
/// Black `#000000` /// 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); pub const BLACK: Vec4 = vec4(0.0, 0.0, 0.0, 1.0);
/// White `#ffffff` /// 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); pub const WHITE: Vec4 = vec4(1.0, 1.0, 1.0, 1.0);
/// Red `#ff0000` /// 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); pub const RED: Vec4 = vec4(1.0, 0.0, 0.0, 1.0);
/// Dark red `#800000` /// 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); pub const DARK_RED: Vec4 = vec4(0.5, 0.0, 0.0, 1.0);
/// Green `#00ff00` /// 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); pub const GREEN: Vec4 = vec4(0.0, 1.0, 0.0, 1.0);
/// Dark green `#008000` /// 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); pub const DARK_GREEN: Vec4 = vec4(0.0, 0.5, 0.0, 1.0);
/// Blue `#0000ff` /// 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); pub const BLUE: Vec4 = vec4(0.0, 0.0, 1.0, 1.0);
/// Dark blue `#000080` /// 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); pub const DARK_BLUE: Vec4 = vec4(0.0, 0.0, 0.5, 1.0);
/// Yellow `#ffff00` /// 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); pub const YELLOW: Vec4 = vec4(1.0, 1.0, 0.0, 1.0);
/// Cyan `#00ffff` /// 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); pub const CYAN: Vec4 = vec4(0.0, 1.0, 1.0, 1.0);
/// Magenta `#ff00ff` /// 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); pub const MAGENTA: Vec4 = vec4(1.0, 0.0, 1.0, 1.0);
/// Gray `#808080` /// 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); pub const GRAY: Vec4 = vec4(0.5, 0.5, 0.5, 1.0);
/// Light gray `#c0c0c0` /// 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); pub const LIGHT_GRAY: Vec4 = vec4(0.75, 0.75, 0.75, 1.0);
/// Dark gray `#404040` /// 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); pub const DARK_GRAY: Vec4 = vec4(0.25, 0.25, 0.25, 1.0);
/// Orange `#ff8000` /// 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); pub const ORANGE: Vec4 = vec4(1.0, 0.5, 0.0, 1.0);
/// Brown `#804000` /// 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); pub const BROWN: Vec4 = vec4(0.5, 0.25, 0.0, 1.0);
/// Pink `#ff80ff` /// 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); pub const PINK: Vec4 = vec4(1.0, 0.5, 1.0, 1.0);
/// Purple `#800080` /// 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); pub const PURPLE: Vec4 = vec4(0.5, 0.0, 0.5, 1.0);
/// Lime `#80ff00` /// 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); pub const LIME: Vec4 = vec4(0.5, 1.0, 0.0, 1.0);
/// Teal `#008080` /// 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); pub const TEAL: Vec4 = vec4(0.0, 0.5, 0.5, 1.0);
/// Indigo `#004080` /// 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); pub const INDIGO: Vec4 = vec4(0.0, 0.25, 0.5, 1.0);
/// Olive `#808000` /// 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); pub const OLIVE: Vec4 = vec4(0.5, 0.5, 0.0, 1.0);
/// Sky blue `#87ceeb` /// 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); pub const SKY_BLUE: Vec4 = vec4(0.53, 0.81, 0.92, 1.0);
//TODO color macro //TODO color macro