feat: swaync styling and config

config/matugen/config.toml

@@ -12,11 +12,6 @@ input_path = '~/.config/matugen/templates/gtk/colors.css'
 output_path = '~/.config/gtk-4.0/colors.css'
 post_hook = '~/.config/matugen/post-hook-scripts/gtk-themes-reload.sh'
 
-[templates.swaync-colors]
-input_path = '~/.config/matugen/templates/colors.css'
-output_path = "~/.config/swaync/colors.css"
-post_hook = "swaync-client -rs"
-
 [templates.waybar-colors]
 input_path = '~/.config/matugen/templates/colors.css'
 output_path = "~/.config/waybar/colors.css"
@@ -38,6 +33,12 @@ output_path = '~/.config/alacritty/colors.toml'
 input_path = '~/.config/matugen/templates/vesktop/midnight.css'
 output_path = '~/.config/vesktop/themes/midnight-discord.css'
 
+# From https://github.com/ErikReider/Linux/blob/master/dotfiles/.config/swaync/style.css
+[templates.swaync]
+input_path = '~/.config/matugen/templates/swaync/style.css'
+output_path = "~/.config/swaync/style.css"
+post_hook = "swaync-client -rs"
+
 
 # My own
 [templates.hyprland]

config/matugen/templates/swaync/style.css

@@ -0,0 +1,61 @@
+:root {
+    --border-radius: 22px;
+    --cc-bg: transparent;
+
+    --widget-background: {{ colors.surface.default.rgba | set_alpha: 0.7 }};
+    --noti-bg-alpha: 0.6;
+
+    --padding: calc(var(--border-radius) / 2);
+}
+
+.control-center {
+    border-radius: 0;
+}
+
+.widgets>.widget,
+.widget-mpris>carouselindicatordots,
+.widget-mpris>box>button {
+    background: var(--widget-background);
+    border-radius: var(--border-radius);
+    padding: calc(var(--border-radius) / 2);
+    border: var(--border);
+}
+
+.control-center-list-placeholder {
+    padding: var(--border-radius);
+}
+
+.notification-group {
+    border-radius: var(--border-radius);
+    padding: 8px;
+}
+
+.widget.widget-mpris {
+    background: transparent;
+    border-radius: 0;
+    padding: 0;
+    border: none;
+}
+
+.widget.widget-mpris>carouselindicatordots {
+    --dots-padding: 4px;
+    padding: var(--dots-padding);
+    padding-left: var(--dots-padding);
+    padding-right: calc(6px + var(--dots-padding));
+    margin: 0;
+    margin-top: var(--padding);
+}
+
+.widget-mpris>box>button:hover {
+    background: rgba(46, 46, 46, 1);
+}
+
+.widget-mpris-player {
+    box-shadow: none;
+    border: var(--border);
+    margin: 0 var(--padding);
+}
+
+.widget-mpris-player:only-child {
+    margin: 0;
+}

config/matugen/templates/waybar/style.css

@@ -63,6 +63,7 @@ tooltip {
 
 #clock,
 #tray,
+#submap,
 #workspaces {
     background-color: @surface;
     color: @primary;