diff --git a/home-modules/color-pallete.nix b/home-modules/color-pallete.nix index 4bf0c59..30616cc 100644 --- a/home-modules/color-pallete.nix +++ b/home-modules/color-pallete.nix @@ -25,6 +25,8 @@ ''; + rgb = rice.lib.hex-to-rgb-comma-string; + s = builtins.toString; in /* html */ '' @@ -38,27 +40,26 @@ padding: 0px; } html { - background: rgba(${rice.lib.hex-to-rgb-comma-string background},${builtins.toString rice.transparency}); - padding: auto; + background: transparent; } body { font-family: ${rice.font.base.name}; color: ${foreground}; width: fit-content; margin: 10px auto 10px auto; - background: rgba(${rice.lib.hex-to-rgb-comma-string background},${builtins.toString rice.transparency}); - border: ${builtins.toString rice.border-width}px solid ${border}; - border-radius: ${builtins.toString rice.rounding}px; - padding: ${builtins.toString rice.gap-size}px; + background: rgba(${rgb background},${s rice.transparency}); + border: ${s rice.border-width}px solid ${border}; + border-radius: ${s rice.rounding}px; + padding: ${s rice.gap-size}px; } h1 { - margin: ${builtins.toString rice.gap-size}px; + margin: ${s rice.gap-size}px; } .color-container { font-family: ${rice.font.code.name}; display: flex; - gap: ${builtins.toString rice.gap-size}px; - margin: ${builtins.toString rice.gap-size}px; + gap: ${s rice.gap-size}px; + margin: ${s rice.gap-size}px; } .color-box { width: 200px; @@ -66,7 +67,7 @@ flex-direction: column; justify-content: center; align-items: center; - border-radius: ${builtins.toString rice.rounding}px; + border-radius: ${s rice.rounding}px; }