From 5b7a3dc5370772ffbfdc52b2b145e35d1061caa8 Mon Sep 17 00:00:00 2001
From: Ahmed Abdelhalim <pm@a14m.dev>
Date: Sun, 8 Feb 2026 15:27:13 +0100
Subject: Add the basic syshud role for OSD w/Hyprtheming extension

---
 roles/syshud/templates/style.css.j2 | 60 +++++++++++++++++++++++++++++++++++++
 1 file changed, 60 insertions(+)
 create mode 100644 roles/syshud/templates/style.css.j2

(limited to 'roles/syshud/templates/style.css.j2')

diff --git a/roles/syshud/templates/style.css.j2 b/roles/syshud/templates/style.css.j2
new file mode 100644
index 00000000..cfaa6533
--- /dev/null
+++ b/roles/syshud/templates/style.css.j2
@@ -0,0 +1,60 @@
+/* vim: set filetype=css.ansible : */
+@import "{{ ansible_facts['env']['HOME'] }}/.config/hyprtheme/current/syshud.css";
+
+#syshud {
+	background: transparent;
+	color: @theme_fg_color;
+}
+
+#syshud .box_layout {
+	background: @theme_bg_color;
+	border-radius: 5px;
+	border: 2px solid @borders;
+	margin: 10px;
+}
+
+#syshud scale {
+	margin: 0px;
+	padding: 0px;
+}
+#syshud label {
+	color: @theme_fg_color;
+}
+
+/* Scale */
+#syshud scale {
+	padding: 0px;
+	min-height: 5px;
+	min-width: 5px;
+}
+#syshud scale trough {
+	border-radius: 0px;
+	background: alpha(currentColor, 0.1);
+	min-height: 5px;
+	min-width: 5px;
+	padding: 0px;
+}
+#syshud scale.horizontal highlight {
+	border-radius: 0px;
+	min-height: 5px;
+	min-width: 1px;
+	background: alpha(@theme_fg_color, 0.75);
+	margin: 0px;
+}
+#syshud scale slider {
+	background: transparent;
+  outline-color: transparent;
+  border-color: transparent;
+  color: transparent;
+  box-shadow: none;
+}
+
+/* Levels */
+#syshud .muted {
+}
+#syshud .low {
+}
+#syshud .medium {
+}
+#syshud .high {
+}
-- 
cgit v1.2.3