update remove flakes, adjust theme state, format

Author: marijanp

default.nix

@@ -1,11 +1,11 @@
-{
-  runCommand,
-  soupault,
-  tailwindcss_4,
-  pandoc,
-  nodejs,
-  npmlock2nix,
-  lib,
+{ runCommand
+, soupault
+, tailwindcss_4
+, pandoc
+, nodejs
+, npmlock2nix
+, lib
+,
 }:
 let
   NODE_PATH = "${
@@ -22,15 +22,15 @@ let
   }/node_modules";
 in
 runCommand "dist"
-  {
-    LANG = "en_US.UTF-8";
-    nativeBuildInputs = [
-      soupault
-      tailwindcss_4
-      pandoc
-    ];
-    inherit NODE_PATH;
-  }
+{
+  LANG = "en_US.UTF-8";
+  nativeBuildInputs = [
+    soupault
+    tailwindcss_4
+    pandoc
+  ];
+  inherit NODE_PATH;
+}
   ''
     set -euo pipefail
     cp -r ${./site} site

docs/css/style.css

@@ -1504,31 +1504,31 @@
   fill: currentColor;
 }
 @layer base {
-  :where(:root),:root:has(input.theme-controller[value=dim]:checked),[data-theme=dim] {
-    color-scheme: dark;
-    --color-base-100: oklch(30.857% 0.023 264.149);
-    --color-base-200: oklch(28.036% 0.019 264.182);
-    --color-base-300: oklch(26.346% 0.018 262.177);
-    --color-base-content: oklch(82.901% 0.031 222.959);
-    --color-primary: oklch(86.133% 0.141 139.549);
-    --color-primary-content: oklch(17.226% 0.028 139.549);
-    --color-secondary: oklch(73.375% 0.165 35.353);
-    --color-secondary-content: oklch(14.675% 0.033 35.353);
-    --color-accent: oklch(74.229% 0.133 311.379);
-    --color-accent-content: oklch(14.845% 0.026 311.379);
-    --color-neutral: oklch(24.731% 0.02 264.094);
-    --color-neutral-content: oklch(82.901% 0.031 222.959);
-    --color-info: oklch(86.078% 0.142 206.182);
-    --color-info-content: oklch(17.215% 0.028 206.182);
-    --color-success: oklch(86.171% 0.142 166.534);
-    --color-success-content: oklch(17.234% 0.028 166.534);
-    --color-warning: oklch(86.163% 0.142 94.818);
-    --color-warning-content: oklch(17.232% 0.028 94.818);
-    --color-error: oklch(82.418% 0.099 33.756);
-    --color-error-content: oklch(16.483% 0.019 33.756);
+  :where(:root),:root:has(input.theme-controller[value=nord]:checked),[data-theme=nord] {
+    color-scheme: light;
+    --color-base-100: oklch(95.127% 0.007 260.731);
+    --color-base-200: oklch(93.299% 0.01 261.788);
+    --color-base-300: oklch(89.925% 0.016 262.749);
+    --color-base-content: oklch(32.437% 0.022 264.182);
+    --color-primary: oklch(59.435% 0.077 254.027);
+    --color-primary-content: oklch(11.887% 0.015 254.027);
+    --color-secondary: oklch(69.651% 0.059 248.687);
+    --color-secondary-content: oklch(13.93% 0.011 248.687);
+    --color-accent: oklch(77.464% 0.062 217.469);
+    --color-accent-content: oklch(15.492% 0.012 217.469);
+    --color-neutral: oklch(45.229% 0.035 264.131);
+    --color-neutral-content: oklch(89.925% 0.016 262.749);
+    --color-info: oklch(69.207% 0.062 332.664);
+    --color-info-content: oklch(13.841% 0.012 332.664);
+    --color-success: oklch(76.827% 0.074 131.063);
+    --color-success-content: oklch(15.365% 0.014 131.063);
+    --color-warning: oklch(85.486% 0.089 84.093);
+    --color-warning-content: oklch(17.097% 0.017 84.093);
+    --color-error: oklch(60.61% 0.12 15.341);
+    --color-error-content: oklch(12.122% 0.024 15.341);
     --radius-selector: 1rem;
-    --radius-field: 0.5rem;
-    --radius-box: 1rem;
+    --radius-field: 0.25rem;
+    --radius-box: 0.5rem;
     --size-selector: 0.25rem;
     --size-field: 0.25rem;
     --border: 1px;
@@ -1539,30 +1539,30 @@
 @layer base {
   @media (prefers-color-scheme: dark) {
     :root {
-      color-scheme: light;
-      --color-base-100: oklch(95.127% 0.007 260.731);
-      --color-base-200: oklch(93.299% 0.01 261.788);
-      --color-base-300: oklch(89.925% 0.016 262.749);
-      --color-base-content: oklch(32.437% 0.022 264.182);
-      --color-primary: oklch(59.435% 0.077 254.027);
-      --color-primary-content: oklch(11.887% 0.015 254.027);
-      --color-secondary: oklch(69.651% 0.059 248.687);
-      --color-secondary-content: oklch(13.93% 0.011 248.687);
-      --color-accent: oklch(77.464% 0.062 217.469);
-      --color-accent-content: oklch(15.492% 0.012 217.469);
-      --color-neutral: oklch(45.229% 0.035 264.131);
-      --color-neutral-content: oklch(89.925% 0.016 262.749);
-      --color-info: oklch(69.207% 0.062 332.664);
-      --color-info-content: oklch(13.841% 0.012 332.664);
-      --color-success: oklch(76.827% 0.074 131.063);
-      --color-success-content: oklch(15.365% 0.014 131.063);
-      --color-warning: oklch(85.486% 0.089 84.093);
-      --color-warning-content: oklch(17.097% 0.017 84.093);
-      --color-error: oklch(60.61% 0.12 15.341);
-      --color-error-content: oklch(12.122% 0.024 15.341);
+      color-scheme: dark;
+      --color-base-100: oklch(30.857% 0.023 264.149);
+      --color-base-200: oklch(28.036% 0.019 264.182);
+      --color-base-300: oklch(26.346% 0.018 262.177);
+      --color-base-content: oklch(82.901% 0.031 222.959);
+      --color-primary: oklch(86.133% 0.141 139.549);
+      --color-primary-content: oklch(17.226% 0.028 139.549);
+      --color-secondary: oklch(73.375% 0.165 35.353);
+      --color-secondary-content: oklch(14.675% 0.033 35.353);
+      --color-accent: oklch(74.229% 0.133 311.379);
+      --color-accent-content: oklch(14.845% 0.026 311.379);
+      --color-neutral: oklch(24.731% 0.02 264.094);
+      --color-neutral-content: oklch(82.901% 0.031 222.959);
+      --color-info: oklch(86.078% 0.142 206.182);
+      --color-info-content: oklch(17.215% 0.028 206.182);
+      --color-success: oklch(86.171% 0.142 166.534);
+      --color-success-content: oklch(17.234% 0.028 166.534);
+      --color-warning: oklch(86.163% 0.142 94.818);
+      --color-warning-content: oklch(17.232% 0.028 94.818);
+      --color-error: oklch(82.418% 0.099 33.756);
+      --color-error-content: oklch(16.483% 0.019 33.756);
       --radius-selector: 1rem;
-      --radius-field: 0.25rem;
-      --radius-box: 0.5rem;
+      --radius-field: 0.5rem;
+      --radius-box: 1rem;
       --size-selector: 0.25rem;
       --size-field: 0.25rem;
       --border: 1px;
@@ -1571,39 +1571,6 @@
     }
   }
 }
-@layer base {
-  :root:has(input.theme-controller[value=dim]:checked),[data-theme=dim] {
-    color-scheme: dark;
-    --color-base-100: oklch(30.857% 0.023 264.149);
-    --color-base-200: oklch(28.036% 0.019 264.182);
-    --color-base-300: oklch(26.346% 0.018 262.177);
-    --color-base-content: oklch(82.901% 0.031 222.959);
-    --color-primary: oklch(86.133% 0.141 139.549);
-    --color-primary-content: oklch(17.226% 0.028 139.549);
-    --color-secondary: oklch(73.375% 0.165 35.353);
-    --color-secondary-content: oklch(14.675% 0.033 35.353);
-    --color-accent: oklch(74.229% 0.133 311.379);
-    --color-accent-content: oklch(14.845% 0.026 311.379);
-    --color-neutral: oklch(24.731% 0.02 264.094);
-    --color-neutral-content: oklch(82.901% 0.031 222.959);
-    --color-info: oklch(86.078% 0.142 206.182);
-    --color-info-content: oklch(17.215% 0.028 206.182);
-    --color-success: oklch(86.171% 0.142 166.534);
-    --color-success-content: oklch(17.234% 0.028 166.534);
-    --color-warning: oklch(86.163% 0.142 94.818);
-    --color-warning-content: oklch(17.232% 0.028 94.818);
-    --color-error: oklch(82.418% 0.099 33.756);
-    --color-error-content: oklch(16.483% 0.019 33.756);
-    --radius-selector: 1rem;
-    --radius-field: 0.5rem;
-    --radius-box: 1rem;
-    --size-selector: 0.25rem;
-    --size-field: 0.25rem;
-    --border: 1px;
-    --depth: 0;
-    --noise: 0;
-  }
-}
 @layer base {
   :root:has(input.theme-controller[value=nord]:checked),[data-theme=nord] {
     color-scheme: light;
@@ -1637,6 +1604,39 @@
     --noise: 0;
   }
 }
+@layer base {
+  :root:has(input.theme-controller[value=dim]:checked),[data-theme=dim] {
+    color-scheme: dark;
+    --color-base-100: oklch(30.857% 0.023 264.149);
+    --color-base-200: oklch(28.036% 0.019 264.182);
+    --color-base-300: oklch(26.346% 0.018 262.177);
+    --color-base-content: oklch(82.901% 0.031 222.959);
+    --color-primary: oklch(86.133% 0.141 139.549);
+    --color-primary-content: oklch(17.226% 0.028 139.549);
+    --color-secondary: oklch(73.375% 0.165 35.353);
+    --color-secondary-content: oklch(14.675% 0.033 35.353);
+    --color-accent: oklch(74.229% 0.133 311.379);
+    --color-accent-content: oklch(14.845% 0.026 311.379);
+    --color-neutral: oklch(24.731% 0.02 264.094);
+    --color-neutral-content: oklch(82.901% 0.031 222.959);
+    --color-info: oklch(86.078% 0.142 206.182);
+    --color-info-content: oklch(17.215% 0.028 206.182);
+    --color-success: oklch(86.171% 0.142 166.534);
+    --color-success-content: oklch(17.234% 0.028 166.534);
+    --color-warning: oklch(86.163% 0.142 94.818);
+    --color-warning-content: oklch(17.232% 0.028 94.818);
+    --color-error: oklch(82.418% 0.099 33.756);
+    --color-error-content: oklch(16.483% 0.019 33.756);
+    --radius-selector: 1rem;
+    --radius-field: 0.5rem;
+    --radius-box: 1rem;
+    --size-selector: 0.25rem;
+    --size-field: 0.25rem;
+    --border: 1px;
+    --depth: 0;
+    --noise: 0;
+  }
+}
 @layer base {
   :root:has( .modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not([class*="drawer-open"]) > .drawer-toggle:checked ) {
     overflow: hidden;

docs/index.html

@@ -9,7 +9,7 @@
   <link rel="preload" href="/images/icons.svg" as="image" type="image/svg+xml">
   <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
   <link rel="stylesheet" type="text/css" href="/css/syntax.css">
-  <script src="https://marijan.pro/js/analytics.js"></script>
+  <script src="/js/analytics.js"></script>
   <script src="https://analytics.marijan.pro/matomo.js" async="" defer=""></script>
   <script src="/js/theme-state.js"></script>
   <meta http-equiv="X-Content-Type-Options" content="nosniff">
@@ -68,7 +68,7 @@
       <li>
        <label class="swap swap-rotate">
 
-                      <input id="themeController" onclick="saveThemeState()" type="checkbox" class="theme-controller" value="dim">
+                      <input id="themeController" onclick="saveThemeState()" type="checkbox" class="theme-controller" value="nord">
 
        <svg class="swap-on icon" viewbox="0 0 24 24">
 

docs/posts/2022-06-03-dont-override-and-wrap-only/index.html

@@ -9,7 +9,7 @@
   <link rel="preload" href="/images/icons.svg" as="image" type="image/svg+xml">
   <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
   <link rel="stylesheet" type="text/css" href="/css/syntax.css">
-  <script src="https://marijan.pro/js/analytics.js"></script>
+  <script src="/js/analytics.js"></script>
   <script src="https://analytics.marijan.pro/matomo.js" async="" defer=""></script>
   <script src="/js/theme-state.js"></script>
   <meta http-equiv="X-Content-Type-Options" content="nosniff">
@@ -69,7 +69,7 @@
       <li>
        <label class="swap swap-rotate">
 
-                      <input id="themeController" onclick="saveThemeState()" type="checkbox" class="theme-controller" value="dim">
+                      <input id="themeController" onclick="saveThemeState()" type="checkbox" class="theme-controller" value="nord">
 
        <svg class="swap-on icon" viewbox="0 0 24 24">
 

docs/posts/2022-08-26-nixos-how-to-modify-systemd-services-you-dont-own/index.html

@@ -9,7 +9,7 @@
   <link rel="preload" href="/images/icons.svg" as="image" type="image/svg+xml">
   <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
   <link rel="stylesheet" type="text/css" href="/css/syntax.css">
-  <script src="https://marijan.pro/js/analytics.js"></script>
+  <script src="/js/analytics.js"></script>
   <script src="https://analytics.marijan.pro/matomo.js" async="" defer=""></script>
   <script src="/js/theme-state.js"></script>
   <meta http-equiv="X-Content-Type-Options" content="nosniff">
@@ -69,7 +69,7 @@
       <li>
        <label class="swap swap-rotate">
 
-                      <input id="themeController" onclick="saveThemeState()" type="checkbox" class="theme-controller" value="dim">
+                      <input id="themeController" onclick="saveThemeState()" type="checkbox" class="theme-controller" value="nord">
 
        <svg class="swap-on icon" viewbox="0 0 24 24">
 

docs/posts/2022-09-26-nixos-how-to-add-a-qemu-image--as-a-flake-output/index.html

@@ -9,7 +9,7 @@
   <link rel="preload" href="/images/icons.svg" as="image" type="image/svg+xml">
   <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
   <link rel="stylesheet" type="text/css" href="/css/syntax.css">
-  <script src="https://marijan.pro/js/analytics.js"></script>
+  <script src="/js/analytics.js"></script>
   <script src="https://analytics.marijan.pro/matomo.js" async="" defer=""></script>
   <script src="/js/theme-state.js"></script>
   <meta http-equiv="X-Content-Type-Options" content="nosniff">
@@ -69,7 +69,7 @@
       <li>
        <label class="swap swap-rotate">
 
-                      <input id="themeController" onclick="saveThemeState()" type="checkbox" class="theme-controller" value="dim">
+                      <input id="themeController" onclick="saveThemeState()" type="checkbox" class="theme-controller" value="nord">
 
        <svg class="swap-on icon" viewbox="0 0 24 24">
 

docs/posts/2022-10-19-haskell-nix-how-to-reliably-add-runime-deps/index.html

@@ -9,7 +9,7 @@
   <link rel="preload" href="/images/icons.svg" as="image" type="image/svg+xml">
   <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
   <link rel="stylesheet" type="text/css" href="/css/syntax.css">
-  <script src="https://marijan.pro/js/analytics.js"></script>
+  <script src="/js/analytics.js"></script>
   <script src="https://analytics.marijan.pro/matomo.js" async="" defer=""></script>
   <script src="/js/theme-state.js"></script>
   <meta http-equiv="X-Content-Type-Options" content="nosniff">
@@ -69,7 +69,7 @@
       <li>
        <label class="swap swap-rotate">
 
-                      <input id="themeController" onclick="saveThemeState()" type="checkbox" class="theme-controller" value="dim">
+                      <input id="themeController" onclick="saveThemeState()" type="checkbox" class="theme-controller" value="nord">
 
        <svg class="swap-on icon" viewbox="0 0 24 24">
 

docs/posts/2023-08-09-postgres-nixos-container/index.html

@@ -9,7 +9,7 @@
   <link rel="preload" href="/images/icons.svg" as="image" type="image/svg+xml">
   <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
   <link rel="stylesheet" type="text/css" href="/css/syntax.css">
-  <script src="https://marijan.pro/js/analytics.js"></script>
+  <script src="/js/analytics.js"></script>
   <script src="https://analytics.marijan.pro/matomo.js" async="" defer=""></script>
   <script src="/js/theme-state.js"></script>
   <meta http-equiv="X-Content-Type-Options" content="nosniff">
@@ -69,7 +69,7 @@
       <li>
        <label class="swap swap-rotate">
 
-                      <input id="themeController" onclick="saveThemeState()" type="checkbox" class="theme-controller" value="dim">
+                      <input id="themeController" onclick="saveThemeState()" type="checkbox" class="theme-controller" value="nord">
 
        <svg class="swap-on icon" viewbox="0 0 24 24">
 

docs/posts/2023-10-31-nixos-oceansprint/index.html

@@ -9,7 +9,7 @@
   <link rel="preload" href="/images/icons.svg" as="image" type="image/svg+xml">
   <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
   <link rel="stylesheet" type="text/css" href="/css/syntax.css">
-  <script src="https://marijan.pro/js/analytics.js"></script>
+  <script src="/js/analytics.js"></script>
   <script src="https://analytics.marijan.pro/matomo.js" async="" defer=""></script>
   <script src="/js/theme-state.js"></script>
   <meta http-equiv="X-Content-Type-Options" content="nosniff">
@@ -69,7 +69,7 @@
       <li>
        <label class="swap swap-rotate">
 
-                      <input id="themeController" onclick="saveThemeState()" type="checkbox" class="theme-controller" value="dim">
+                      <input id="themeController" onclick="saveThemeState()" type="checkbox" class="theme-controller" value="nord">
 
        <svg class="swap-on icon" viewbox="0 0 24 24">
 

docs/posts/index.html

@@ -9,7 +9,7 @@
   <link rel="preload" href="/images/icons.svg" as="image" type="image/svg+xml">
   <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
   <link rel="stylesheet" type="text/css" href="/css/syntax.css">
-  <script src="https://marijan.pro/js/analytics.js"></script>
+  <script src="/js/analytics.js"></script>
   <script src="https://analytics.marijan.pro/matomo.js" async="" defer=""></script>
   <script src="/js/theme-state.js"></script>
   <meta http-equiv="X-Content-Type-Options" content="nosniff">
@@ -68,7 +68,7 @@
       <li>
        <label class="swap swap-rotate">
 
-                      <input id="themeController" onclick="saveThemeState()" type="checkbox" class="theme-controller" value="dim">
+                      <input id="themeController" onclick="saveThemeState()" type="checkbox" class="theme-controller" value="nord">
 
        <svg class="swap-on icon" viewbox="0 0 24 24">