sway on nvidia + ironbar

2023-08-10 14:50:31 +10:00 · 2023-08-10 14:50:31 +10:00 · 481e682fbf
commit 481e682fbf
parent 362d12714c
16 changed files with 830 additions and 655 deletions
--- a/home/dots/ironbar.css
+++ b/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;
+}
+