From 9a2b08fdaa5ce35d0069b7540f6c2c78c7f891d8 Mon Sep 17 00:00:00 2001 From: "Yann Esposito (Yogsototh)" Date: Mon, 11 May 2020 22:51:19 +0200 Subject: [PATCH] Theme selector re-added & improved. --- project.el | 14 +++++++++++++- project.el.sig | Bin 586 -> 586 bytes src/css/mk.css | 46 +++++++++++++++++++++++++++++++++++++++++++--- 3 files changed, 56 insertions(+), 4 deletions(-) diff --git a/project.el b/project.el index e62a7e2..b34466e 100644 --- a/project.el +++ b/project.el @@ -254,7 +254,19 @@ (with-current-buffer (find-file-noselect file-path) (goto-char (point-min)) (search-forward "") - (insert "
") + (insert (mapconcat 'identity + `("" + "" + + "
" + "
" + "" + "|" + "" + "
" + "
" + "
") + "\n")) (goto-char (point-max)) (search-backward "") (insert "\n
\n") diff --git a/project.el.sig b/project.el.sig index aeed40266ea53d21ee9c62ee28c519d84b3db0a8..db80e7e0b639550215cec6d0077bcc2f5299887c 100644 GIT binary patch delta 534 zcmV+x0_pwA1j+=EBLlg*ypbj#f4q4R0K-g4WO0XBay1bwCclB%Oc}Kqn}~-Z%fB=O z>sg3Kp%trODewF&tnRfks!OvUy+kj+qiWe2Rr&Sf0&Cg2qK%r%PgXpji3Xi!OKTK% z#n}@bQdqR=22LLkoR`cCp? zQfcaW2Pv4-zh{$rX>HJ(D?LAUxw+aP-~OGn|K2LV938UND0Ve~7PRVpA#95(?ANJU z@#h7!DUC0`-gxekqd+WnC0MRqV=W z?uB_fe++XEX4zl4XJ_PJf7Gokiye!H3;wLyE+9D!$ksI7PBUd(sbhtf*Txhs*2#og zEnanSiPijek5D@Wys2@uKk;y3J4_W)1}v`UOK1uF&GhveElOm-?4L79D94>Or5xHV zqFV7@s5ViWok^`=X04w1!(o7Z5Ji%tJP+iXxi3RuU4Fsz{Kxu0fBrIt!HM7)qqahI z!Hnd(YYDO5MJxEG%a!zRU2VYffkX8bu3oX7GDMz21v{~bvo5Yn53jZx}+1x0<1KA-f|v^ Y?USZKI|YLNdtJsb2(Ssx8-R_6w9HlpWB>pF delta 534 zcmV+x0_pwA1j+=EBLlXdnvo_Te}2Od0J5VQwJK6bg^I%wuoI6~g`?TTtA0%^coZJB zh+M;~+n-?$AZdB2Em8M1>H{_wXG^w0_Qi*a*&Y&05**OYH;clj$s>eUkxZo9Dfx;7 z&u)!&bL$A)`W|%7H=eC$AkhP2Z-H1e8vw-$#-(3KMIEfA9MPlx;8u z>;LnWT%Ra+=TSu@w^6L{J+>8_0%&@6M5s>7?*cuXEi-;#la}yauu{z?HUKm?L0>D|x!`HJmE`BS+C;;peu?d=zJ|BjIM8 z>!HtSBIl)sn4?MSkYs`vfA;6s*cDX42O@AoN$+~4zCD)#bON~`FD@cKd@~ga2#C$U zrot5JxGnaoDN!y28Zuipna;h84VJ#W&??pee`|COoH}b)mz3*HLl|3&B$PUj4kxf} zkC8?q^60)S1aBW1tzF+K&;lIj6=@fci7+hAdPkk&4Xyu%Y)vPc74| z@ts^XNjFEHXS$u)w|J}FQE}!|qZ?lg#GB#MwXo10+{Wee2tkF|GrThK;6XLJcDdmh YS7xhw@C~A<$=->Q2z+e8)Zc|{=t`FbdjJ3c diff --git a/src/css/mk.css b/src/css/mk.css index b70c709..02fadb0 100644 --- a/src/css/mk.css +++ b/src/css/mk.css @@ -214,10 +214,19 @@ figure, .figure { } /* COLORS */ + +/* colortheme switch */ +body>input { display: none; } +#labels > .content { margin: 0 auto; } +label { padding: 4px 20px; font-weight: 700; } +label:hover { cursor: pointer; } + :root { --b03: #2E3440; --b02: #3B4252; + /* not used because light mode is has more contrast --b01: #656b74; + */ --b00: #727781; --b0: #989ea8; --b1: #b0bac7; @@ -232,6 +241,7 @@ figure, .figure { --c: #00b0a3; --g: #879a00; + /* default light */ --bg: var(--b3); --rbg: var(--b2); --fg0: var(--b0); @@ -241,7 +251,37 @@ figure, .figure { --fhl: #FF0; } -@media (prefers-color-scheme: dark) { +/* light checked */ +input#l:checked ~ div { + --bg: var(--b3); + --rbg: var(--b2); + --fg0: var(--b0); + --fg: var(--b02); + --rfg: #000; + --hl: blue; + --fhl: #FF0; +} +input#l:checked ~ div img { + filter: none; +} + +/* dark checked */ +input#d:checked ~ div { + --bg: black; + --rbg: var(--b03); + --fg: var(--b1); + --fg0: var(--b00); + --rfg: var(--b2); + --hl: var(--y); + --fhl: #000; +} +input#d:checked ~ div img { + filter: brightness(0.5) saturate(0.5); +} + +/* dark preferred */ +@media (prefers-color-scheme: dark) +{ :root { --bg: black; --rbg: var(--b03); @@ -255,7 +295,7 @@ figure, .figure { } /* Default color theme */ -body { +body, body > div { background: var(--bg); color: var(--fg); } @@ -284,7 +324,7 @@ h1:before, h2:before, h3:before, h4:before, h5:before, h6:before { nav a, nav a:visited { color: var(--fg); } -a:hover, .metas a:hover, nav a:hover, a:hover * +a:hover, label:hover, .metas a:hover, nav a:hover, a:hover * { color: var(--fhl); background: var(--hl);