updated waybar style

.config/waybar/style.css

@@ -1 +0,0 @@
-style.css##hostname.cn-arch

.config/waybar/style.css##default

@@ -0,0 +1,183 @@
+/* =========================
+   Midnight-Ocean — Waybar GTK CSS
+   ========================= */
+
+/* Palette */
+@define-color bg_main          rgba(11, 27, 43, 0.85);
+@define-color bg_main_tooltip  rgba(11, 27, 43, 0.95);
+@define-color bg_hover         rgba(79, 132, 204, 0.3);
+@define-color bg_active        rgba(53, 107, 171, 0.7);
+@define-color border_main      rgba(79, 132, 204, 0.5);
+@define-color content_main     #FFFFFF; /* ← all text white */
+@define-color content_inactive rgba(255, 255, 255, 0.45);
+@define-color warning_color    #FFCC33;
+
+/* Reset & Font */
+* {
+  font-family: "Inconsolata Go Nerd Font";
+  font-size: 14px;
+  text-shadow: none;
+  box-shadow: none;
+  border-radius: 0;
+  margin: 0;
+  padding: 0;
+  color: @content_main;
+}
+
+/* Bar Background */
+window#waybar {
+  background: @bg_main;
+  border-top: 1px solid @border_main;
+}
+
+/* Per-bar sizing nudges */
+window#waybar.bar-dp2 * {
+  font-size: 14px;
+}
+window#waybar.bar-dp1 * {
+  font-size: 14px;
+}
+window#waybar.bar-hdmi * {
+  font-size: 13px;
+}
+
+/* Tooltips */
+tooltip {
+  background: @bg_main_tooltip;
+  border: 1px solid @border_main;
+  border-radius: 4px;
+  padding: 4px 6px;
+}
+
+/* Module Spacing & Hover */
+.module {
+  padding: 0 6px;
+  margin: 0 2px;
+}
+.module:hover {
+  background: @bg_hover;
+}
+
+/* HDMI: tighter modules to free center space */
+window#waybar.bar-hdmi .module {
+  padding: 0 4px;
+}
+
+/* Collapse empty/noise modules */
+#mpris.empty,
+#bluetooth.disconnected {
+  padding: 0;
+  margin: 0;
+  border: none;
+}
+
+/* Separators */
+#cpu,
+#memory,
+#disk,
+#disk-nvme0,
+#disk-nvme1,
+#network,
+#pulseaudio,
+#bluetooth,
+#power-profiles-daemon,
+#custom-alhp,
+#custom-razer-mouse-battery,
+#custom-hyprsunset {
+  /* ← new module gets a separator too */
+  border-right: 1px solid @border_main;
+}
+
+/* Workspaces */
+#workspaces {
+  margin: 0 2px;
+}
+#workspaces button {
+  padding: 4px 6px;
+  color: @content_inactive;
+}
+#workspaces button:hover {
+  background: @bg_hover;
+  color: @content_main;
+}
+#workspaces button.active {
+  background: @bg_active;
+  color: @content_main;
+  font-weight: 600;
+}
+#workspaces button.urgent {
+  background: rgba(255, 204, 51, 0.35);
+  color: @warning_color;
+}
+
+/* Window title (hyprland/window): truncation via config max-length */
+#window {
+  min-width: 0;
+  font-weight: 500;
+  padding: 0 6px;
+}
+
+/* MPRIS */
+#mpris {
+  min-width: 0;
+  padding: 0 6px;
+}
+
+/* Tray & Clock */
+#tray,
+#clock {
+  padding: 0 6px;
+}
+#tray > .passive {
+  opacity: 0.7;
+}
+#tray > .needs-attention {
+  color: @warning_color;
+}
+
+/* Battery states */
+#battery.warning {
+  color: @warning_color;
+}
+#battery.critical {
+  color: @warning_color;
+}
+#battery.critical span {
+  color: @warning_color;
+}
+
+/* Optional subtle accent for quick scanning (kept minimal; text still white overall) */
+#cpu,
+#network,
+#pulseaudio,
+#bluetooth,
+#mpris,
+#custom-hyprsunset {
+  color: #dee6f7; /* very light tint; still reads as white on dark */
+}
+
+/* Drawer polish (DP-1) */
+#custom-sys {
+  padding: 0 8px;
+  font-weight: 600;
+}
+.sys {
+  padding: 0 6px;
+}
+.revealed .sys {
+  background: rgba(79, 132, 204, 0.12);
+}
+
+/* Customs */
+#custom-alhp,
+#custom-razer-mouse-battery,
+#custom-hyprsunset {
+  padding: 0 6px;
+}
+
+/* Network states */
+#network.disconnected {
+  color: @warning_color;
+}
+
+