sway on nvidia + ironbar

home/dots/ironbar.corn

@@ -0,0 +1,58 @@
+let {
+    $workspaces = {
+        type = "workspaces"
+        all_monitors = false
+    }
+
+    $focused = { type = "focused" }
+
+    $mpris = {
+        type = "music"
+        player_type = "mpris"
+
+        on_click_middle = "playerctl play-pause"
+        on_scroll_up = "playerctl volume +5"
+        on_scroll_down = "playerctl volume -5"
+
+    }
+
+    $sys_info = {
+        type = "sys_info"
+
+        interval.memory = 30
+        interval.cpu = 1
+        interval.temps = 5
+        interval.disks = 300
+        interval.networks = 3
+
+        format = [
+            " {cpu_percent}% | {temp_c:k10temp_Tccd1}°C"
+            " {memory_used} / {memory_total} GB ({memory_percent}%)"
+            "| {swap_used} / {swap_total} GB ({swap_percent}%)"
+            " {disk_used:/} / {disk_total:/} GB ({disk_percent:/}%)"
+            "李 {net_down:enp39s0} / {net_up:enp3s0} Mbps"
+            "猪 {load_average:1} | {load_average:5} | {load_average:15}"
+            " {uptime}"
+        ]
+    }
+
+    $tray = { type = "tray" }
+
+    $clock = { type = "clock" }
+
+    $button = { type = "button" name="power-btn" label = "" on_click = "!wlogout" }
+
+    $left = [ $workspaces ]
+	$center = [ $focused ]
+    $right = [ $mpris $sys_info $button $clock ]
+}
+in {
+    anchor_to_edges = true
+    position = "top"
+    height = 16
+    icon_theme = "Papirus-Dark"
+
+    start = $left
+    center = $center
+    end = $right
+}

home/dots/ironbar.css

@@ -0,0 +1,201 @@
+@define-color color_bg #BG;
+@define-color color_bg_dark #DARKBG;
+@define-color color_border #BORDER;
+@define-color color_border_active #ACTIVEBORDER;
+@define-color color_text #TEXT;
+@define-color color_urgent #URGENT;
+
+/* -- base styles -- */
+
+* {
+    font-family: #FONT, sans-serif;
+    font-size: #SZFONTpx;
+    border: none;
+    border-radius: 0;
+}
+
+box, menubar, button {
+    background-color: @color_bg;
+    background-image: none;
+}
+
+button, label {
+    color: @color_text;
+}
+
+button:hover {
+    background-color: @color_bg_dark;
+}
+
+#bar {
+    border-top: 1px solid @color_border;
+}
+
+.popup {
+    border: 1px solid @color_border;
+    padding: 1em;
+}
+
+
+/* -- clipboard -- */
+
+.clipboard {
+    margin-left: 5px;
+    font-size: 1.1em;
+}
+
+.popup-clipboard .item {
+    padding-bottom: 0.3em;
+    border-bottom: 1px solid @color_border;
+}
+
+
+/* -- clock -- */
+
+.clock {
+    font-weight: bold;
+    margin-left: 5px;
+}
+
+.popup-clock .calendar-clock {
+    color: @color_text;
+    font-size: 2.5em;
+    padding-bottom: 0.1em;
+}
+
+.popup-clock .calendar {
+    background-color: @color_bg;
+    color: @color_text;
+}
+
+.popup-clock .calendar .header {
+    padding-top: 1em;
+    border-top: 1px solid @color_border;
+    font-size: 1.5em;
+}
+
+.popup-clock .calendar:selected {
+    background-color: @color_border_active;
+}
+
+
+/* -- launcher -- */
+
+.launcher .item {
+    margin-right: 4px;
+}
+
+.launcher .item:not(.focused):hover {
+    background-color: @color_bg_dark;
+}
+
+.launcher .open {
+    border-bottom: 1px solid @color_text;
+}
+
+.launcher .focused {
+    border-bottom: 2px solid @color_border_active;
+}
+
+.launcher .urgent {
+    border-bottom-color: @color_urgent;
+}
+
+.popup-launcher {
+    padding: 0;
+}
+
+.popup-launcher .popup-item:not(:first-child) {
+    border-top: 1px solid @color_border;
+}
+
+
+/* -- music -- */
+
+.music:hover * {
+    background-color: @color_bg_dark;
+}
+
+.popup-music .album-art {
+    margin-right: 1em;
+}
+
+.popup-music .icon-box {
+    margin-right: 0.4em;
+}
+
+.popup-music .title .icon, .popup-music .title .label {
+    font-size: 1.7em;
+}
+
+.popup-music .controls *:disabled {
+    color: @color_border;
+}
+
+.popup-music .volume .slider slider {
+    border-radius: 100%;
+}
+
+.popup-music .volume .icon {
+    margin-left: 4px;
+}
+
+.popup-music .progress .slider slider {
+    border-radius: 100%;
+}
+
+/* -- script -- */
+
+.script {
+    padding-left: 10px;
+}
+
+
+/* -- sys_info -- */
+
+.sysinfo {
+    margin-left: 10px;
+}
+
+.sysinfo .item {
+    margin-left: 5px;
+}
+
+
+/* -- tray -- */
+
+.tray {
+    margin-left: 10px;
+}
+
+
+/* -- workspaces -- */
+
+.workspaces .item.focused {
+    box-shadow: inset 0 -3px;
+    background-color: @color_bg_dark;
+}
+
+.workspaces .item:hover {
+    box-shadow: inset 0 -3px;
+}
+
+
+/* -- custom: power menu -- */
+
+.popup-power-menu #header {
+    font-size: 1.4em;
+    padding-bottom: 0.4em;
+    margin-bottom: 0.6em;
+    border-bottom: 1px solid @color_border;
+}
+
+.popup-power-menu .power-btn {
+    border: 1px solid @color_border;
+    padding: 0.6em 1em;
+}
+
+.popup-power-menu #buttons > *:nth-child(1) .power-btn {
+    margin-right: 1em;
+}
+