From 777a65837cf545cbc8c3c03e3ac998eb53d4afa8 Mon Sep 17 00:00:00 2001 From: aristote Date: Sun, 27 Jul 2025 18:33:57 +0200 Subject: add themes --- css/themes.nix | 182 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 182 insertions(+) create mode 100644 css/themes.nix (limited to 'css/themes.nix') 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''; + }; +} -- cgit v1.2.3