move to backup

bak/modules/wm/ironbar/config/config.toml

@@ -0,0 +1,56 @@
+position = "top"
+height = 24
+icon_theme = "Reversal-dark"
+
+[[start]]
+type = "workspaces"
+favorites = ["main", "code", "gaming", "other", "chat", "media"]
+hidden = [ "7" ]
+sort = "added"
+
+[start.name_map]
+"main" = ""
+"code" = ""
+"gaming" = "󰸽"
+"other" = ""
+"chat" = ""
+"media" = ""
+
+[[start]]
+type = "label"
+label = "Current: "
+
+[[start]]
+type = "focused"
+icon_size = 16
+
+[start.truncate]
+mode = "end"
+max_length = 40
+
+[[center]]
+type = "sys_info"
+format = [
+  "h:dnsc-machine",
+  "  {cpu_percent}% ({temp_c@k10temp Tccd1}°C)",
+  "  {memory_used#G:<2.1}/{memory_total#G:<2.1}GB",
+  "  {disk_used#G@/:.1}GB used ({disk_free#G@/:.0}GB free)"
+]
+
+[[end]]
+type = "tray"
+icon_size=15
+
+[[end]]
+type = "volume"
+icon_size=16
+
+[end.truncate]
+mode = "end"
+max_length = 20
+
+[[end]]
+type = "clock"
+
+[[end]]
+type = "notifications"

bak/modules/wm/ironbar/config/style.css

@@ -0,0 +1,171 @@
+:root {
+  --color-dark-primary: #0f0b15;
+  --color-dark-secondary: #1d202f;
+  --color-white: #fff;
+  --color-white-muted: #807c9f;
+  --color-active: #d369af;
+  --color-urgent: #ff6a7a;
+  --color-muted: #331531;
+
+  --margin-lg: 1em;
+  --margin-sm: 0.5em;
+}
+
+* {
+    border-image: none;
+    border-radius: 0;
+    box-shadow: none;
+    font-family: VictorMono Nerd Font;
+    font-weight: 600;
+    color: var(--color-white);
+    background-color: var(--color-dark-primary);
+    border: none;
+    background-image: none;
+}
+
+*:hover {
+    background-image: none;
+    outline: 0;
+    border: none;
+}
+
+.background {
+    opacity: 0.94;
+}
+
+.background, .container {
+    background-color: var(--color-dark-primary);
+}
+
+#bar, popover, popover contents, calendar {
+    background-color: var(--color-dark-primary);
+}
+
+popover, popover contents, calendar {
+    background-color: var(--color-dark-primary);
+}
+
+.widget {
+    background-color: var(--color-dark-primary);
+    outline: 0;
+    -gtk-icon-filter: none;
+}
+
+#end {
+    margin-right: var(--margin-sm);
+}
+
+.sysinfo {
+    margin-right: var(--margin-sm);
+    background-color: var(--color-muted);
+    padding: 0 12px;
+}
+
+.sysinfo .item {
+    background-color: var(--color-muted);
+    color: var(--color-active);
+    padding: 0 4px;
+    margin: 0;
+}
+
+.clock {
+    font-weight: bold;
+}
+
+.popup-clock .calendar-clock {
+    font-size: 2.0em;
+}
+
+.popup-clock .calendar .today {
+    background-color: var(--color-active);
+}
+
+.popup-clock .calendar .day-number:selected {
+    background-color: var(--color-muted);
+    border: none;
+    outline: 0;
+}
+
+.workspaces {
+    background-color: var(--color-dark-primary);
+}
+
+.workspaces .item{
+    background-color: var(--color-dark-primary);
+    color: var(--color-white);
+}
+
+.workspaces .item label{
+    margin-left: 4px;
+    margin-right: 10px;
+}
+
+.workspaces .item:hover{
+    background-color: var(--color-active);
+    color: var(--color-white);
+}
+
+.workspaces .item:hover label{
+    background-color: var(--color-active);
+    color: var(--color-dark-primary);
+}
+
+.workspaces .item.visible label{
+    color: var(--color-dark-primary);
+    background-color: var(--color-active);
+}
+
+.workspaces .item.visible{
+    background-color: var(--color-dark-primary);
+    color: var(--color-muted);
+}
+
+.workspaces .item.focused {
+    background-color: var(--color-active);
+    color: var(--color-muted);
+}
+
+.workspaces .item.urgent {
+    background-color: var(--color-urgent);
+}
+
+.notifications .button {
+    margin: 2px 2px 0 0;
+    padding: 0 8px;
+}
+
+.notifications .count {
+    background-color: var(--color-active);
+    border-radius: 100%;
+    margin-top: 4px;
+    margin-left: 6px;
+    padding: 0 5px;
+    font-size: 12px;
+}
+
+.popup-volume .device-box .slider trough slider {
+    background-color: var(--color-white);
+    border-radius: 100%;
+}
+
+.popup-volume .device-box .slider trough highlight {
+    border: 4px solid var(--color-active);
+}
+
+.popup-volume .apps-box .app-box .slider trough slider {
+    background-color: var(--color-white);
+    border-radius: 100%;
+}
+
+.popup-volume .apps-box .app-box .slider trough highlight {
+    border: 4px solid var(--color-active);
+}
+
+#bar #start .label:first-child {
+    color: var(--color-white-muted);
+    margin-left: var(--margin-lg);
+}
+
+.focused {
+    margin-top: 1px;
+}