From ee4cc3d2e1016e179ab643b9b8423ae061e06238 Mon Sep 17 00:00:00 2001 From: Christian Cleberg Date: Sat, 13 Apr 2024 00:24:08 -0500 Subject: update font stack and accent colors --- theme/static/styles.css | 72 +++++++++++++++++++++++---------------------- theme/static/styles.min.css | 2 +- 2 files changed, 38 insertions(+), 36 deletions(-) diff --git a/theme/static/styles.css b/theme/static/styles.css index 123db20..e55852b 100644 --- a/theme/static/styles.css +++ b/theme/static/styles.css @@ -352,12 +352,14 @@ template { /* CUSTOM CSS */ :root { - --bg: #fff; - --bg-bright: #eee; - --fg: #111; - --link: #00f; - --code: #f00; - --border: #ccc; + --bg: rgb(255, 255, 255); + --bg-bright: rgb(238, 238, 238); + --fg: rgb(17, 17, 17); + --fg-bright: rgb(0, 0, 0); + --fg-dim: rgb(68, 68, 68); + --link: rgb(0, 0, 255); + --code: rgb(255, 0, 0); + --border: rgb(204, 204, 204); } @media (prefers-reduced-motion: no-preference) { @@ -370,13 +372,19 @@ body { background-color: var(--bg); color: var(--fg); font-family: - Menlo, - Consolas, - Monaco, - Liberation Mono, - Lucida Console, - monospace; - font-size: 0.9rem; + -apple-system, + BlinkMacSystemFont, + avenir next, + avenir, + segoe ui, + helvetica neue, + helvetica, + Cantarell, + Ubuntu, + roboto, + noto, + arial, + sans-serif; line-height: 1.5; max-width: 50em; margin: 0 auto; @@ -417,17 +425,18 @@ h1, h2, h3, h4 { - color: var(--fg); + color: var(--fg-bright); } a, a:visited { - color: var(--link); + border-bottom: 2px solid var(--border); + color: var(--fg-dim); text-decoration: none; } a:hover { - text-decoration: underline; + color: var(--link); } img { @@ -438,14 +447,6 @@ table { border-collapse: collapse; color: var(--fg); border-color: var(--bg-bright); - font-family: - Menlo, - Consolas, - Monaco, - Liberation Mono, - Lucida Console, - monospace; - font-size: 0.9rem; } thead, @@ -508,16 +509,16 @@ blockquote p { } .wiki-post { -justify-content: space-between; + justify-content: space-between; } .wiki-post:first-of-type { -border-bottom: 1px dotted var(--fg); -margin-bottom: 1rem; + border-bottom: 1px dotted var(--fg); + margin-bottom: 1rem; } .wiki-post p { -margin: 0; + margin: 0; } .post-metadata { @@ -567,12 +568,13 @@ summary { @media (prefers-color-scheme: dark) { :root { - --bg: #141617; - --bg-bright: #191c1d; - --fg: #b2aea9; - /* --link: #2b8ad9; */ - --link: #ff79c6; - --code: #ffb454; - --border: #333; + --bg: rgb(20, 22, 23); + --bg-bright: rgb(25, 28, 29); + --fg: rgb(178, 174, 169); + --fg-bright: rgb(255, 255, 255); + --fg-dim: rgb(221, 221, 221); + --link: rgb(10, 132, 255); + --code: rgb(255, 159, 10); + --border: rgb(51, 51, 51); } } diff --git a/theme/static/styles.min.css b/theme/static/styles.min.css index f42cf24..55bf910 100644 --- a/theme/static/styles.min.css +++ b/theme/static/styles.min.css @@ -1 +1 @@ -/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--bg:#fff;--bg-bright:#eee;--fg:#111;--link:#00f;--code:#f00;--border:#ccc}@media(prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{background-color:var(--bg);color:var(--fg);font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;font-size:.9rem;line-height:1.5;max-width:50em;margin:0 auto;padding:0 1rem}.site-nav,footer{border-color:var(--fg)}footer{border-top:1px dotted;padding-top:1rem;margin:1rem 0}footer p{margin:0}.site-nav{border-bottom:1px dotted}.site-nav ul{list-style-type:none;display:flex;align-items:center;padding:0}.site-nav ul li{margin-right:.5rem}h1,h2,h3,h4{color:var(--fg)}a,a:visited{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}img{width:100%}table{border-collapse:collapse;color:var(--fg);border-color:var(--bg-bright);font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;font-size:.9rem}thead,th,tr,td{border:1px solid var(--border);padding:.25rem}pre>code,time,code{font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;font-size:inherit}pre{background-color:var(--bg-bright)!important;margin:.5rem 0;padding:.5rem;overflow-x:auto}:not(pre)>code{color:var(--code);font-family:inherit}aside{background-color:var(--bg-bright);padding:1rem}blockquote{background-color:var(--bg-bright);border-left:5px solid var(--link);margin:1rem 0;padding:.5rem 1rem}blockquote p{margin:0}.post,.wiki-post{display:flex}.post time{flex-shrink:0;margin-right:.5rem}.wiki-post{justify-content:space-between}.wiki-post:first-of-type{border-bottom:1px dotted var(--fg);margin-bottom:1rem}.wiki-post p{margin:0}.post-metadata{border:1px dotted var(--fg);border-top:none;padding:1rem}.post-metadata h1{margin:0}.post-metadata p{margin:0}details{margin-top:1rem}summary{font-weight:700}.footnote-definition{display:flex;justify-content:flex-start;align-items:top;margin:1rem 0}.footnote-definition sup{font-size:inherit;top:0;line-height:inherit;padding-right:.5rem}.footnote-definition sup::after{content:"."}.footnote-definition p{display:inline-block;margin:0}@media(prefers-color-scheme:dark){:root{--bg:#141617;--bg-bright:#191c1d;--fg:#b2aea9;--link:#ff79c6;--code:#ffb454;--border:#333}} \ No newline at end of file +/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--bg:rgb(255, 255, 255);--bg-bright:rgb(238, 238, 238);--fg:rgb(17, 17, 17);--fg-bright:rgb(0, 0, 0);--fg-dim:rgb(68, 68, 68);--link:rgb(0, 0, 255);--code:rgb(255, 0, 0);--border:rgb(204, 204, 204)}@media(prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{background-color:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;line-height:1.5;max-width:50em;margin:0 auto;padding:0 1rem}.site-nav,footer{border-color:var(--fg)}footer{border-top:1px dotted;padding-top:1rem;margin:1rem 0}footer p{margin:0}.site-nav{border-bottom:1px dotted}.site-nav ul{list-style-type:none;display:flex;align-items:center;padding:0}.site-nav ul li{margin-right:.5rem}h1,h2,h3,h4{color:var(--fg-bright)}a,a:visited{border-bottom:2px solid var(--border);color:var(--fg-dim);text-decoration:none}a:hover{color:var(--link)}img{width:100%}table{border-collapse:collapse;color:var(--fg);border-color:var(--bg-bright)}thead,th,tr,td{border:1px solid var(--border);padding:.25rem}pre>code,time,code{font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;font-size:inherit}pre{background-color:var(--bg-bright)!important;margin:.5rem 0;padding:.5rem;overflow-x:auto}:not(pre)>code{color:var(--code);font-family:inherit}aside{background-color:var(--bg-bright);padding:1rem}blockquote{background-color:var(--bg-bright);border-left:5px solid var(--link);margin:1rem 0;padding:.5rem 1rem}blockquote p{margin:0}.post,.wiki-post{display:flex}.post time{flex-shrink:0;margin-right:.5rem}.wiki-post{justify-content:space-between}.wiki-post:first-of-type{border-bottom:1px dotted var(--fg);margin-bottom:1rem}.wiki-post p{margin:0}.post-metadata{border:1px dotted var(--fg);border-top:none;padding:1rem}.post-metadata h1{margin:0}.post-metadata p{margin:0}details{margin-top:1rem}summary{font-weight:700}.footnote-definition{display:flex;justify-content:flex-start;align-items:top;margin:1rem 0}.footnote-definition sup{font-size:inherit;top:0;line-height:inherit;padding-right:.5rem}.footnote-definition sup::after{content:"."}.footnote-definition p{display:inline-block;margin:0}@media(prefers-color-scheme:dark){:root{--bg:rgb(20, 22, 23);--bg-bright:rgb(25, 28, 29);--fg:rgb(178, 174, 169);--fg-bright:rgb(255, 255, 255);--fg-dim:rgb(221, 221, 221);--link:rgb(10, 132, 255);--code:rgb(255, 159, 10);--border:rgb(51, 51, 51)}} \ No newline at end of file -- cgit v1.2.3-70-g09d2