Add temporary laptop stuff

diff --git a/config/ironbar/desktop/config.toml b/config/ironbar/desktop/config.toml
new file mode 100644 (file)
index 0000000..13550bc
--- /dev/null
+++ b/config/ironbar/desktop/config.toml
@@ -0,0 +1,62 @@
+position = "top"
+height = 24
+
+[[start]]
+type = "menu"
+label = "" # "󰣇 btw"
+label_icon = "/opt/archlinux-icons/archlinux-icon-crystal-256.svg"
+label_icon_size = 12
+
+[[start]]
+type = "workspaces"
+favorites = ["1", "2", "3", "4", "5"]
+
+[[start]]
+type = "focused"
+truncate = { mode = "end", max_length = 50 }
+icon_size = 16
+
+[[center]]
+type = "clock"
+format = "%-l:%M %p"
+format_popup = "%m/%d/%Y %-r"
+
+[[end]]
+type = "music"
+truncate = { mode = "end", max_length = 50 }
+
+[[end]]
+type = "volume"
+sink_slider_orientation = "horizontal"
+source_slider_orientation = "horizontal"
+icon_size = 25
+
+[[end]]
+type = "sys_info"
+format = [
+    # "C {cpu_percent: <1}%",
+    # "M {memory_percent: <1}%",
+    # "T {temp_c: <1}°C"
+    "  {cpu_percent: <1}%",
+    "  {memory_percent: <1}%",
+    "󰔏 {temp_c: <1}°C"
+]
+icon_size = 20
+
+[end.interval]
+cpu = 1
+memory = 1
+temp = 1
+
+[[end]]
+type = "battery"
+format = "{percentage}%"
+show_icon = false
+show_label = false
+
+[end.profiles]
+warning = 20
+
+[end.profiles.critical]
+when = { percent = 5, charging = false }
+format = "[LOW] {percentage}%"

diff --git a/config/ironbar/desktop/style.css b/config/ironbar/desktop/style.css
new file mode 100644 (file)
index 0000000..6548aef
--- /dev/null
+++ b/config/ironbar/desktop/style.css
@@ -0,0 +1,132 @@
+:root {
+    --color-dark-primary: #1c1c1c;
+    --color-dark-secondary: #2d2d2d;
+    --color-white: #fff;
+    --color-active: #e7deff;
+    --color-urgent: #8f0a0a;
+
+    --margin-lg: 1em;
+    --margin-sm: 0.5em;
+}
+
+* {
+    border-radius: 0;
+    border: none;
+    box-shadow: none;
+    background-image: none;
+    font-family: "Maple Mono NF";
+}
+
+scale > trough {
+    background-color: var(--color-dark-secondary);
+}
+
+scale > trough > highlight {
+    background-color: var(--color-active);
+    border-style: solid;
+    border-color: var(--color-active);
+    border-width: 0.2em;
+}
+
+scale > trough > slider {
+    background-color: var(--color-white);
+    border-radius: 1em;
+}
+
+switch > slider {
+    background-color: var(--color-white);
+}
+
+switch:checked {
+    background-color: var(--color-active);
+}
+
+switch:not(:checked) {
+    background-color: var(--color-dark-secondary);
+}
+
+popover, popover contents, calendar {
+    background-color: var(--color-dark-primary);
+}
+
+#bar, .background {
+    background-color: rgba(28, 28, 28, 0.5);
+}
+
+box, button, label {
+    background-color: #0000;
+    color: var(--color-white);
+}
+
+button {
+    border-radius: 1em;
+    padding-left: var(--margin-sm);
+    padding-right: var(--margin-sm);
+}
+
+button:hover, button:active {
+    background-color: var(--color-dark-secondary);
+}
+
+/* .battery .icon { */
+    /* opacity: 0; */
+/* } */
+
+#end > * + * {
+    margin-left: var(--margin-lg);
+}
+
+.menu {
+    padding: 0;
+}
+
+.menu > box {
+    /* background-color: white; */
+    padding-left: 4px; /* Really weird fix here since there's a min-width value somewhere I cannot change. */
+}
+
+.sysinfo > * + * {
+    /* margin-left: var(--margin-sm); */
+}
+
+.clock {
+    font-weight: bold;
+}
+
+.popup-clock .calendar-clock {
+    font-size: 1.5em;
+}
+
+.popup-clock .calendar .day-number {
+    border-radius: 1em;
+}
+
+.popup-clock .calendar .today {
+    background-color: var(--color-active);
+    color: var(--color-dark-primary);
+}
+
+.popup-clock .calendar .day-number:focus, .popup-clock .calendar .day-number:selected {
+    outline-color: var(--color-active);
+}
+
+.workspaces, .sysinfo {
+    margin-right: 0.5em;
+}
+
+.workspaces .item.visible {
+    /* box-shadow: inset 0 -1px var(--color-white); */
+}
+
+.workspaces .item.focused {
+    /* box-shadow: inset 0 -1px var(--color-active); */
+    background-color: var(--color-dark-secondary);
+}
+
+.workspaces .item.urgent {
+    /* background-color: var(--color-urgent); */
+}
+
+button > .background, button contents {
+    border-radius: 1em;
+}