new color scheme, tweak home page
sageclove
Sat, 11 Jan 2025 14:45:58 -0700
10 files changed,
186 insertions(+),
88 deletions(-)
A
assets/css/colors.css
@@ -0,0 +1,11 @@
+:root { + --background: #FBFBF2; + --f_high: #3a3738; + --f_med: #847577; + --f_low: #bdb8b8; + --f_inv: #bea983; + --b_high: #676164; + --b_med: #A6A2A2; + --b_low: #CFD2CD; + --b_inv: #8f5c71; +}
D
assets/css/zenburn.css
@@ -1,11 +0,0 @@
-:root { - --background: #464646; - --f_high: #DCDCCC; - --f_med: #DCA3A3; - --f_low: #7F9F7F; - --f_inv: #000D18; - --b_high: #262626; - --b_med: #333333; - --b_low: #3F3F3F; - --b_inv: #8FAF9F; -}
M
assets/svg/logo-block-mono.svg
→
assets/svg/logo-light.svg
@@ -1,9 +1,4 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<!-- Created with Inkscape (http://www.inkscape.org/) --> - <svg - width="512" - height="512" viewBox="0 0 135.46667 135.46667" version="1.1" id="svg1"@@ -11,10 +6,15 @@ xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"> <style id="style15"> -#border { +#border { + fill: #676164; +} +#moons { + fill: #bea983; +} +#background { + fill: #FBFBF2; } -#moons { } -#background { } </style> <defs id="defs1">@@ -36,77 +36,69 @@ </clipPath>
</defs> <g id="layer1"> - <rect - style="display:none;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:4.23333;stroke-linecap:square;stroke-linejoin:miter;stroke-dasharray:none;stroke-dashoffset:14.4;stroke-opacity:1;paint-order:fill markers stroke" - id="rect4" - width="135.46667" - height="135.46667" - x="0" - y="0" - ry="0.50714839" /> <circle - style="fill:#dcdccc;fill-opacity:1" + style="fill-opacity:1" id="background" r="67.733337" cy="67.733337" cx="67.733337" /> <g id="border" - style="fill:#fafaee;fill-opacity:1"> + style="fill-opacity:1"> <path - style="color:#000000;display:inline;fill:#464646;fill-opacity:1;stroke-linecap:square;stroke-dashoffset:14.4;-inkscape-stroke:none;paint-order:fill markers stroke" + style="color:#000000;display:inline;fill-opacity:1;stroke-linecap:square;stroke-dashoffset:14.4;-inkscape-stroke:none;paint-order:fill markers stroke" d="m -22.953125,28.068359 c -17.358855,-0.51678 -34.691796,5.967188 -47.599609,18.875 -20.652501,20.6525 -24.861335,52.629785 -10.257813,77.923831 14.603522,25.29404 44.401442,37.63746 72.6132814,30.07812 C 20.014574,147.38597 39.650391,121.79689 39.650391,92.589844 v -2.195313 h -4.394532 v 2.195313 c 0,27.239646 -18.27837,51.061186 -44.5898434,58.111326 C -35.645458,157.75131 -63.386039,146.2621 -77.005859,122.67188 -90.62568,99.081653 -86.706648,69.312116 -67.445312,50.050781 -48.183977,30.789447 -18.41444,26.870413 5.1757812,40.490234 L 7.078125,41.587891 9.2753906,37.783203 7.3730469,36.685547 C -2.1122192,31.209225 -12.537812,28.378428 -22.953125,28.068359 Z" id="path11" transform="rotate(-60)" /> <path - style="color:#000000;fill:#464646;fill-opacity:1;stroke-linecap:round;stroke-dashoffset:14.4;-inkscape-stroke:none;paint-order:fill markers stroke" + style="color:#000000;fill-opacity:1;stroke-linecap:round;stroke-dashoffset:14.4;-inkscape-stroke:none;paint-order:fill markers stroke" d="m 26.986328,113.48047 a 1.5875001,1.5875001 0 0 0 -1.587891,1.58594 1.5875001,1.5875001 0 0 0 1.587891,1.58789 h 25.929688 a 1.5875001,1.5875001 0 0 0 1.58789,-1.58789 1.5875001,1.5875001 0 0 0 -1.58789,-1.58594 z" id="path28" /> <path - style="color:#000000;fill:#464646;fill-opacity:1;stroke-linecap:round;stroke-dashoffset:14.4;-inkscape-stroke:none;paint-order:fill markers stroke" + style="color:#000000;fill-opacity:1;stroke-linecap:round;stroke-dashoffset:14.4;-inkscape-stroke:none;paint-order:fill markers stroke" d="m 82.550781,113.48047 a 1.5875001,1.5875001 0 0 0 -1.58789,1.58594 1.5875001,1.5875001 0 0 0 1.58789,1.58789 h 25.929689 a 1.5875001,1.5875001 0 0 0 1.58594,-1.58789 1.5875001,1.5875001 0 0 0 -1.58594,-1.58594 z" id="path29" /> <path - style="color:#000000;fill:#464646;fill-opacity:1;stroke-linecap:round;stroke-dashoffset:14.4;-inkscape-stroke:none;paint-order:fill markers stroke" + style="color:#000000;fill-opacity:1;stroke-linecap:round;stroke-dashoffset:14.4;-inkscape-stroke:none;paint-order:fill markers stroke" d="m 78.316406,104.70898 a 1.5875001,1.5875001 0 0 0 -1.58789,1.5879 1.5875001,1.5875001 0 0 0 1.58789,1.58789 h 38.521484 a 1.5875001,1.5875001 0 0 0 1.58789,-1.58789 1.5875001,1.5875001 0 0 0 -1.58789,-1.5879 z" id="path30" /> <path - style="color:#000000;fill:#464646;fill-opacity:1;stroke-linecap:round;stroke-dashoffset:14.4;-inkscape-stroke:none;paint-order:fill markers stroke" + style="color:#000000;fill-opacity:1;stroke-linecap:round;stroke-dashoffset:14.4;-inkscape-stroke:none;paint-order:fill markers stroke" d="m 18.628906,104.70898 a 1.5875001,1.5875001 0 0 0 -1.58789,1.5879 1.5875001,1.5875001 0 0 0 1.58789,1.58789 h 38.521485 a 1.5875001,1.5875001 0 0 0 1.58789,-1.58789 1.5875001,1.5875001 0 0 0 -1.58789,-1.5879 z" id="path31" /> <g id="cactus" - style="display:inline;fill:#464646;fill-opacity:1;stroke-width:8.46667;stroke-dasharray:none"> + style="display:inline;fill-opacity:1;stroke-width:8.46667;stroke-dasharray:none"> <path - style="color:#000000;fill:#464646;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:14.4;-inkscape-stroke:none;paint-order:fill markers stroke" + style="color:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:14.4;-inkscape-stroke:none;paint-order:fill markers stroke" d="m 82.550781,46.505859 a 4.233335,4.233335 0 0 0 -4.234375,4.234375 V 63.5 H 67.732422 A 4.233335,4.233335 0 0 0 63.5,67.732422 a 4.233335,4.233335 0 0 0 4.232422,4.234375 h 14.818359 a 4.2337584,4.2337584 0 0 0 4.232422,-4.234375 V 50.740234 a 4.233335,4.233335 0 0 0 -4.232422,-4.234375 z" id="path6" /> <path - style="color:#000000;fill:#464646;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:14.4;-inkscape-stroke:none;paint-order:fill markers stroke" + style="color:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:14.4;-inkscape-stroke:none;paint-order:fill markers stroke" d="m 52.916016,57.150391 a 4.233335,4.233335 0 0 0 -4.232422,4.232421 v 31.78711 a 4.2337584,4.2337584 0 0 0 4.232422,4.232422 h 14.816406 a 4.233335,4.233335 0 0 0 4.234375,-4.232422 4.233335,4.233335 0 0 0 -4.234375,-4.234375 H 57.150391 V 61.382812 a 4.233335,4.233335 0 0 0 -4.234375,-4.232421 z" id="path7" /> <path - style="fill:#464646;fill-opacity:1" + style="fill-opacity:1" d="M 67.734375,32.988281 A 4.233335,4.233335 0 0 0 63.5,37.220703 v 90.185547 a 4.233335,4.233335 0 0 0 4.234375,4.23242 4.233335,4.233335 0 0 0 4.232422,-4.23242 V 37.220703 a 4.233335,4.233335 0 0 0 -4.232422,-4.232422 z" id="path24" /> </g> </g> <g id="moons" - style="fill:#fafaee;fill-opacity:1"> + style="fill-opacity:1"> <path - style="fill:#464646;fill-opacity:1;stroke:none;stroke-width:2.76278;stroke-linecap:square;stroke-linejoin:miter;stroke-dasharray:none;stroke-dashoffset:14.4;stroke-opacity:1;paint-order:fill markers stroke" + style="fill-opacity:1;stroke:none;stroke-width:2.76278;stroke-linecap:square;stroke-linejoin:miter;stroke-dasharray:none;stroke-dashoffset:14.4;stroke-opacity:1;paint-order:fill markers stroke" id="path4" clip-path="url(#clipPath1)" d="M 84.666672,20.287312 A 16.933334,16.933334 0 0 1 67.733337,37.220646 16.933334,16.933334 0 0 1 50.800003,20.287312 16.933334,16.933334 0 0 1 67.733337,3.3539772 16.933334,16.933334 0 0 1 84.666672,20.287312 Z" /> <path id="ellipse12" - style="fill:#464646;fill-opacity:1;stroke-width:2.78336;stroke-linecap:square;stroke-dashoffset:14.4;paint-order:fill markers stroke" + style="fill-opacity:1;stroke-width:2.78336;stroke-linecap:square;stroke-dashoffset:14.4;paint-order:fill markers stroke" transform="rotate(90)" d="m 15.805798,-91.01667 a 4.2332811,4.2333336 0 0 1 -2.116641,3.666174 4.2332811,4.2333336 0 0 1 -4.2332812,0 4.2332811,4.2333336 0 0 1 -2.1166405,-3.666174" /> <path id="path12" - style="fill:#464646;fill-opacity:1;stroke-width:2.78336;stroke-linecap:square;stroke-dashoffset:14.4;paint-order:fill markers stroke" + style="fill-opacity:1;stroke-width:2.78336;stroke-linecap:square;stroke-dashoffset:14.4;paint-order:fill markers stroke" transform="matrix(0,1,1,0,0,0)" d="m 15.805798,44.450001 a 4.2332811,4.2333336 0 0 1 -2.116641,3.666174 4.2332811,4.2333336 0 0 1 -4.2332812,0 4.2332811,4.2333336 0 0 1 -2.1166405,-3.666174" /> </g>
A
assets/svg/logo-dark.svg
@@ -0,0 +1,106 @@
+<svg + viewBox="0 0 135.46667 135.46667" + version="1.1" + id="svg1" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <style + id="style15"> +#border { + fill: #FBFBF2; +} +#moons { + fill: #bea983; +} +#background { + fill: #676164; +} +</style> + <defs + id="defs1"> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath1"> + <circle + style="display:none;fill:#000000;fill-opacity:1;stroke:none;stroke-width:2.76283;stroke-linecap:square;stroke-linejoin:miter;stroke-dasharray:none;stroke-dashoffset:14.4;stroke-opacity:1;paint-order:fill markers stroke" + id="circle1" + cx="67.733337" + cy="37.041664" + r="16.933334" /> + <path + id="lpe_path-effect1" + style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:2.76283;stroke-linecap:square;stroke-linejoin:miter;stroke-dasharray:none;stroke-dashoffset:14.4;stroke-opacity:1;paint-order:fill markers stroke" + class="powerclip" + d="M 45.800003,-1.6460228 H 89.666672 V 42.220646 H 45.800003 Z M 84.666672,37.041664 A 16.933334,16.933334 0 0 0 67.733337,20.10833 16.933334,16.933334 0 0 0 50.800003,37.041664 16.933334,16.933334 0 0 0 67.733337,53.974998 16.933334,16.933334 0 0 0 84.666672,37.041664 Z" /> + </clipPath> + </defs> + <g + id="layer1"> + <circle + style="fill-opacity:1" + id="background" + r="67.733337" + cy="67.733337" + cx="67.733337" /> + <g + id="border" + style="fill-opacity:1"> + <path + style="color:#000000;display:inline;fill-opacity:1;stroke-linecap:square;stroke-dashoffset:14.4;-inkscape-stroke:none;paint-order:fill markers stroke" + d="m -22.953125,28.068359 c -17.358855,-0.51678 -34.691796,5.967188 -47.599609,18.875 -20.652501,20.6525 -24.861335,52.629785 -10.257813,77.923831 14.603522,25.29404 44.401442,37.63746 72.6132814,30.07812 C 20.014574,147.38597 39.650391,121.79689 39.650391,92.589844 v -2.195313 h -4.394532 v 2.195313 c 0,27.239646 -18.27837,51.061186 -44.5898434,58.111326 C -35.645458,157.75131 -63.386039,146.2621 -77.005859,122.67188 -90.62568,99.081653 -86.706648,69.312116 -67.445312,50.050781 -48.183977,30.789447 -18.41444,26.870413 5.1757812,40.490234 L 7.078125,41.587891 9.2753906,37.783203 7.3730469,36.685547 C -2.1122192,31.209225 -12.537812,28.378428 -22.953125,28.068359 Z" + id="path11" + transform="rotate(-60)" /> + <path + style="color:#000000;fill-opacity:1;stroke-linecap:round;stroke-dashoffset:14.4;-inkscape-stroke:none;paint-order:fill markers stroke" + d="m 26.986328,113.48047 a 1.5875001,1.5875001 0 0 0 -1.587891,1.58594 1.5875001,1.5875001 0 0 0 1.587891,1.58789 h 25.929688 a 1.5875001,1.5875001 0 0 0 1.58789,-1.58789 1.5875001,1.5875001 0 0 0 -1.58789,-1.58594 z" + id="path28" /> + <path + style="color:#000000;fill-opacity:1;stroke-linecap:round;stroke-dashoffset:14.4;-inkscape-stroke:none;paint-order:fill markers stroke" + d="m 82.550781,113.48047 a 1.5875001,1.5875001 0 0 0 -1.58789,1.58594 1.5875001,1.5875001 0 0 0 1.58789,1.58789 h 25.929689 a 1.5875001,1.5875001 0 0 0 1.58594,-1.58789 1.5875001,1.5875001 0 0 0 -1.58594,-1.58594 z" + id="path29" /> + <path + style="color:#000000;fill-opacity:1;stroke-linecap:round;stroke-dashoffset:14.4;-inkscape-stroke:none;paint-order:fill markers stroke" + d="m 78.316406,104.70898 a 1.5875001,1.5875001 0 0 0 -1.58789,1.5879 1.5875001,1.5875001 0 0 0 1.58789,1.58789 h 38.521484 a 1.5875001,1.5875001 0 0 0 1.58789,-1.58789 1.5875001,1.5875001 0 0 0 -1.58789,-1.5879 z" + id="path30" /> + <path + style="color:#000000;fill-opacity:1;stroke-linecap:round;stroke-dashoffset:14.4;-inkscape-stroke:none;paint-order:fill markers stroke" + d="m 18.628906,104.70898 a 1.5875001,1.5875001 0 0 0 -1.58789,1.5879 1.5875001,1.5875001 0 0 0 1.58789,1.58789 h 38.521485 a 1.5875001,1.5875001 0 0 0 1.58789,-1.58789 1.5875001,1.5875001 0 0 0 -1.58789,-1.5879 z" + id="path31" /> + <g + id="cactus" + style="display:inline;fill-opacity:1;stroke-width:8.46667;stroke-dasharray:none"> + <path + style="color:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:14.4;-inkscape-stroke:none;paint-order:fill markers stroke" + d="m 82.550781,46.505859 a 4.233335,4.233335 0 0 0 -4.234375,4.234375 V 63.5 H 67.732422 A 4.233335,4.233335 0 0 0 63.5,67.732422 a 4.233335,4.233335 0 0 0 4.232422,4.234375 h 14.818359 a 4.2337584,4.2337584 0 0 0 4.232422,-4.234375 V 50.740234 a 4.233335,4.233335 0 0 0 -4.232422,-4.234375 z" + id="path6" /> + <path + style="color:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:14.4;-inkscape-stroke:none;paint-order:fill markers stroke" + d="m 52.916016,57.150391 a 4.233335,4.233335 0 0 0 -4.232422,4.232421 v 31.78711 a 4.2337584,4.2337584 0 0 0 4.232422,4.232422 h 14.816406 a 4.233335,4.233335 0 0 0 4.234375,-4.232422 4.233335,4.233335 0 0 0 -4.234375,-4.234375 H 57.150391 V 61.382812 a 4.233335,4.233335 0 0 0 -4.234375,-4.232421 z" + id="path7" /> + <path + style="fill-opacity:1" + d="M 67.734375,32.988281 A 4.233335,4.233335 0 0 0 63.5,37.220703 v 90.185547 a 4.233335,4.233335 0 0 0 4.234375,4.23242 4.233335,4.233335 0 0 0 4.232422,-4.23242 V 37.220703 a 4.233335,4.233335 0 0 0 -4.232422,-4.232422 z" + id="path24" /> + </g> + </g> + <g + id="moons" + style="fill-opacity:1"> + <path + style="fill-opacity:1;stroke:none;stroke-width:2.76278;stroke-linecap:square;stroke-linejoin:miter;stroke-dasharray:none;stroke-dashoffset:14.4;stroke-opacity:1;paint-order:fill markers stroke" + id="path4" + clip-path="url(#clipPath1)" + d="M 84.666672,20.287312 A 16.933334,16.933334 0 0 1 67.733337,37.220646 16.933334,16.933334 0 0 1 50.800003,20.287312 16.933334,16.933334 0 0 1 67.733337,3.3539772 16.933334,16.933334 0 0 1 84.666672,20.287312 Z" /> + <path + id="ellipse12" + style="fill-opacity:1;stroke-width:2.78336;stroke-linecap:square;stroke-dashoffset:14.4;paint-order:fill markers stroke" + transform="rotate(90)" + d="m 15.805798,-91.01667 a 4.2332811,4.2333336 0 0 1 -2.116641,3.666174 4.2332811,4.2333336 0 0 1 -4.2332812,0 4.2332811,4.2333336 0 0 1 -2.1166405,-3.666174" /> + <path + id="path12" + style="fill-opacity:1;stroke-width:2.78336;stroke-linecap:square;stroke-dashoffset:14.4;paint-order:fill markers stroke" + transform="matrix(0,1,1,0,0,0)" + d="m 15.805798,44.450001 a 4.2332811,4.2333336 0 0 1 -2.116641,3.666174 4.2332811,4.2333336 0 0 1 -4.2332812,0 4.2332811,4.2333336 0 0 1 -2.1166405,-3.666174" /> + </g> + </g> +</svg>
M
etc/do.html
→
etc/do.html
@@ -5,7 +5,7 @@ <head>
<meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> - <link rel="stylesheet" href="/assets/css/zenburn.css"> + <link rel="stylesheet" href="/assets/css/colors.css"> <title>do</title> <style> html {@@ -36,7 +36,7 @@ h2 {
letter-spacing: 0.5rem; font-family: monospace; text-align: center; - color: var(--f_low); + color: var(--b_inv); } .logo {@@ -67,7 +67,7 @@ }
#today { background: var(--b_high); - color: var(--f_med); + color: var(--background); font-weight: bold; }@@ -83,7 +83,7 @@ </head>
<body> <a href="/"> - <img class="logo" src="/assets/svg/logo-block-mono.svg"> + <img class="logo" src="/assets/svg/logo-light.svg"> </a> <hr> <h1>do</h1>
M
index.html
→
index.html
@@ -6,23 +6,26 @@ <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>deserthorns</title> - <link rel="stylesheet" href="/assets/css/zenburn.css"> + <link rel="stylesheet" href="/assets/css/colors.css"> <style> html { - background: var(--background); - color: var(--f_high); + background: var(--b_high); + color: var(--f_high); } body { -webkit-text-size-adjust: 100%; margin: 0; + min-height: 100vh; + display: flex; + flex-direction: column; } h1 { letter-spacing: 0.5rem; font-family: monospace; text-align: center; - color: var(--f_high); + color: var(--background); margin: 0; }@@ -48,7 +51,7 @@
.logo { display: block; margin: 0 auto; - max-width: 15rem; + max-width: 10rem; padding-top: 5rem; padding-bottom: 5rem; }@@ -58,31 +61,38 @@ height: 5rem;
background: linear-gradient( to bottom, var(--b_high) 25%, - var(--b_med) 25%, - var(--b_med) 50%, - var(--b_low) 50%, - var(--b_low) 75%, + var(--b_inv) 25%, + var(--b_inv) 50%, + var(--f_inv) 50%, + var(--f_inv) 75%, var(--background) 75% ); - border-bottom: 4px solid var(--f_low); + border-bottom: 4px solid var(--b_low); + } + + .content { + flex-grow: 1; + background: var(--background); } </style> </head> <body> <div style="background: var(--b_high)"> - <img class="logo" src="/assets/svg/logo-block-mono.svg"> + <img class="logo" src="/assets/svg/logo-dark.svg"> <h1>deserthorns</h1> </div> <div class="stripes"></div> - <ul> - <li> - <a href="/wiki">wiki</a> - </li> - <li> - <a href="/etc/do">do</a> - </li> - </ul> + <div class="content"> + <ul> + <li> + <a href="/wiki">wiki</a> + </li> + <li> + <a href="/etc/do">do</a> + </li> + </ul> + </div> </body> </html>
M
wiki/css/style.css
→
wiki/css/style.css
@@ -1,15 +1,3 @@
-:root { - --background: #464646; - --f_high: #DCDCCC; - --f_med: #DCA3A3; - --f_low: #7F9F7F; - --f_inv: #000D18; - --b_high: #262626; - --b_med: #333333; - --b_low: #3F3F3F; - --b_inv: #8FAF9F; -} - html { background: var(--background); color: var(--f_high);@@ -35,12 +23,12 @@ color: var(--f_med);
} pre, code { - color: var(--f_low); - background: var(--b_med); + color: var(--f_med); + background: var(--b_low); } code { - padding: 0.1rem; + padding: 0.1rem 0.25rem; } pre {@@ -71,6 +59,7 @@ .header .name {
font-weight: bold; font-size: 1.2rem; margin-left: 2rem; + color: var(--b_high); } .header .links {@@ -97,13 +86,13 @@ color: var(--f_high);
} .header li a:hover { - color: var(--f_high); + color: var(--background); background: var(--b_high); cursor: pointer; } .header li.selected a { - color: var(--f_inv); + color: var(--background); background: var(--b_inv); }
M
wiki/pages/style.html
→
wiki/pages/style.html
@@ -52,11 +52,11 @@ {{ define "content" }}
<h1>Style</h1> <hr> <h2>Palette</h2> -<p>Based on <a href="https://kippura.org/zenburnpage/">Zenburn</a>. Chosen due to its low-contrast, warm, and organic feel.</p> -<p>This particular verison was taken from the Hundred Rabbits <a href="https://github.com/hundredrabbits/Themes/tree/master">Themes</a> project, which has a number of great minimal themes (8 colors + background).</p> +<p>Based on the <a href="https://github.com/hundredrabbits/Themes/blob/master/themes/marble.svg">"marble" theme</a> from the Hundred Rabbits <a href="https://github.com/hundredrabbits/Themes/tree/master">Themes</a> project, which has a number of great minimal themes (8 colors + background).</p> +<p>The <code>inv</code> colors were changed to be less monochrome and add some contrast.</p> <div class="palette"> <div style="background-color: var(--f_high);"> - <span style="background-color: var(--f_high); color: var(--b_med);">f_high</span> + <span style="background-color: var(--f_high); color: var(--background);">f_high</span> </div> <div style="background-color: var(--f_med);"> <span style="background-color: var(--f_med); color: var(--b_med);">f_med</span>@@ -68,7 +68,7 @@ <div style="background-color: var(--f_inv);">
<span style="background-color: var(--f_inv); color: var(--f_high);">f_inv</span> </div> <div style="background-color: var(--b_high);"> - <span style="background-color: var(--b_high); color: var(--f_high);">b_high</span> + <span style="background-color: var(--b_high); color: var(--f_low);">b_high</span> </div> <div style="background-color: var(--b_med);"> <span style="background-color: var(--b_med); color: var(--f_high);">b_med</span>@@ -77,7 +77,7 @@ <div style="background-color: var(--b_low);">
<span style="background-color: var(--b_low); color: var(--f_high);">b_low</span> </div> <div style="background-color: var(--b_inv);"> - <span style="background-color: var(--b_inv); color: var(--f_inv);">b_inv</span> + <span style="background-color: var(--b_inv); color: var(--background);">b_inv</span> </div> </div> <hr>
M
wiki/templates/document.html
→
wiki/templates/document.html
@@ -5,6 +5,7 @@ <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>{{.Title}}</title> + <link rel="stylesheet" href="/assets/css/colors.css"> <link rel="stylesheet" href="{{.StylePath}}"> {{ template "styles"}} </head>
M
wiki/templates/header.html
→
wiki/templates/header.html
@@ -2,7 +2,7 @@ {{ define "header" }}
<div class="header"> <div class="ident"> <a href="/wiki"> - <img class="logo" src="/assets/svg/logo-block-mono.svg"> + <img class="logo" src="/assets/svg/logo-light.svg"> </a> <span class="name mobile">deserthorns</span> </div>