add themes

2 files changed, 186 insertions, 2 deletions

diff --git a/css/themes.nix b/css/themes.nix
new file mode 100644
index 0000000..db5402b
--- /dev/null
+++ b/css/themes.nix
@@ -0,0 +1,182 @@
+# medium, milligram and sepia are commented out as they require external fonts
+{
+  light = {};
+
+  dark = {
+    cdark = ''#999'';
+    clight = ''#333'';
+    cmed = ''#566'';
+    clink = ''#1ad'';
+    # foreground
+    cfg = ''#cecbc4'';
+    cemph = ''#0b9'';
+    # background
+    cbg = ''#252220'';
+    cemphbg = ''#0b91'';
+  };
+
+  # sepia = {
+  #   rem = ''14pt'';
+  #   width = ''48rem'';
+  #   font-p = ''1em/1.6 'Libertinus Serif', Times, serif'';
+  #   font-h = ''1em/1.6 'Libertinus Sans', Helvetica, sans'';
+  #   font-c = ''85%/1.4 monospace'';
+  #   ornament = ''"∞ ∞ ∞"''; # ''"❦ ❦ ❦"''; "☙ ❧";
+  #   cdark = ''#6c605c'';
+  #   clight = ''#f3efea'';
+  #   cmed = ''#a8928e'';
+  #   clink = ''#bd0000'';
+  #   # foreground  | color
+  #   cfg = ''#433'';
+  #   cbg = ''#fefbf4'';
+  #   # background
+  #   cemph = ''#a35403'';
+  #   cemphbg = ''#a3540310'';
+  # };
+
+  # milligram = {
+  #   navpos = ''fixed'';
+  #   rem = ''11pt'';
+  #   width = ''800px'';
+  #   font-p = ''300 1em/1.6 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif'';
+  #   font-h = ''300 1em/1.3 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif'';
+  #   font-c = ''86%/1.4 monospace'';
+  #   ornament = ''"‹‹‹ ›››"'';
+  #   border = ''1px solid var(--cmed)'';
+  #   cdark = ''#6c605c'';
+  #   clight = ''#f4f5f6'';
+  #   cmed = ''#d1d1d1'';
+  #   clink = ''#9b4dca'';
+  #   # foreground
+  #   cfg = ''#606c76'';
+  #   cemph = ''#9b4dca'';
+  #   # background
+  #   cbg = ''#fff'';
+  #   cemphbg = ''#9b4dca10'';
+  # };
+
+  pure = {
+    navpos = ''absolute'';
+    width = ''768px'';
+    rem = ''18px'';
+    font-p = ''1em/1.6 Helvetica,Arial,sans-serif'';
+    font-h = ''1em/1.6 Helvetica,Arial,sans-serif'';
+    font-c = ''86%/1.4 monospace'';
+    ornament = ''"‹‹‹ ›››"'';
+    border = ''1px solid var(--cmed)'';
+    cdark = ''#777'';
+    clight = ''#f8f8ff'';
+    cmed = ''#e6e6e6'';
+    clink = ''#3b8bba'';
+    # foreground
+    cfg = ''#777'';
+    cemph = ''#1f8dd6'';
+    # background
+    cbg = ''#fff'';
+    cemphbg = ''#1f8dd610'';
+  };
+
+  sakura = {
+    navpos = ''absolute'';
+    width = ''684px'';
+    rem = ''18px'';
+    font-p = ''1em/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif'';
+    font-h = ''1em/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif'';
+    font-c = ''.8em/1.4 monospace'';
+    ornament = ''""'';
+    border = ''1px solid var(--cmed)'';
+    cdark = ''#4a4a4a'';
+    clight = ''#f1f1f1'';
+    cmed = ''#d1d1d1'';
+    clink = ''#1d7484'';
+    # foreground
+    cfg = ''#4a4a4a'';
+    cemph = ''#982c61'';
+    # background
+    cbg = ''#f9f9f9'';
+    cemphbg = ''#982c6110'';
+  };
+
+  skeleton = {
+    navpos = ''absolute'';
+    rem = ''15px'';
+    width = ''800px'';
+    font-p = ''1em/1.6 "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif'';
+    font-h = ''1em/1.6 "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif'';
+    font-c = ''.9em/1.4 monospace'';
+    ornament = ''"───────"'';
+    border = ''1px solid var(--cmed)'';
+    cdark = ''#4a4a4a'';
+    clight = ''#f1f1f1'';
+    cmed = ''#e1e1e1'';
+    clink = ''#1eaedb'';
+    # foreground
+    cfg = ''#222'';
+    cemph = ''#0fa0ce'';
+    # background
+    cbg = ''#fff'';
+    cemphbg = ''#0fa0ce10'';
+  };
+
+  bootstrap = {
+    rem = ''16px'';
+    navpos = ''absolute'';
+    width = ''960px'';
+    font-p = ''1em/1.6 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif'';
+    font-h = ''1em/1.6 "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif'';
+    font-c = ''.9em/1.4 SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace'';
+    ornament = ''""'';
+    border = ''1px solid var(--cmed)'';
+    cdark = ''#343a40'';
+    clight = ''#f8f9fa'';
+    cmed = ''#6c757d'';
+    clink = ''#0d6efd'';
+    # foreground
+    cfg = ''#212529'';
+    cemph = ''#7952b3'';
+    # background
+    cbg = ''#fff'';
+    cemphbg = ''#7952b310'';
+  };
+
+  medium = {
+    rem = ''19px'';
+    navpos = ''absolute'';
+    width = ''720px'';
+    font-p = ''1em/1.6 'Lora', serif'';
+    font-h = ''.9em/1.4 'Archivo', sans !important'';
+    font-c = ''.9em/1.4 Consolas,"Liberation Mono","Courier New",monospace'';
+    ornament = ''""'';
+    border = ''1px solid var(--cmed)'';
+    cdark = ''#343a40'';
+    clight = ''#fafafa'';
+    cmed = ''#757575'';
+    clink = ''#1a8917'';
+    # foreground
+    cfg = ''#292929'';
+    cemph = ''#1a8917'';
+    # background
+    cbg = ''#fff'';
+    cemphbg = ''#1a891710'';
+  };
+
+  tufte = {
+    rem = ''15px'';
+    navpos = ''absolute'';
+    width = ''800px'';
+    font-p = ''1.4em/2 et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif'';
+    font-h = ''1.4em/1.5 et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif'';
+    font-c = ''.9em/1.4 Consolas,"Liberation Mono","Courier New",monospace'';
+    ornament = ''""'';
+    border = ''1px solid var(--cmed)'';
+    cdark = ''#111'';
+    clight = ''#fffff8'';
+    cmed = ''#b4d5fe'';
+    clink = ''#111'';
+    cemph = ''#111'';
+    # foreground
+    cfg = ''#111'';
+    # background
+    cbg = ''#fffff8'';
+  };
+}
diff --git a/default.nix b/default.nix
index 1e2c4c6..81735de 100644
--- a/default.nix
+++ b/default.nix
@@ -12,6 +12,8 @@
   nixpkgsSrc,
   src,
   data,
+  # Parameters
+  theme ? "light",
 }: let
   compress = "${yuicompressor}/bin/yuicompressor";
   clean = "${uncss}/bin/uncss";
@@ -72,7 +74,7 @@ in
       # build and compress CSS
       ${mkPushDir "css"} # $out/static/css/
       ${nixEvalExpr} "
-        ${make} $src/css/classless.nix {
+        ${make} $src/css/classless.nix ({
            big-first-letter = true;
            details-cards = true;
            grid = true;
@@ -82,7 +84,7 @@ in
            tooltip-citations = true;
            printing = true;
            tabs = true;
-        }
+        } // (import $src/css/themes.nix).${theme})
       " > classless.css
       ${clean} $out/index.html --stylesheets file://$(pwd)/classless.css \
       | ${compress} --type css >classless.min.css