feat(themes): kiln + kiln-clay — the third exclusive pair, brand new
Completes the three dark/light pairs for v1 (batch: 0ba1762, e51c8a7). Kiln is a potter's workshop at night, lit only by the kiln: warm near-black (#1D1815), copper accent (#D68C5C, 6.5:1), brass accentAlt, CaskaydiaCove, rounding 8. Kiln Clay is the same studio at midday: cream plaster (#F4EDE3), espresso text (11.1:1 AAA), fired-copper accent (#A34F1F, 4.89:1), brick-red bad. Both waybars are a NEW whole-swap identity — 'the workbench': ONE continuous floating plank (window#waybar carries the surface, modules transparent) — deliberately distinct from boreal's three pills and slate's edge-to-edge strip; module set verbatim-parity with the generated config. Matched rofi, btop themes. The wallpapers share identical ring geometry — banked-coal heat rings at night, terracotta glaze rings at noon — so the autoTheme flip visibly rhymes. Sync sweep in this commit (LOOP §5): README 24->28 presets + the whole-swap list now names the three pairs; CONVENTIONS waybar parity list gains the four new slugs; OVERRIDES autoTheme table points at the pairs; HARDWARE-QUEUE gains the batch V3 entry (real-GL blur, btop visual, launcher grid, tray menus, pair flip); BACKLOG files #153 (PROPOSED: per-theme desktop widgets — the conky idea, engine spike needed, not v1). Verification: V2. Full targeted set green on the final tree: theme-contrast, theme-wholeswap (previews + backgrounds + CSS self-containment), waybar-language, waybar-swap-env, rofi-text-width, state-sync-validate, auto-theme VM; nix flake check --no-build green. Visual protocol: theme-shot VM desktop + menu viewed for BOTH themes (plank renders as one island, copper/terracotta semantics, legible menus; /nix/store/2fizd945...theme-shot-kiln and /nix/store/0126yd48...theme-shot-kiln-clay). audit-theme-design: CVD-only findings (≤ executive-slate's own baseline); ANSI slots in-family after the magenta retune. V3 pending: HARDWARE-QUEUE entry above. btop visual is VM-blocked (GL terminal never starts under softGL) — file-level assertions only, listed for hardware. Design + wallpapers on Fable; assets by a Sonnet subagent to a written identity spec; reviewed on Fable. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
25
themes/kiln-clay/btop.theme
Normal file
25
themes/kiln-clay/btop.theme
Normal file
@@ -0,0 +1,25 @@
|
||||
theme[main_bg]="#F4EDE3"
|
||||
theme[main_fg]="#39302A"
|
||||
theme[title]="#39302A"
|
||||
theme[hi_fg]="#A34F1F"
|
||||
theme[selected_bg]="#EAE1D3"
|
||||
theme[selected_fg]="#39302A"
|
||||
theme[inactive_fg]="#877867"
|
||||
theme[graph_text]="#5D5142"
|
||||
theme[meter_bg]="#DFD4C4"
|
||||
theme[proc_misc]="#75621A"
|
||||
theme[cpu_box]="#A34F1F"
|
||||
theme[mem_box]="#586F26"
|
||||
theme[net_box]="#75621A"
|
||||
theme[proc_box]="#B1A28E"
|
||||
theme[div_line]="#B1A28E"
|
||||
theme[temp_start]="#586F26"
|
||||
theme[temp_mid]="#8A5E08"
|
||||
theme[temp_end]="#AC3B31"
|
||||
theme[cpu_start]="#586F26"
|
||||
theme[cpu_mid]="#8A5E08"
|
||||
theme[cpu_end]="#AC3B31"
|
||||
theme[free_start]="#586F26"
|
||||
theme[used_start]="#8A5E08"
|
||||
theme[download_start]="#A34F1F"
|
||||
theme[upload_start]="#75621A"
|
||||
BIN
themes/kiln-clay/preview.png
Normal file
BIN
themes/kiln-clay/preview.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
122
themes/kiln-clay/rofi.rasi
Normal file
122
themes/kiln-clay/rofi.rasi
Normal file
@@ -0,0 +1,122 @@
|
||||
/**
|
||||
* Kiln Clay — rofi whole-swap (themes/<slug>/rofi.rasi).
|
||||
* The base theme: the same solid clay panel as Kiln, lit by midday
|
||||
* terracotta edge glow instead of ember-copper — cream plaster, not
|
||||
* frost or glass. Element structure mirrors the generated theme so the
|
||||
* theme-grid picker's per-invocation -theme-str still lays out. The
|
||||
* `configuration {}` block is omitted on purpose — it comes from
|
||||
* modules/home/rofi.nix.
|
||||
*/
|
||||
|
||||
* {
|
||||
base: #F4EDE3;
|
||||
panelBg: #F4EDE3F5;
|
||||
surface: #EAE1D3;
|
||||
overlay: #B1A28E;
|
||||
text: #39302A;
|
||||
subtext: #5D5142;
|
||||
muted: #877867;
|
||||
accent: #A34F1F;
|
||||
accentAlt: #75621A;
|
||||
accentEdge: #A34F1F59;
|
||||
accentWash: #A34F1F33;
|
||||
|
||||
font: "CaskaydiaCove Nerd Font 11";
|
||||
background-color: transparent;
|
||||
text-color: @text;
|
||||
}
|
||||
|
||||
window {
|
||||
background-color: @panelBg;
|
||||
border: 1px;
|
||||
border-color: @accentEdge;
|
||||
border-radius: 8px;
|
||||
width: calc( 84ch min 65% );
|
||||
location: center;
|
||||
anchor: center;
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
mainbox {
|
||||
background-color: transparent;
|
||||
children: [ inputbar, message, listview ];
|
||||
spacing: 12px;
|
||||
}
|
||||
|
||||
inputbar {
|
||||
children: [ prompt, entry ];
|
||||
background-color: @surface;
|
||||
text-color: @text;
|
||||
border-radius: 8px;
|
||||
padding: 12px 16px;
|
||||
spacing: 10px;
|
||||
}
|
||||
|
||||
prompt { text-color: @accent; }
|
||||
|
||||
entry {
|
||||
text-color: @text;
|
||||
cursor: text;
|
||||
placeholder: "Search…";
|
||||
placeholder-color: @muted;
|
||||
}
|
||||
|
||||
listview {
|
||||
background-color: transparent;
|
||||
columns: 1;
|
||||
lines: 8;
|
||||
dynamic: true;
|
||||
scrollbar: true;
|
||||
spacing: 6px;
|
||||
padding: 4px 0px 0px 0px;
|
||||
}
|
||||
|
||||
element {
|
||||
background-color: transparent;
|
||||
text-color: @text;
|
||||
orientation: horizontal;
|
||||
border-radius: 8px;
|
||||
padding: 10px 14px;
|
||||
spacing: 12px;
|
||||
}
|
||||
|
||||
element normal.normal,
|
||||
element alternate.normal {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* Selected row lifts on a soft terracotta wash. */
|
||||
element selected.normal {
|
||||
background-color: @accentWash;
|
||||
text-color: @text;
|
||||
}
|
||||
|
||||
element-icon {
|
||||
background-color: transparent;
|
||||
size: 30px;
|
||||
cursor: inherit;
|
||||
}
|
||||
|
||||
element-text {
|
||||
background-color: transparent;
|
||||
text-color: inherit;
|
||||
highlight: bold;
|
||||
vertical-align: 0.5;
|
||||
}
|
||||
|
||||
message { padding: 0px; }
|
||||
|
||||
textbox {
|
||||
background-color: @surface;
|
||||
text-color: @text;
|
||||
border-radius: 8px;
|
||||
padding: 10px 14px;
|
||||
}
|
||||
|
||||
scrollbar {
|
||||
width: 4px;
|
||||
handle-width: 4px;
|
||||
handle-color: @accent;
|
||||
background-color: @surface;
|
||||
border: 0px;
|
||||
}
|
||||
192
themes/kiln-clay/waybar.css
Normal file
192
themes/kiln-clay/waybar.css
Normal file
@@ -0,0 +1,192 @@
|
||||
/*
|
||||
* Kiln Clay — Waybar whole-swap (themes/<slug>/waybar.css).
|
||||
*
|
||||
* A theme waybar.css replaces the ENTIRE generated stylesheet and is read
|
||||
* raw (no palette is prepended), so this file MUST define its own colors.
|
||||
* Identity: "the workbench" at midday — the same ONE continuous floating
|
||||
* island as Kiln's night plank, translated to daylight: cream plaster
|
||||
* worktop, terracotta edge-glow. No pills, no edge-to-edge strip: every
|
||||
* module — including the tray — sits directly on the one plank, seamless.
|
||||
* Companion: waybar.jsonc.
|
||||
*/
|
||||
|
||||
@define-color base #F4EDE3;
|
||||
@define-color mantle #DFD4C4;
|
||||
@define-color surface #EAE1D3;
|
||||
@define-color overlay #B1A28E;
|
||||
@define-color text #39302A;
|
||||
@define-color subtext #5D5142;
|
||||
@define-color muted #877867;
|
||||
@define-color accent #A34F1F;
|
||||
@define-color accentAlt #75621A;
|
||||
@define-color good #586F26;
|
||||
@define-color warn #8A5E08;
|
||||
@define-color bad #AC3B31;
|
||||
|
||||
/* NB: this `*` reset reaches the SNI tray menus Waybar hosts too (its
|
||||
stylesheet applies process-wide, at a priority user gtk.css cannot
|
||||
out-rank). The menu block right below undoes the damage — keep the two
|
||||
in sync. Do NOT scope `*` to window#waybar instead: the id's
|
||||
specificity would beat the class rules below (the plank) and wreck the
|
||||
bar. */
|
||||
* {
|
||||
/* Mono Nerd face for status glyphs (tight right bearings on the
|
||||
proportional Symbols face make icon+percentage collide). */
|
||||
font-family: "CaskaydiaCove Nerd Font", "Symbols Nerd Font Mono";
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
/* ── Tray menus (nm-applet & co live in Waybar's process) ─────────────
|
||||
Undo the `*` reset for them: same stylesheet, higher specificity.
|
||||
Arrows/checks are CSS-sized nodes — min-height 0 makes them invisible;
|
||||
separators die the same way; the bar's mono face reads wrong in text
|
||||
menus. */
|
||||
menu, menu * { font-family: "Inter", sans-serif; }
|
||||
menu menuitem arrow { min-width: 16px; min-height: 16px; }
|
||||
menu check, menu radio { min-width: 14px; min-height: 14px; }
|
||||
menu separator {
|
||||
min-height: 1px;
|
||||
margin: 5px 0;
|
||||
background: alpha(@text, 0.15);
|
||||
}
|
||||
|
||||
/* The plank itself — one solid worktop spanning the island, a faint
|
||||
terracotta edge-glow lifting it off the wallpaper. */
|
||||
window#waybar {
|
||||
background: alpha(@base, 0.94);
|
||||
border: 1px solid alpha(@accent, 0.35);
|
||||
border-radius: 8px;
|
||||
color: @text;
|
||||
}
|
||||
|
||||
.modules-left,
|
||||
.modules-center,
|
||||
.modules-right {
|
||||
background: transparent;
|
||||
padding: 0 6px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Every module sits ON the plank: transparent, so nothing boxes the tray
|
||||
off from the status icons — the seamless-cluster requirement. */
|
||||
#custom-nomarchy,
|
||||
#clock,
|
||||
#custom-recording,
|
||||
#custom-updates,
|
||||
#custom-doctor,
|
||||
#idle_inhibitor,
|
||||
#custom-nightlight,
|
||||
#custom-airplane,
|
||||
#language,
|
||||
#custom-vpn,
|
||||
#pulseaudio,
|
||||
#battery,
|
||||
#custom-powerprofile,
|
||||
#tray,
|
||||
#custom-notification,
|
||||
#custom-powermenu {
|
||||
background: transparent;
|
||||
color: alpha(@text, 0.9);
|
||||
padding: 0 8px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* ── Launcher — the terracotta Nomarchy mark opens the plank ──────────
|
||||
The mark lives at U+F000 in the dedicated "Nomarchy" font; pin the
|
||||
family or the Nerd Font's glass glyph at the same codepoint wins. */
|
||||
#custom-nomarchy {
|
||||
color: @accent;
|
||||
font-family: Nomarchy;
|
||||
font-size: 18px;
|
||||
padding: 0 12px 0 14px;
|
||||
}
|
||||
#custom-nomarchy:hover { color: @accentAlt; }
|
||||
|
||||
/* ── Clock — unified time · date ─────────────────────────────────────*/
|
||||
#clock {
|
||||
color: @text;
|
||||
font-weight: 600;
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
/* ── Workspaces — dots that fire to a fired-clay pill when active ─────*/
|
||||
#workspaces { padding: 0 2px; }
|
||||
|
||||
#workspaces button {
|
||||
color: @muted;
|
||||
padding: 0 9px;
|
||||
margin: 3px 1px;
|
||||
border-radius: 6px;
|
||||
transition: color 0.2s ease, background 0.2s ease;
|
||||
}
|
||||
#workspaces button:hover {
|
||||
color: @text;
|
||||
background: alpha(@overlay, 0.6);
|
||||
}
|
||||
#workspaces button.active {
|
||||
color: @base;
|
||||
background: @accent;
|
||||
border-radius: 6px;
|
||||
}
|
||||
#workspaces button.urgent {
|
||||
color: @base;
|
||||
background: @bad;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
/* ── Status semantics (neutral until a state fires) ──────────────────*/
|
||||
#custom-recording.recording { color: @bad; }
|
||||
#custom-updates.available { color: @accent; }
|
||||
#custom-doctor { color: @bad; }
|
||||
#idle_inhibitor.activated { color: @warn; }
|
||||
#custom-nightlight.on { color: @warn; }
|
||||
#custom-airplane.on { color: @warn; }
|
||||
#custom-vpn.on { color: @good; }
|
||||
#pulseaudio.muted { color: @muted; }
|
||||
|
||||
#battery.charging { color: @good; }
|
||||
#battery.warning:not(.charging) { color: @warn; }
|
||||
#battery.critical:not(.charging) { color: @bad; }
|
||||
|
||||
/* Icon-only status modules carry no text, so they don't get the 13pt
|
||||
Pango icon span the icon+text modules (volume/battery/language) use —
|
||||
bump their font-size to match, or these glyphs read noticeably smaller
|
||||
than their neighbours. */
|
||||
#custom-recording,
|
||||
#custom-updates,
|
||||
#custom-doctor,
|
||||
#custom-nightlight,
|
||||
#custom-airplane,
|
||||
#custom-vpn,
|
||||
#custom-notification { font-size: 17px; }
|
||||
/* Speedometer + caffeine cup render small in their em box — a touch more. */
|
||||
#custom-powerprofile,
|
||||
#idle_inhibitor { font-size: 18px; }
|
||||
|
||||
#custom-notification.notification { color: @accent; }
|
||||
#custom-notification.dnd-none,
|
||||
#custom-notification.dnd-notification,
|
||||
#custom-notification.inhibited-none,
|
||||
#custom-notification.inhibited-notification { color: @muted; }
|
||||
|
||||
/* Tray shares the plank — same transparent background, its own modest
|
||||
padding so nm-applet & friends breathe with the status icons. */
|
||||
#tray { padding: 0 6px; }
|
||||
#tray > .passive { -gtk-icon-effect: dim; }
|
||||
#tray > .needs-attention { -gtk-icon-effect: highlight; }
|
||||
|
||||
/* Power button closes the plank on the right; warms to alert on hover. */
|
||||
#custom-powermenu { color: @subtext; padding: 0 12px 0 8px; }
|
||||
#custom-powermenu:hover { color: @bad; }
|
||||
|
||||
/* ── Tooltips — solid plaster, terracotta edge ───────────────────────*/
|
||||
tooltip {
|
||||
background: alpha(@base, 0.97);
|
||||
border: 1px solid alpha(@accent, 0.4);
|
||||
border-radius: 8px;
|
||||
}
|
||||
tooltip label { color: @text; }
|
||||
183
themes/kiln-clay/waybar.jsonc
Normal file
183
themes/kiln-clay/waybar.jsonc
Normal file
@@ -0,0 +1,183 @@
|
||||
{
|
||||
"margin-top": 6,
|
||||
"margin-left": 12,
|
||||
"margin-right": 12,
|
||||
"margin-bottom": 0,
|
||||
"height": 38,
|
||||
"layer": "bottom",
|
||||
"position": "top",
|
||||
"spacing": 4,
|
||||
"reload_style_on_change": true,
|
||||
"modules-left": [
|
||||
"custom/nomarchy",
|
||||
"clock"
|
||||
],
|
||||
"modules-center": [
|
||||
"hyprland/workspaces"
|
||||
],
|
||||
"modules-right": [
|
||||
"custom/recording",
|
||||
"custom/updates",
|
||||
"custom/doctor",
|
||||
"idle_inhibitor",
|
||||
"custom/nightlight",
|
||||
"hyprland/language",
|
||||
"custom/vpn",
|
||||
"custom/airplane",
|
||||
"pulseaudio",
|
||||
"battery",
|
||||
"custom/powerprofile",
|
||||
"tray",
|
||||
"custom/notification",
|
||||
"custom/powermenu"
|
||||
],
|
||||
"custom/nomarchy": {
|
||||
"interval": "once",
|
||||
"format": "",
|
||||
"on-click": "nomarchy-menu",
|
||||
"tooltip-format": "Nomarchy menu"
|
||||
},
|
||||
"clock": {
|
||||
"format": "{:%H:%M · %a %d %b}",
|
||||
"on-click": "nomarchy-calendar",
|
||||
"tooltip": true,
|
||||
"tooltip-format": "{:%A, %d %B %Y\n%Z (UTC%z)}"
|
||||
},
|
||||
"hyprland/workspaces": {
|
||||
"disable-scroll": true,
|
||||
"all-outputs": true,
|
||||
"on-click": "activate",
|
||||
"on-scroll-up": "hyprctl dispatch workspace r+1",
|
||||
"on-scroll-down": "hyprctl dispatch workspace r-1"
|
||||
},
|
||||
"custom/recording": {
|
||||
"return-type": "json",
|
||||
"interval": 10,
|
||||
"signal": 8,
|
||||
"exec": "nomarchy-record status",
|
||||
"on-click": "nomarchy-record stop"
|
||||
},
|
||||
"custom/updates": {
|
||||
"return-type": "json",
|
||||
"interval": 1800,
|
||||
"signal": 9,
|
||||
"exec": "nomarchy-updates status",
|
||||
"on-click": "nomarchy-updates upgrade-window"
|
||||
},
|
||||
"custom/doctor": {
|
||||
"return-type": "json",
|
||||
"format": "{}",
|
||||
"interval": 300,
|
||||
"signal": 10,
|
||||
"exec": "nomarchy-doctor-status",
|
||||
"on-click": "nomarchy-menu doctor"
|
||||
},
|
||||
"idle_inhibitor": {
|
||||
"format": "{icon}",
|
||||
"format-icons": {
|
||||
"activated": " ",
|
||||
"deactivated": " "
|
||||
}
|
||||
},
|
||||
"custom/nightlight": {
|
||||
"return-type": "json",
|
||||
"interval": 3,
|
||||
"exec": "nomarchy-nightlight status",
|
||||
"on-click": "nomarchy-nightlight toggle"
|
||||
},
|
||||
"hyprland/language": {
|
||||
"format": "<span size='13pt'> </span>{short}",
|
||||
"tooltip": false
|
||||
},
|
||||
"custom/vpn": {
|
||||
"return-type": "json",
|
||||
"interval": 5,
|
||||
"exec": "nomarchy-vpn-status",
|
||||
"on-click": "nomarchy-vpn"
|
||||
},
|
||||
"pulseaudio": {
|
||||
"scroll-step": 5,
|
||||
"format": "<span size='13pt'>{icon}</span>{volume}%",
|
||||
"format-bluetooth": "<span size='13pt'>{icon} </span>{volume}%",
|
||||
"format-bluetooth-muted": " {icon}",
|
||||
"format-muted": "<span size='13pt'> </span>muted",
|
||||
"format-icons": {
|
||||
"headphone": " ",
|
||||
"hands-free": " ",
|
||||
"headset": " ",
|
||||
"phone": " ",
|
||||
"portable": " ",
|
||||
"car": " ",
|
||||
"default": [
|
||||
" ",
|
||||
" ",
|
||||
" "
|
||||
]
|
||||
},
|
||||
"on-click": "wpctl set-mute @DEFAULT_AUDIO_SINK@ toggle",
|
||||
"on-click-right": "pwvucontrol",
|
||||
"tooltip-format": "{desc} | {volume}%"
|
||||
},
|
||||
"battery": {
|
||||
"interval": 30,
|
||||
"states": {
|
||||
"warning": 25,
|
||||
"critical": 10
|
||||
},
|
||||
"format": "<span size='13pt'>{icon}</span>{capacity}%",
|
||||
"format-charging": "<span size='13pt'> </span>{capacity}%",
|
||||
"format-plugged": "<span size='13pt'> </span>{capacity}%",
|
||||
"tooltip-format-plugged": "Plugged in, not charging — held at {capacity}% by the battery charge cap\nCharging resumes ~10% below the cap · click to adjust",
|
||||
"format-icons": [
|
||||
" ",
|
||||
" ",
|
||||
" ",
|
||||
" ",
|
||||
" "
|
||||
],
|
||||
"on-click": "nomarchy-menu powermgmt",
|
||||
"tooltip-format": "Battery status"
|
||||
},
|
||||
"custom/powerprofile": {
|
||||
"return-type": "json",
|
||||
"interval": 5,
|
||||
"exec": "nomarchy-powerprofile-status",
|
||||
"on-click": "nomarchy-menu powermgmt"
|
||||
},
|
||||
"tray": {
|
||||
"icon-size": 15,
|
||||
"spacing": 10
|
||||
},
|
||||
"custom/notification": {
|
||||
"format": "{icon}",
|
||||
"return-type": "json",
|
||||
"exec": "swaync-client -swb",
|
||||
"exec-if": "which swaync-client",
|
||||
"escape": true,
|
||||
"tooltip": true,
|
||||
"on-click": "swaync-client -t -sw",
|
||||
"on-click-right": "swaync-client -d -sw",
|
||||
"format-icons": {
|
||||
"none": "",
|
||||
"notification": "",
|
||||
"dnd-none": "",
|
||||
"dnd-notification": "",
|
||||
"inhibited-none": "",
|
||||
"inhibited-notification": "",
|
||||
"dnd-inhibited-none": "",
|
||||
"dnd-inhibited-notification": ""
|
||||
}
|
||||
},
|
||||
"custom/powermenu": {
|
||||
"format": "",
|
||||
"on-click": "nomarchy-menu power",
|
||||
"tooltip": false
|
||||
},
|
||||
"custom/airplane": {
|
||||
"return-type": "json",
|
||||
"interval": 5,
|
||||
"signal": 11,
|
||||
"exec": "nomarchy-airplane status",
|
||||
"on-click": "nomarchy-airplane toggle"
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user