From 0b78f16e9ab2f685dc5d0fb3cc649f6c2e94ce3c Mon Sep 17 00:00:00 2001
From: Julian Chang <wyvest@polyfrost.org>
Date: Thu, 1 Oct 2026 02:01:30 -0400
Subject: [PATCH] improve more design elements

---
 .../src/components/package_row.rs             | 30 ++++++++++---------
 .../src/view/app/browser/index/cards.rs       |  8 ++---
 .../src/view/app/clusters/instance/steps.rs   |  4 +--
 3 files changed, 22 insertions(+), 20 deletions(-)

diff --git a/packages/oneclient_app/src/components/package_row.rs b/packages/oneclient_app/src/components/package_row.rs
index add8bb26..667ec14a 100644
--- a/packages/oneclient_app/src/components/package_row.rs
+++ b/packages/oneclient_app/src/components/package_row.rs
@@ -24,7 +24,6 @@ pub(crate) const GRID_MIN_W: f32 = 290.;
 const GRID_CARD_PADDING: f32 = 14.;
 const BADGE_STRIP_H: f32 = 20.;
 const BADGE_STRIP_LIFT: f32 = 2.;
-const TAG_LETTER_SPACING: f32 = 0.6;
 
 #[derive(Clone, Copy, PartialEq)]
 pub enum CardLayout {
@@ -839,24 +838,27 @@ fn updated_badge() -> Element {
     status_tag("Updated", colors::success())
 }
 
-fn status_tag(text: &str, accent: Color) -> Element {
+fn status_tag(text: &'static str, accent: Color) -> Element {
     rect()
+        .horizontal()
+        .cross_align(Alignment::Center)
+        .spacing(5.)
+        .padding(Gaps::new(2., 6., 2., 6.))
         .corner_radius(CornerRadius::new_all(4.))
         .background(colors::component_bg())
         .child(
             rect()
-                .padding(Gaps::new(1., 6., 3., 6. + TAG_LETTER_SPACING))
-                .corner_radius(CornerRadius::new_all(4.))
-                .background(accent.with_a(38))
-                .border(border_all_color(1., accent.with_a(96)))
-                .child(
-                    label()
-                        .text(text.to_uppercase())
-                        .font_size(9.)
-                        .font_weight(FontWeight::BOLD)
-                        .letter_spacing(TAG_LETTER_SPACING)
-                        .color(accent),
-                ),
+                .width(Size::px(6.))
+                .height(Size::px(6.))
+                .corner_radius(CornerRadius::new_all(3.))
+                .background(accent),
+        )
+        .child(
+            label()
+                .text(text)
+                .font_size(11.)
+                .font_weight(FontWeight::MEDIUM)
+                .color(colors::fg_secondary()),
         )
         .into_element()
 }
diff --git a/packages/oneclient_app/src/view/app/browser/index/cards.rs b/packages/oneclient_app/src/view/app/browser/index/cards.rs
index 58a4518d..609b817f 100644
--- a/packages/oneclient_app/src/view/app/browser/index/cards.rs
+++ b/packages/oneclient_app/src/view/app/browser/index/cards.rs
@@ -385,16 +385,16 @@ impl Component for InstallButton {
                 .spacing(6.)
                 .padding(Gaps::new_symmetric(0., 10.))
                 .corner_radius(CornerRadius::new_all(6.))
-                .background(color.with_a(36))
-                .border(border_all_color(1., color.with_a(115)))
+                .background(colors::component_bg())
+                .border(border_all_color(1., colors::component_border()))
                 .child(Icon::new(IconType::CheckCircle).size(12.).color(color))
                 .child(
                     label()
                         .text(installed.label())
                         .font_size(11.)
-                        .font_weight(FontWeight::SEMI_BOLD)
+                        .font_weight(FontWeight::NORMAL)
                         .max_lines(1)
-                        .color(color),
+                        .color(colors::fg_secondary()),
                 )
                 .into_element();
         }
diff --git a/packages/oneclient_app/src/view/app/clusters/instance/steps.rs b/packages/oneclient_app/src/view/app/clusters/instance/steps.rs
index 382b6cd3..05435ee5 100644
--- a/packages/oneclient_app/src/view/app/clusters/instance/steps.rs
+++ b/packages/oneclient_app/src/view/app/clusters/instance/steps.rs
@@ -60,8 +60,8 @@ fn type_step(mut wizard: Wizard, picks: &Picks) -> Element {
             IconType::Rocket02,
             "OneClient",
             Some("Recommended"),
-            "Polyfrost's client with OneConfig, performance mods and cosmetics set up.",
-            "Shares worlds and packs with your other OneClient instances.",
+            "The most bleeding edge performance, QoL mods and world hosting in one instance.",
+            "Shares configs, worlds, and packs with your other OneClient instances.",
         ),
         (
             TypeChoice::Scratch,