From 8a949239aec94e8209527d8ad8dcb0e1564a62cd Mon Sep 17 00:00:00 2001 From: "Yann Esposito (Yogsototh)" Date: Thu, 28 Nov 2019 00:28:10 +0100 Subject: [PATCH] css work --- build.sh | 6 +- dup-for-themes.sh | 6 +- fullbuild.sh | 12 +- logo-svg.org | 8 +- src/css/min.css | 677 ++++++++-------------------------------------- src/css/mk.css | 156 ++++++----- 6 files changed, 197 insertions(+), 668 deletions(-) diff --git a/build.sh b/build.sh index c6710c5..faccb04 100755 --- a/build.sh +++ b/build.sh @@ -4,10 +4,12 @@ emacs \ --load project.el \ --eval "(progn (org-publish \"blog\" t) (evil-quit))" -echo "Update file size" -./update-file-size.sh +echo "Optim HTML size" +./optim-html.sh echo "Gen themes clones" ./dup-for-themes.sh +echo "Update file size" +./update-file-size.sh echo "Building RSS" ./mkrss.sh echo "RSS Built" diff --git a/dup-for-themes.sh b/dup-for-themes.sh index d7cc27d..a68247e 100755 --- a/dup-for-themes.sh +++ b/dup-for-themes.sh @@ -21,8 +21,8 @@ for fic in $filelist; do continue fi print -n -- "$fic " - cat $fic | perl -p -e 's#href="/css/mk.css"#href="/css/sci.css"#' > ${fic:r}-sci.html - cat $fic | perl -p -e 's#href="/css/mk.css"#href="/css/min.css"#' > ${fic:r}-min.html - cat $fic | perl -p -e 's#href="/css/mk.css"#href="/css/modern.css"#' > ${fic:r}-modern.html + cat $fic | perl -p -e 's#href="?/css/mk.css"?#href=/css/sci.css#' > ${fic:r}-sci.html + cat $fic | perl -p -e 's#href="?/css/mk.css"?#href=/css/min.css#' > ${fic:r}-min.html + cat $fic | perl -p -e 's#href="?/css/mk.css"?#href=/css/modern.css#' > ${fic:r}-modern.html print "[OK]" done diff --git a/fullbuild.sh b/fullbuild.sh index 2f731dd..250a3ba 100755 --- a/fullbuild.sh +++ b/fullbuild.sh @@ -3,14 +3,4 @@ rm -rf _site rm -rf _cache -emacs \ - --load project.el \ - --eval "(progn (delete-directory org-publish-timestamp-directory t) (org-publish \"blog\" t) (evil-quit))" - -echo "Update file size" -./update-file-size.sh -echo "Gen themes clones" -./dup-for-themes.sh -echo "Building RSS" -./mkrss.sh -echo "RSS Built" +./build.sh diff --git a/logo-svg.org b/logo-svg.org index 7b3f026..e186ff9 100644 --- a/logo-svg.org +++ b/logo-svg.org @@ -1,10 +1,10 @@ @@html:
- - - - + + + +
@@ diff --git a/src/css/min.css b/src/css/min.css index 0035c8d..ab064ca 100644 --- a/src/css/min.css +++ b/src/css/min.css @@ -10,53 +10,24 @@ body { pre, pre code { line-height: 1em; } -/* Layout */ -body, h1, h2, h3, h4, h5, h6, pre, code, blockquote, ol, ul, ol ol, ul ul, ul ol, ol -ul, li, p, section, header, footer, img { - float: none; - margin: 0; - padding: 0; - border: 0; - hyphens: auto; +#content,.content { + max-width: 48em; + padding: 0 1em; + margin: 0 auto; } -h1, h2, h3, h4, h5, h6, pre, code, blockquote, p, ul, ol, section, header, -figure,table { - margin-top: 1em; - margin-bottom: 1em; -} -li { - display: block; - padding-left: 2ch; -} -ol > li:before, ul > li:before { - content: "– "; - opacity: 0.5; - float: left; - position: relative; - left: -2ch; - text-align: right; - width: 0; -} -ol { - counter-reset: ol; -} -ol > li:before { - content: counter(ol) ". "; - counter-increment: ol; -} -ol > li:nth-child(n+10) { - padding-left:3ch; -} -ol > li:nth-child(n+10):before { - left: -3ch; +pre { + max-width: 100%; + overflow-x: scroll; + overflow-y: hidden; } +figure { margin: 0 1em; } img { width: 100%; max-height: 100vh; margin: 1em auto; } p > img, li > img { - max-height: 1cap; + max-height: 1em; width: auto; margin: 0; vertical-align: middle; @@ -76,565 +47,145 @@ td, th { border-right: solid 1px; border-left: solid 1px; } -sup { - vertical-align: top; - position: relative; - top: -.25em; -} -sup > a { - text-decoration: none; - padding: 1px 2px; - font-weight: bold; -} - -#preamble h1 { - margin-top: 0; -} -#table-of-contents, -#table-of-contents ul, -#table-of-contents h2 -{ - padding:0; - margin:0; -} -#table-of-contents { - margin-bottom: 1em; -} -pre { - max-width: 100%; - overflow-x: scroll; - overflow-y: hidden; -} -pre:after,pre:before { - content: "~~~~~~~~~"; - display: block; } -pre:before { - content: "~~~~~~~~~ " attr(class); -} -pre code { - background: none; -} -blockquote,#table-of-contents { - border-left: solid 2ch; - padding-left: 2ch; -} -nav { - font-weight: bold; - display: block; - padding: 10px 0; -} -nav > a { - margin-right: 10px; -} -/* org mode ids and classes */ -figure, .figure { - margin: 1em 0; -} -#content,.content { - max-width: 46em; - margin: 0 auto; - padding: 0 1em; -} -#content:last-child, .notes *:last-child, blockquote *:last-child { - margin-bottom: 0; -} -#content:first-child, .notes *:first-child, blockquote *:first-child{ - margin-top: 0; -} -#postamble { - margin-top: 1em; -} -.timestamp-wrapper { - font-size: 12px; -} -.todo, .done { - font-size: 12px; - font-weight: bold; - padding: 1px 1ex; -} -.article-date { - font-size: 0.8em; - font-style: italic; - float: right; -} -.footpara { - display: inline; -} -.footdef > sup { - vertical-align: middle; -} -.footdef > sup::after { - content: ": "; -} -.notes { - padding: 5px 10px; -} -.notes::before { - content: "☞"; - float: left; - display: inline-block; - width: 1.5em; -} -.underline { - text-decoration: underline; -} +#labels { margin: 0; } +.main {padding-top: 1em; } /* colors theme */ :root { color-scheme: light dark; /* support color scheme */ - --base03: #202631; - --base02: #2B313C; - --base01: #656B74; - --base00: #727781; - --base0: #8B919B; - --base1: #989EA8; - --base2: #E5E8ED; - --base3: #F4F7FC; - --yellow: #A98D50; - --orange: #aa6550; - --red: #b85a64; - --magenta: #af53b0; - --violet: #846f93; - --blue: #5679a4; - --cyan: #4c8493; - --green: #728b5c; + --b03: #222; + --b02: #333; + --b01: #666; + --b00: #777; + --b0: #999; + --b1: #AAA; + --b2: #EEE; + --b3: #FFF; + --y: #af8700; + --o: #d75f00; + --r: #d70000; + --m: #af005f; + --v: #5f5faf; + --b: #0087ff; + --c: #00afaf; + --g: #5f8700; - /* Solaryzed accented colors */ - --bg: var(--base03); - --fg: var(--base0); - --bg2: var(--base02); - --fg2: var(--base01); - --rfg: var(--base1); - --rbg: var(--base02); - --bdr: var(--base02); + /* default dark */ + --bg: var(--b03); + --fg: var(--b0); + --bg2: var(--b02); + --fg2: var(--b01); + --rfg: var(--b1); + --rbg: var(--b02); + --bdr: var(--b02); --l-fg: var(--bg); - --l-bg: var(--green); + --l-bg: var(--g); } -/* org colors */ -@media (prefers-color-scheme: light) { - :root { - --bg: var(--base3); - --fg: var(--base00); - --bg2: var(--base2); - --fg2: var(--base1); - --rfg: var(--base01); - --rbg: var(--base2); - --bdr: var(--base2); - --l-fg: var(--bg); - --l-bg: var(--orange); - } -} /* Dark themes soften and darken images */ @media (prefers-color-scheme: dark) { + :root { + --bg: var(--b03); + --fg: var(--b0); + --bg2: var(--b02); + --fg2: var(--b01); + --rfg: var(--b1); + --rbg: var(--b02); + --bdr: var(--b02); + --l-fg: var(--bg); + --l-bg: var(--g); + } img { filter: brightness(0.8) sepia(100%) hue-rotate(182deg) saturate(0.6); } } +body > input { + display:none; +} @media (prefers-color-scheme: light) { + :root { + --bg: var(--b3); + --fg: var(--b00); + --bg2: var(--b2); + --fg2: var(--b1); + --rfg: var(--b01); + --rbg: var(--b2); + --bdr: var(--b2); + --l-fg: var(--bg); + --l-bg: var(--o); + } img { filter: sepia(100%) hue-rotate(182deg) saturate(0.6); } } -#h { - float: left; -} -.main { - padding-top: 1em; -} -#labels { - width: 100%; - text-align: right; -} -#labels label { - text-decoration: underline; - cursor: pointer; - font-style: italic; -} -/* Light themes does not soften and darken images */ -#s:checked ~ .main img, #m:checked ~ .main img { filter: none; } -#c:checked ~ .main img { filter: brightness(0.8); } - -#s:checked ~ .main #preamble:after, -#s:checked ~ .main #postamble:before, -#c:checked ~ .main #preamble:after, -#c:checked ~ .main #postamble:before, -#m:checked ~ .main #preamble:after, -#m:checked ~ .main #postamble:before -{ - display: none; -} -/* --------------------------------------------------------------------------- */ -/* Dark theme selected */ #d:checked ~ .main, #d:checked ~ #labels { - --bg: var(--base03); - --fg: var(--base0); - --bg2: var(--base02); - --fg2: var(--base01); - --rfg: var(--base1); - --rbg: var(--base02); - --bdr: var(--base02); + --bg: var(--b03); + --fg: var(--b0); + --bg2: var(--b02); + --fg2: var(--b01); + --rfg: var(--b1); + --rbg: var(--b02); + --bdr: var(--b02); --l-fg: var(--bg); - --l-bg: var(--green); + --l-bg: var(--g); } /* --------------------------------------------------------------------------- */ /* Light theme selected */ #l:checked ~ .main, #l:checked ~ #labels { - --bg: var(--base3); - --fg: var(--base01); - --bg2: var(--base2); - --fg2: var(--base00); - --rfg: var(--base01); - --rbg: var(--base2); - --bdr: var(--base2); + --bg: var(--b3); + --fg: var(--b00); + --bg2: var(--b2); + --fg2: var(--b1); + --rfg: var(--b01); + --rbg: var(--b2); + --bdr: var(--b2); --l-fg: var(--bg); - --l-bg: var(--orange); + --l-bg: var(--o); } -/* --------------------------------------------------------------------------- */ -/* Light simple theme selected */ -#c:checked ~ .main, #c:checked ~ #labels, -#s:checked ~ .main, #s:checked ~ #labels { - --bg: #fff; - --fg: #333; - --bg2: #eee; - --fg2: #222; - --rfg: #111; - --rbg: #eee; - --bdr: #CCC; - --l-fg: var(--bg); - --l-bg: var(--orange); - font-family: sans-serif; - font-size: 16px; - line-height: 1.5em; -} -#c:checked ~ #labels .content, -#s:checked ~ #labels .content, -#c:checked ~ .main .content, -#c:checked ~ .main #content, -#s:checked ~ .main .content, -#s:checked ~ .main #content { - margin: 0 auto; -} - -/* --------------------------------------------------------------------------- */ -/* Dark matrix theme selected */ -#x:checked ~ .main, #x:checked ~ #labels { - --bg: #000; - --fg: #0b0; - --bg2: #040; - --fg2: #080; - --rfg: #0f0; - --rbg: #000; - --bdr: #080; - --l-fg: #0f0; - --l-bg: var(--bg); - --yellow: #0f0; - --orange: #0e0; - --red: #0d0; - --magenta: #0f0; - --violet: #0f0; - --blue: #080; - --cyan: #080; - --green: #080; - --base03: #020; - --base02: #030; - --base3: #0f0; - --base2: #0e0; - font-family: monospace; -} -#x:checked ~ .main code, -#x:checked ~ .main pre { - font-family: monospace; -} - -/* --------------------------------------------------------------------------- */ -/* Light modern theme selected */ -#m:checked ~ .main, #m:checked ~ #labels { - --bg: #fff; - --fg: #444; - --bg2: #eee; - --fg2: #333; - --rfg: #000; - --rbg: #eee; - --bdr: #ddd; - --l-fg: var(--bg); - --l-bg: var(--magenta); - font-family: "Helvetica Neue", sans-serif; - font-weight: 300; - font-size: 16px; - line-height: 1.5em; -} - -#m:checked ~ #labels a { - color: #fff; -} -#m:checked ~ .main .content, -#m:checked ~ .main #content { - margin: 0 auto; -} -#m:checked ~ .main #table-of-contents:after, -#m:checked ~ .main blockquote:after { - display: none; -} -#m:checked ~ .main blockquote { - font-family: "Hoefler Text", Georgia, serif; - font-style: italic; - font-size: 20px; - line-height: 30px; - border-left: solid 10px; -} -#m:checked ~ .main h1, -#m:checked ~ .main h2 { - font-family: "Hoefler Text", Georgia, serif; - font-style: italic; - font-size: 2em; - line-height: 1.5em; - margin: 1em 0; - color: var(--rfg); -} - -#m:checked ~ .main h3, -#m:checked ~ .main h4, -#m:checked ~ .main h5, -#m:checked ~ .main h6 { - font-weight: 200; - font-size: 1.5em; - line-height: 1.5em; - margin: 1em 0; - color: var(--rfg); -} -#m:checked ~ .main h4{ - font-size: 1.25em; - line-height: 1.25em; -} -#m:checked ~ .main h5, -#m:checked ~ .main h6 { - font-size: 1em; - line-height: 1em; -} -#m:checked ~ .main #preamble { - border-bottom: solid 1px rgba(0,0,0,0.2); -} -#m:checked ~ .main #postamble { - border-top: solid 1px rgba(0,0,0,0.2); -} -#m:checked ~ .main #preamble h1 { - font-size: 4em; - line-height: 1.5em; - margin: .5em 0; -} -#m:checked ~ .main h1::before, -#m:checked ~ .main h2::before, -#m:checked ~ .main h3::before, -#m:checked ~ .main h4::before, -#m:checked ~ .main h5::before, -#m:checked ~ .main h6::before { - content: ""; -} -#m:checked ~ .main pre { - font-size: 14px; - line-height: 1em; - border-left: solid 4px var(--fg2); - padding-left: 1em; -} -#m:checked ~ .main pre::before, -#m:checked ~ .main pre::after { - content: ""; -} -#m:checked ~ .main #preamble, -#m:checked ~ .main #postamble { - background: var(--cyan); - padding: 1em 0; -} -#m:checked ~ .main #preamble { - margin-bottom: 2em; -} -#m:checked ~ .main #postamble { - margin-top: 2em; -} -#m:checked ~ .main #postamble code { - background: transparent; -} -#m:checked ~ .main #preamble *, -#m:checked ~ .main #postamble * { - color: #fff; -} -#m:checked ~ #labels { - background: var(--cyan); - color: #fff; -} -#m:checked ~ #labels .content { - margin: 0 auto; -} - -/* --------------------------------------------------------------------------- */ -/* Dark simple theme selected */ -#c:checked ~ .main, #c:checked ~ #labels { - --bg: #000; - --fg: #ccc; - --bg2: #111; - --fg2: #ddd; - --rfg: #eee; - --rbg: #111; - --bdr: #333; - --link: var(--green); -} -#c:checked ~ #labels .content{ - margin: 0 auto; -} -#c:checked ~ .main code, -#c:checked ~ .main pre { - font-family: monospace; -} -#c:checked ~ .main .content, -#c:checked ~ .main #content { - margin: 0 auto; -} - -/* --------------------------------------------------------------------------- */ -/* Default color theme */ -body,.main { - background: var(--bg); - color: var(--fg); -} -::selection, .main ::selection, -::-moz-selection, .main ::-moz-selection { - color: white; - background: var(--blue); -} -a, a:visited, -.main a, .main a:visited { - color: var(--rfg); -} - -b, strong, i, em { - color: var(--rfg); -} - -sup > a { - background: var(--rbg); -} - -body > input { display:none; } - #labels { background: var(--bg2); color: var(--fg2); } - -.keywords { - color: var(--fg2); +/* --------------------------------------------------------------------------- */ +/* Default color theme */ +body,.main { + background: var(--bg); + color: var(--fg); + min-height: 100vh; } -li .keywords { - float: right; +a { color: var(--l-bg); } + +.org-rainbow-delimiters-depth-1, .org-rainbow-delimiters-depth-9, +.org-css-selector, .org-nix-attribute, .org-builtin { + color:var(--c); } -.main ol > li:before, ol > li:before { - color: var(--fg2) +.org-rainbow-delimiters-depth-2, .org-nix-builtin, .org-variable-name, +.org-function-name, .org-diff-changed { + color:var(--b); } -pre::after,pre::before,hr:after, -.main pre::after,.main pre::before,.main hr:after { - color: var(--fg2); -} -nav a, nav a:visited, .main nav a,.main nav a:visited { - color: var(--fg2); -} -#labels label:hover, a:hover, a:active, a:focus, .main a:hover,.main a:active,.main a:focus, -nav a:focus, nav a:hover, .main nav a:focus,.main nav a:hover { - color: var(--l-fg); - background: var(--l-bg); +.org-rainbow-delimiters-depth-3 { + color:var(--v); } -thead, .main thead, tr:hover, .main tr:hover { - background: var(--rbg); - color: var(--rfg); +.org-rainbow-delimiters-depth-4, .org-diff-hunk-header, .org-sh-quoted-exec { + color:var(--m); } -.description { - color: var(--fg2); +.org-rainbow-delimiters-depth-5, .org-diff-removed { + color:var(--r); } -h1, .main h1, -h2, .main h2, -h3, .main h3, -h4, .main h4, -h5, .main h5, -h6, .main h6, -{ - color: var(--rfg); +.org-rainbow-delimiters-depth-6 { + color:var(--o); } -table, td, th, -.main table,.main td,.main th { - border-color: var(--bdr); +.org-rainbow-delimiters-depth-7, .org-type, .org-constant, .org-diff-header { + color:var(--y); } -code, .main code { - background: var(--rbg); -} -blockquote:after, .main blockquote:after { - color: var(--fg2); -} -#preamble,#postamble,.main #preamble, .main #postamble { - border-color: transparent; -} -.article-date, .main .article-date { - color: var(--fg2); -} -/* -------- */ -/* org colors */ -.todo, .done, .main .todo, .main .done { - background: var(--rbg); - border: solid 1px; - height: 10px; - display: inline-block; - line-height: 12px; - font-weight: bold; - font-size: 10px; -} -.TODO, .main .TODO { - color: var(--red); -} -.IN_PROGRESS, .main .IN_PROGRESS { - color: var(--yellow); -} -.IN_REVIEW, .main .IN_REVIEW { - color: var(--cyan); -} -.HOLD, .main .HOLD { - color: var(--violet); -} -.WAITING, .main .WAITING { - color: var(--violet); -} -.DONE, .main .DONE { - color: var(--green); -} -.CANCELED, .main .CANCELED { - color: var(--magenta); -} -.notes, .main .notes { - background: var(--rbg); - color: var(--rfg); -} -/* ---- SYNTAX HIGHLIGHTING ---- */ -.org-nix-attribute, .org-builtin { - color:var(--cyan); -} - -.org-sh-heredoc, .org-diff-added, .org-string, .org-doc, .org-keyword { - color:var(--green); -} - -.org-nix-builtin, .org-variable-name, .org-function-name { - color:var(--blue); -} - -.org-type, .org-constant { - color:var(--yellow); -} - -.org-css-selector { - color:var(--cyan); +.org-rainbow-delimiters-depth-8, .org-sh-heredoc, .org-diff-added, .org-string, +.org-doc, .org-keyword { + color:var(--g); } .org-diff-none, .org-preprocessor, .org-comment-delimiter, .org-comment, @@ -644,20 +195,8 @@ blockquote:after, .main blockquote:after { color:var(--fg2); } -.org-highlight-number-number {color:var(--rfg);} +.org-highlight-number-number { + color:var(--rfg); +} -.org-rainbow-delimiters-depth-1 {color:var(--cyan);} -.org-rainbow-delimiters-depth-2 {color:var(--blue);} -.org-rainbow-delimiters-depth-3 {color:var(--violet);} -.org-rainbow-delimiters-depth-4 {color:var(--magenta);} -.org-rainbow-delimiters-depth-5 {color:var(--red);} -.org-rainbow-delimiters-depth-6 {color:var(--orange);} -.org-rainbow-delimiters-depth-7 {color:var(--yellow);} -.org-rainbow-delimiters-depth-8 {color:var(--green);} -.org-rainbow-delimiters-depth-9 {color:var(--cyan);} -.org-sh-quoted-exec {color:var(--magenta);} -.org-diff-changed {color:var(--blue);} -.org-diff-header {color:var(--yellow);} -.org-diff-hunk-header {color:var(--magenta);} -.org-diff-removed {color:var(--red);} diff --git a/src/css/mk.css b/src/css/mk.css index daa4d03..dd1a5cc 100644 --- a/src/css/mk.css +++ b/src/css/mk.css @@ -225,47 +225,47 @@ figure, .figure { /* colors theme */ :root { color-scheme: light dark; /* support color scheme */ - --base03: #202631; - --base02: #2B313C; - --base01: #656B74; - --base00: #727781; - --base0: #8B919B; - --base1: #989EA8; - --base2: #E5E8ED; - --base3: #F4F7FC; - --yellow: #A98D50; - --orange: #aa6550; - --red: #b85a64; - --magenta: #af53b0; + --b03: #202631; + --b02: #2B313C; + --b01: #656B74; + --b00: #727781; + --b0: #8B919B; + --b1: #989EA8; + --b2: #E5E8ED; + --b3: #F4F7FC; + --y: #A98D50; + --o: #aa6550; + --r: #b85a64; + --m: #af53b0; --violet: #846f93; - --blue: #5679a4; + --b: #5679a4; --cyan: #4c8493; - --green: #728b5c; + --g: #728b5c; /* Solaryzed accented colors */ - --bg: var(--base03); - --fg: var(--base0); - --bg2: var(--base02); - --fg2: var(--base01); - --rfg: var(--base1); - --rbg: var(--base02); - --bdr: var(--base02); + --bg: var(--b03); + --fg: var(--b0); + --bg2: var(--b02); + --fg2: var(--b01); + --rfg: var(--b1); + --rbg: var(--b02); + --bdr: var(--b02); --l-fg: var(--bg); - --l-bg: var(--green); + --l-bg: var(--g); } /* org colors */ @media (prefers-color-scheme: light) { :root { - --bg: var(--base3); - --fg: var(--base00); - --bg2: var(--base2); - --fg2: var(--base1); - --rfg: var(--base01); - --rbg: var(--base2); - --bdr: var(--base2); + --bg: var(--b3); + --fg: var(--b00); + --bg2: var(--b2); + --fg2: var(--b1); + --rfg: var(--b01); + --rbg: var(--b2); + --bdr: var(--b2); --l-fg: var(--bg); - --l-bg: var(--orange); + --l-bg: var(--o); } } /* Dark themes soften and darken images */ @@ -302,29 +302,29 @@ figure, .figure { /* --------------------------------------------------------------------------- */ /* Dark theme selected */ #d:checked ~ .main, #d:checked ~ #labels { - --bg: var(--base03); - --fg: var(--base0); - --bg2: var(--base02); - --fg2: var(--base01); - --rfg: var(--base1); - --rbg: var(--base02); - --bdr: var(--base02); + --bg: var(--b03); + --fg: var(--b0); + --bg2: var(--b02); + --fg2: var(--b01); + --rfg: var(--b1); + --rbg: var(--b02); + --bdr: var(--b02); --l-fg: var(--bg); - --l-bg: var(--green); + --l-bg: var(--g); } /* --------------------------------------------------------------------------- */ /* Light theme selected */ #l:checked ~ .main, #l:checked ~ #labels { - --bg: var(--base3); - --fg: var(--base01); - --bg2: var(--base2); - --fg2: var(--base00); - --rfg: var(--base01); - --rbg: var(--base2); - --bdr: var(--base2); + --bg: var(--b3); + --fg: var(--b01); + --bg2: var(--b2); + --fg2: var(--b00); + --rfg: var(--b01); + --rbg: var(--b2); + --bdr: var(--b2); --l-fg: var(--bg); - --l-bg: var(--orange); + --l-bg: var(--o); } /* --------------------------------------------------------------------------- */ @@ -337,7 +337,7 @@ body,.main { ::selection, .main ::selection, ::-moz-selection, .main ::-moz-selection { color: white; - background: var(--blue); + background: var(--b); } a, a:visited, .main a, .main a:visited { @@ -427,10 +427,10 @@ blockquote:after, .main blockquote:after { font-size: 10px; } .TODO, .main .TODO { - color: var(--red); + color: var(--r); } .IN_PROGRESS, .main .IN_PROGRESS { - color: var(--yellow); + color: var(--y); } .IN_REVIEW, .main .IN_REVIEW { color: var(--cyan); @@ -442,34 +442,46 @@ blockquote:after, .main blockquote:after { color: var(--violet); } .DONE, .main .DONE { - color: var(--green); + color: var(--g); } .CANCELED, .main .CANCELED { - color: var(--magenta); + color: var(--m); } .notes, .main .notes { background: var(--rbg); color: var(--rfg); } /* ---- SYNTAX HIGHLIGHTING ---- */ -.org-nix-attribute, .org-builtin { - color:var(--cyan); +.org-rainbow-delimiters-depth-1, .org-rainbow-delimiters-depth-9, +.org-css-selector, .org-nix-attribute, .org-builtin, +a { + color:var(--c); } -.org-sh-heredoc, .org-diff-added, .org-string, .org-doc, .org-keyword { - color:var(--green); +.org-rainbow-delimiters-depth-2, .org-nix-builtin, .org-variable-name, +.org-function-name, .org-diff-changed { + color:var(--b); } -.org-nix-builtin, .org-variable-name, .org-function-name { - color:var(--blue); +.org-rainbow-delimiters-depth-3 { + color:var(--v); } -.org-type, .org-constant { - color:var(--yellow); +.org-rainbow-delimiters-depth-4, .org-diff-hunk-header, .org-sh-quoted-exec { + color:var(--m); } - -.org-css-selector { - color:var(--cyan); +.org-rainbow-delimiters-depth-5, .org-diff-removed { + color:var(--r); +} +.org-rainbow-delimiters-depth-6 { + color:var(--o); +} +.org-rainbow-delimiters-depth-7, .org-type, .org-constant, .org-diff-header { + color:var(--y); +} +.org-rainbow-delimiters-depth-8, .org-sh-heredoc, .org-diff-added, .org-string, +.org-doc, .org-keyword { + color:var(--g); } .org-diff-none, .org-preprocessor, .org-comment-delimiter, .org-comment, @@ -479,20 +491,6 @@ blockquote:after, .main blockquote:after { color:var(--fg2); } -.org-highlight-number-number {color:var(--rfg);} - -.org-rainbow-delimiters-depth-1 {color:var(--cyan);} -.org-rainbow-delimiters-depth-2 {color:var(--blue);} -.org-rainbow-delimiters-depth-3 {color:var(--violet);} -.org-rainbow-delimiters-depth-4 {color:var(--magenta);} -.org-rainbow-delimiters-depth-5 {color:var(--red);} -.org-rainbow-delimiters-depth-6 {color:var(--orange);} -.org-rainbow-delimiters-depth-7 {color:var(--yellow);} -.org-rainbow-delimiters-depth-8 {color:var(--green);} -.org-rainbow-delimiters-depth-9 {color:var(--cyan);} - -.org-sh-quoted-exec {color:var(--magenta);} -.org-diff-changed {color:var(--blue);} -.org-diff-header {color:var(--yellow);} -.org-diff-hunk-header {color:var(--magenta);} -.org-diff-removed {color:var(--red);} +.org-highlight-number-number { + color:var(--rfg); +}