diff options
Diffstat (limited to 'programs/wofi/style.nix')
-rw-r--r-- | programs/wofi/style.nix | 113 |
1 files changed, 53 insertions, 60 deletions
diff --git a/programs/wofi/style.nix b/programs/wofi/style.nix index 40fb861..27b7205 100644 --- a/programs/wofi/style.nix +++ b/programs/wofi/style.nix @@ -1,7 +1,4 @@ -{ theme }: - -let - +{theme}: let fg = "#${theme.colors.fg}"; bg = "#${theme.colors.bg}"; surface-fg = "#${theme.colors.surface.fg}"; @@ -13,69 +10,65 @@ let outerRadius = "${toString theme.outerRadius}px"; innerRadius = "${toString theme.innerRadius}px"; borderWidth = "${toString theme.borderWidth}px"; +in '' + * { + font-family: ${theme.font.monospace}; + font-size: ${fontSize}; + } -in - -'' -* { - font-family: ${theme.font.monospace}; - font-size: ${fontSize}; -} - -/* Window */ -window { - margin: 0px; - border: ${borderWidth} solid ${primary}; - border-radius: ${outerRadius}; - background-color: ${bg}; -} + /* Window */ + window { + margin: 0px; + border: ${borderWidth} solid ${primary}; + border-radius: ${outerRadius}; + background-color: ${bg}; + } -/* Outer Box */ -#outer-box { - padding: ${outerGap}; -} + /* Outer Box */ + #outer-box { + padding: ${outerGap}; + } -/* Scroll */ -#scroll { - margin: 0px; - padding: ${innerGap}; - border: none; -} + /* Scroll */ + #scroll { + margin: 0px; + padding: ${innerGap}; + border: none; + } -/* Input */ -#input { - margin: ${innerGap}; - padding: ${innerGap}; - border: none; - color: ${surface-fg}; - background-color: ${surface-bg}; - border-radius: ${outerRadius}; -} + /* Input */ + #input { + margin: ${innerGap}; + padding: ${innerGap}; + border: none; + color: ${surface-fg}; + background-color: ${surface-bg}; + border-radius: ${outerRadius}; + } -#input:focus, -#input:active { - border: ${borderWidth} solid ${primary}; - box-shadow: none; - outline: none; -} + #input:focus, + #input:active { + border: ${borderWidth} solid ${primary}; + box-shadow: none; + outline: none; + } -/* Text */ -#text { - margin: ${innerGap}; - padding: ${innerGap}; - border: none; - color: ${fg}; -} + /* Text */ + #text { + margin: ${innerGap}; + padding: ${innerGap}; + border: none; + color: ${fg}; + } -/* Selected Entry */ -#entry:selected { - background-color: ${primary}; - border-radius: ${outerRadius}; -} + /* Selected Entry */ + #entry:selected { + background-color: ${primary}; + border-radius: ${outerRadius}; + } -#entry:selected #text { - color: ${bg}; -} + #entry:selected #text { + color: ${bg}; + } '' - |