stuff

.config/swayosd/colors.css

@@ -0,0 +1,22 @@
+/* ~/.config/swayosd/colors.css
+ * Static example palette (Material-ish, dark)
+ * Used by: style.css via `@import "colors.css";`
+ */
+
+@define-color primary               #8AB4F8;  /* blue */
+@define-color primary_container     #1E3A5F;  /* deep blue container */
+
+@define-color surface_container_low #12161C;  /* dark surface (low) */
+@define-color outline               #3A4654;  /* subtle border/outline */
+
+/* Optional extras (safe to keep even if unused) */
+@define-color on_primary            #0B1220;
+@define-color on_primary_container  #D7E3FF;
+@define-color surface_container     #161B22;
+@define-color surface_container_high #1D2430;
+@define-color error                 #F28B82;
+@define-color warning               #FDD663;
+
+/* If you ever need transparency variants */
+@define-color primary_transparent alpha(@primary, 0.7);
+@define-color outline_transparent alpha(@outline, 0.7);

.config/swayosd/style.css

@@ -0,0 +1,48 @@
+@import "colors.css";
+
+window#osd {
+  border-radius: 10px;
+  border: 2px solid @outline;
+  background: alpha(@surface_container_low, 0.4);
+}
+
+window#osd #container {
+  margin: 6px;
+  padding: 2px;
+  background: transparent;
+}
+
+window#osd image {
+  -gtk-icon-transform: scale(0.7);
+}
+
+window#osd image,
+window#osd label {
+  color: @primary;
+}
+
+window#osd progressbar:disabled,
+window#osd image:disabled {
+  opacity: 0.5;
+}
+
+window#osd progressbar {
+  min-height: 6px;
+  border-radius: 999px;
+  background: transparent;
+  border: none;
+}
+
+window#osd trough {
+  min-height: inherit;
+  border-radius: inherit;
+  border: none;
+  background: alpha(@primary_container, 0.5);
+}
+
+window#osd progress {
+  min-height: inherit;
+  border-radius: inherit;
+  border: none;
+  background: @primary;
+}