From 12afe29331c55dc3f02ab1c71e62688eb371cf6c Mon Sep 17 00:00:00 2001
From: ghostly_zsh <pokeball.181818@gmail.com>
Date: Thu, 3 Jul 2025 20:56:00 -0500
Subject: [PATCH] ui start (merge again)

---
 crates/unified/src/client/colors.rs | 33 ++++++++++++++++++++++
 crates/unified/src/client/mod.rs    |  6 +++-
 crates/unified/src/client/ui.rs     | 43 +++++++++++++++++++++++++++++
 3 files changed, 81 insertions(+), 1 deletion(-)
 create mode 100644 crates/unified/src/client/colors.rs
 create mode 100644 crates/unified/src/client/ui.rs

diff --git a/crates/unified/src/client/colors.rs b/crates/unified/src/client/colors.rs
new file mode 100644
index 0000000000000000000000000000000000000000..d01d4562453bd81043438a01211b566b59528a7f
--- /dev/null
+++ b/crates/unified/src/client/colors.rs
@@ -0,0 +1,33 @@
+macro_rules! color {
+    ($n:ident,rgb($r:expr, $g:expr, $b:expr)) => {
+        #[allow(dead_code)]
+        pub const $n: ::bevy::prelude::Color = ::bevy::prelude::Color::srgb($r as f32 / 256.0, $g as f32 / 256.0, $b as f32 / 256.0);
+    };
+}
+
+color!(ROSEWATER, rgb(245, 224, 220));
+color!(FLAMINGO, rgb(242, 205, 205));
+color!(PINK, rgb(245, 194, 231));
+color!(MAUVE, rgb(203, 166, 247));
+color!(RED, rgb(243, 139, 168));
+color!(MAROON, rgb(235, 160, 172));
+color!(PEACH, rgb(250, 179, 135));
+color!(YELLOW, rgb(249, 226, 175));
+color!(GREEN, rgb(166, 227, 161));
+color!(TEAL, rgb(148, 226, 213));
+color!(SKY, rgb(137, 220, 235));
+color!(SAPPHIRE, rgb(116, 199, 236));
+color!(BLUE, rgb(137, 180, 250));
+color!(LAVENDER, rgb(180, 190, 254));
+color!(TEXT, rgb(205, 214, 244));
+color!(SUBTEXT_1, rgb(186, 194, 222));
+color!(SUBTEXT_0, rgb(166, 173, 200));
+color!(OVERLAY_2, rgb(147, 153, 178));
+color!(OVERLAY_1, rgb(127, 132, 156));
+color!(OVERLAY_0, rgb(108, 112, 132));
+color!(SURFACE_2, rgb(88, 91, 112));
+color!(SURFACE_1, rgb(69, 71, 90));
+color!(SURFACE_0, rgb(49, 50, 68));
+color!(BASE, rgb(30, 30, 46));
+color!(MANTLE, rgb(24, 24, 37));
+color!(CRUST, rgb(17, 17, 27));
diff --git a/crates/unified/src/client/mod.rs b/crates/unified/src/client/mod.rs
index a282e98c78ed8b4db679953aaaa1908ab658ef6b..39d5feb59d4d60b1744927fba3624f9ccab8e6a7 100644
--- a/crates/unified/src/client/mod.rs
+++ b/crates/unified/src/client/mod.rs
@@ -3,6 +3,8 @@ mod incoming_planets;
 mod key_input;
 mod starfield;
 mod net;
+mod ui;
+mod colors;
 
 use aeronet_websocket::client::WebSocketClient;
 use crate::client::incoming_parts::incoming_parts_plugin;
@@ -16,6 +18,7 @@ use bevy::window::PrimaryWindow;
 use bevy_replicon::prelude::RepliconChannels;
 use bevy_replicon::shared::server_entity_map::ServerEntityMap;
 use web_time::SystemTime;
+use crate::client::ui::ui_plugin;
 
 pub struct ClientPlugin {
     pub server: String
@@ -41,7 +44,8 @@ impl Plugin for ClientPlugin {
             .add_plugins(incoming_planets_plugin)
             .add_plugins(incoming_parts_plugin)
             .add_plugins(key_input_plugin)
-            .add_plugins(starfield_plugin);
+            .add_plugins(starfield_plugin)
+            .add_plugins(ui_plugin);
     }
 }
 
diff --git a/crates/unified/src/client/ui.rs b/crates/unified/src/client/ui.rs
new file mode 100644
index 0000000000000000000000000000000000000000..79c0473be8dc5c7efe1e414512fba5592f62d78d
--- /dev/null
+++ b/crates/unified/src/client/ui.rs
@@ -0,0 +1,43 @@
+use bevy::prelude::*;
+
+use crate::client::colors;
+
+pub fn ui_plugin(app: &mut App) {
+    app
+        .add_systems(Startup, setup_ui);
+}
+
+fn setup_ui(
+    mut commands: Commands,
+) {
+    commands.spawn((
+        Node {
+            width: Val::Percent(100.0),
+            height: Val::Percent(100.0),
+            ..Default::default()
+        },
+        children![(
+            Node {
+                display: Display::Flex,
+                position_type: PositionType::Absolute,
+                width: Val::Px(200.0),
+                height: Val::Px(150.0),
+                top: Val::Px(5.0),
+                right: Val::Px(5.0),
+                ..Default::default()
+            },
+            BorderRadius::all(Val::Px(5.0)),
+            BackgroundColor(colors::MANTLE),
+            children![(
+                Node {
+                    width: Val::Percent(100.0),
+                    height: Val::Px(20.0),
+                    margin: UiRect::all(Val::Px(5.0)),
+                    ..Default::default()
+                },
+                BorderRadius::all(Val::Px(5.0)),
+                BackgroundColor(colors::CRUST),
+            )],
+        )],
+    ));
+}