From f1088c06cdf4d7329df92ffa7fb02896da77c710 Mon Sep 17 00:00:00 2001
From: tux <t@tux.rs>
Date: Fri, 26 Sep 2025 04:21:57 +0530
Subject: [PATCH] style(control-center): adjust color contrast in header

---
 style/_control-center.scss        | 10 ++++++++++
 widgets/control-center/header.tsx |  4 ++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/style/_control-center.scss b/style/_control-center.scss
index a0b92a0..756cc10 100644
--- a/style/_control-center.scss
+++ b/style/_control-center.scss
@@ -30,6 +30,16 @@ window.control-center {
   }
 
   .header {
+    .name {
+      color: rgba($fg-color, 0.8);
+      font-size: 1.8rem;
+    }
+
+    .username {
+      color: rgba($fg-color, 0.5);
+      font-size: 1.2rem;
+    }
+
     .controls {
       button {
         background-color: $inactive-color;
diff --git a/widgets/control-center/header.tsx b/widgets/control-center/header.tsx
index 401722d..892e514 100644
--- a/widgets/control-center/header.tsx
+++ b/widgets/control-center/header.tsx
@@ -29,8 +29,8 @@ export const Header = () => {
       />
 
       <box valign={CENTER} orientation={VERTICAL} spacing={5}>
-        <label halign={START} label="tux" />
-        <label halign={START} label="@tuxdotrs" />
+        <label halign={START} label="tux" cssClasses={["name"]} />
+        <label halign={START} label="@tuxdotrs" cssClasses={["username"]} />
       </box>
 
       <box