From 6b2f7b61cb6ca6aab78b4cda10ad47de756650ad Mon Sep 17 00:00:00 2001 From: Damien Broqua Date: Wed, 31 Jan 2024 14:12:35 +0100 Subject: [PATCH] Rewrote theme switcher --- fontello.json | 6 +++ javascripts/theme.js | 90 ++++++++++++++++++++++--------------- public/font/icon.eot | Bin 10308 -> 10464 bytes public/font/icon.svg | 4 +- public/font/icon.ttf | Bin 10156 -> 10312 bytes public/font/icon.woff | Bin 6444 -> 6560 bytes public/font/icon.woff2 | Bin 5400 -> 5480 bytes sass/forms.scss | 76 +------------------------------ sass/icons.scss | 90 ++++++++++++++++++++----------------- views/index.ejs | 39 ++++++++++++---- views/pages/composants.ejs | 8 ---- 11 files changed, 144 insertions(+), 169 deletions(-) diff --git a/fontello.json b/fontello.json index 11e03d9..efb7b52 100644 --- a/fontello.json +++ b/fontello.json @@ -6,6 +6,12 @@ "units_per_em": 1000, "ascent": 850, "glyphs": [ + { + "uid": "ca90da02d2c6a3183f2458e4dc416285", + "css": "adjust", + "code": 59408, + "src": "fontawesome" + }, { "uid": "44e04715aecbca7f266a17d5a7863c68", "css": "plus", diff --git a/javascripts/theme.js b/javascripts/theme.js index 4625673..e39836b 100644 --- a/javascripts/theme.js +++ b/javascripts/theme.js @@ -1,19 +1,3 @@ -/** - * Fonction permettant de sauvegarder dans le stockage local le choix du thème - * @param {String} scheme - */ -function saveColorScheme(scheme) { - localStorage.setItem("theme", scheme); -} - -/** - * Fonction permettant de changer le thème du site - * @param {String} scheme - */ -function setColorScheme(scheme) { - document.documentElement.setAttribute("data-theme", scheme); -} - /** * Fonction permettant de récupérer le thème du système * @return {String} @@ -28,10 +12,56 @@ function getPreferredColorScheme() { return "light"; } +/** + * @param {String} scheme + */ +function setPictoOnMenu(scheme) { + document.querySelectorAll(".icon-theme").forEach((item) => { + item.classList.add("hidden"); + }); + document + .querySelector(`.icon-theme.theme-${scheme}`) + .classList.remove("hidden"); +} + +/** + * Fonction permettant de sauvegarder dans le stockage local le choix du thème + * @param {String} scheme + */ +function saveColorScheme(scheme) { + localStorage.setItem("theme", scheme); +} + +/** + * Fonction permettant de changer le thème du site + * @param {String} scheme + */ +function setColorScheme(scheme) { + document.documentElement.setAttribute( + "data-theme", + scheme === "system" ? getPreferredColorScheme() : scheme + ); + + setPictoOnMenu(scheme); +} + +/** + * Fonction déclenchée lorsqu'un utilisateur clique sur un bouton dans le menu déroulant + * @param {Object} e + */ +function changeTheme(e) { + e.preventDefault(); + + const scheme = this.dataset.value; + + saveColorScheme(scheme); + setColorScheme(scheme); +} + // INFO: On place un event sur le bouton -const toggleSwitch = document.querySelector( - '.theme-switch input[type="checkbox"]' -); +const buttonsTheme = document.getElementsByClassName("theme"); +// INFO: On récupère du local storage (ou des préférences navigateur) le thème actuel +const currentTheme = localStorage.getItem("theme") || getPreferredColorScheme(); /** * Event permettant de détecter les changements de thème du système @@ -44,28 +74,14 @@ if (window.matchMedia) { if (selectedColorScheme === "system") { const preferedColorScheme = getPreferredColorScheme(); setColorScheme(preferedColorScheme); - - toggleSwitch.checked = preferedColorScheme === "dark"; } }); } -const currentTheme = localStorage.getItem("theme") || getPreferredColorScheme(); - // INFO: Au chargement de la page on détecte le thème à charger setColorScheme(currentTheme); -toggleSwitch.checked = currentTheme === "dark"; - -toggleSwitch.addEventListener( - "change", - (e) => { - e.preventDefault(); - - const scheme = e.target.checked ? "dark" : "light"; - - saveColorScheme(scheme); - setColorScheme(scheme); - }, - false -); +// INFO: On place un event au click sur chacun des boutons du menu +for (let i = 0; i < buttonsTheme.length; i += 1) { + buttonsTheme[i].addEventListener("click", changeTheme, false); +} diff --git a/public/font/icon.eot b/public/font/icon.eot index 424368fa06b91335d76d8252af48d4c7c53d3c37..20368e477118db6c362f31a4cab0964ee420a9cc 100644 GIT binary patch delta 782 zcmYLGPe@cj82@JG{qfKCbaU6;1xZocHjPa~3@O4QAv(lrizE^5OIJ-?edroyz*_K7q8>z|V|egn+ofI^v@07}ps(-wHk{!%zxn-U=9_Q6*$5WD@zDws?$N+|1BBVj(0Igh#w6P(iqhNAszR~G@? z>$twD4TiO`W`X})T45*%`7wQeE z>GVW8ncm-iqU5SRZ7)~oDMB0y zDfiPW=v?Zp=?ZEmQMTEu?06BO2ZKVGekOkuqXzH&Lm$ z<&x5Ty3k&5`8O0W-7LVD&nfSJ=69SG&cAFo`&*`MH3yG7YgwCdz}KDiZed5fE`F45 zNpIysc_pV8_n6=7NaPjg5>m$aTlmdkPK9Fbp~yo+Y8cq92|1&FGo!#QKg zq^{F%F?(`_yNj>RHueE(n)0=L*0^~%YkdKN&*`V~6x=724EZ+sXuepkocngA$HT!c zg^Pt!#yH|Rx&wq}$j6ID#S|$oiwPCTN-OKnnTU0-D-QS-Dr0^wO)@3 z)RjHHVf*%`Jp+E}QP(d|@iYN?yHy9+3$!0PfR}mA z0es922mNNY*^55FMs{ir;0LUhdVbJ)<2~e#rLCBL-FN0Ue2V?-_fsF(1b{g#cS0kf zzsisQpYF@f2*_CYq?`+%4i0z*s+wP0*0$XbJV|?FzokKaN%a diff --git a/public/font/icon.svg b/public/font/icon.svg index 52ad914..04a06e1 100644 --- a/public/font/icon.svg +++ b/public/font/icon.svg @@ -1,7 +1,7 @@ -Copyright (C) 2022 by original authors @ fontello.com +Copyright (C) 2024 by original authors @ fontello.com @@ -28,6 +28,8 @@ + + diff --git a/public/font/icon.ttf b/public/font/icon.ttf index 6688a7902b56ba7925888de4b4596ec0eea25cde..394148002fe04b906247962b1d837afa91955d1f 100644 GIT binary patch delta 715 zcmXw0Ur19?82`?>+pg37ZJXY}N}SC#V`+#XMOoxa54LOs65(!he-gJ{w!2tj+e?`b zLss{B(1Z0L2G+ob5cNSsdiJ3wv!`xJu#E*Pu-ms?JBQ!-o!{^K;5*-UR&MY53eMb9 z0OA9HKrqG&bFch2P_F{erQl<+3w>NC3wW5qLL~Ok`+FAkYm|lvpAyiwpk6?3iOf6+ zSB1{c02)8qd(jX-<=Sw518}%8J`_cR?Pqw@0n|Own3x$IxTkza;~5&hnM9C3SLoSC zy@%Qp<1+%eWWvX^qlB(F9}7vD+6B~I_`sr&NQv>y>&pP#7RGmkWJt)aU0ws|U3po* zPtuZ~B(ALj!63jgFwNU}Gyj0Dw&jGcO+CKx70MkcU-(5um)N0!#pv=PJOAJg=fL z$jX5Vup-x0U}2~hRe-HDq8ZiasB)ydXC|38V8IT3BW~;f2m_BagiuN*kO<|05_$(4 zv>F`SSgE{LnkbJ@TWPw8PgpwuSA|EZ3D%JB}ulAUn>{6I5mb1no?eGsk zzd(MpWK>Nt8R0N`k$m`;QOe0`=Q#Oe4%jfu%azpg*E$CnXZ)jiJ7?bCJhKTLi9PEs zh&ys#lxs~027wJI?$9~J5`ngX=L?Wvu*y=J%UZl}@fQGu(h{#V>O|1QD2 zQP;-c7)!#(N`3^OA_xs3_Sq+Ad{H)5Um89U=c7J1zr9x_E=^_q@)Vm9PHd;{0s8@a z)dM2*YaS4#Z+UQ5Z*y}Fz_oW89>6}W>@<4ozD_vFp*ZzY$g3w%<;@=gI*3 z0XeIW=zo;$y&XBScM|fUeo}tWPbULfpsvQ%6?H54K+Cuf6P7v<5@JHe2Ag8SdN+7X Vh=lx}8k6Dlj9f@(tViijk-x2Zksbg5 diff --git a/public/font/icon.woff b/public/font/icon.woff index 9543cf5a12ebb323fdf0bf25648a423d72c14c39..add62179a7f942c697878889ed4fcb36fdf74bf0 100644 GIT binary patch delta 4449 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 BJ@Ehl diff --git a/sass/forms.scss b/sass/forms.scss index 125527a..1e71919 100644 --- a/sass/forms.scss +++ b/sass/forms.scss @@ -70,78 +70,4 @@ background-size: 1.2rem; padding-right: 2.4rem; } -} - -.theme-switch-wrapper { - display: flex; - align-items: center; - - em { - margin-left: 10px; - font-size: 1rem; - } -} - -.theme-switch { - display: inline-block; - height: 34px; - position: relative; - width: 60px; -} - -.theme-switch input { - display:none; -} - -.slider { - background-color: #ccc; - bottom: 0; - cursor: pointer; - left: 0; - position: absolute; - right: 0; - top: 0; - transition: .4s; - @include transition() {} -} - -.slider:before { - background-color: #fff; - bottom: 4px; - content: '\f185'; - height: 26px; - left: 4px; - position: absolute; - transition: .4s; - width: 26px; - padding: 0; - - font-family: "icon"; - font-style: normal; - font-weight: normal; - display: inline-block; - text-decoration: inherit; - text-align: center; - font-variant: normal; - text-transform: none; -} - -input:checked + .slider { - background-color: $primary-color; - @include transition() {} -} - -input:checked + .slider:before { - transform: translateX(26px); - content: '\f186'; - background-color: var(--input-active-color); - @include transition() {} -} - -.slider.round { - border-radius: 34px; -} - -.slider.round:before { - border-radius: 50%; -} +} \ No newline at end of file diff --git a/sass/icons.scss b/sass/icons.scss index 7b2150b..c841cf3 100644 --- a/sass/icons.scss +++ b/sass/icons.scss @@ -1,66 +1,76 @@ @font-face { font-family: 'icon'; - src: url('/font/icon.eot?41426785'); - src: url('/font/icon.eot?41426785#iefix') format('embedded-opentype'), - url('/font/icon.woff2?41426785') format('woff2'), - url('/font/icon.woff?41426785') format('woff'), - url('/font/icon.ttf?41426785') format('truetype'), - url('/font/icon.svg?41426785#icon') format('svg'); + src: url('/font/icon.eot?15219908'); + src: url('/font/icon.eot?15219908#iefix') format('embedded-opentype'), + url('/font/icon.woff2?15219908') format('woff2'), + url('/font/icon.woff?15219908') format('woff'), + url('/font/icon.ttf?15219908') format('truetype'), + url('/font/icon.svg?15219908#icon') format('svg'); font-weight: normal; font-style: normal; -} - -[class^="icon-"]:before, [class*=" icon-"]:before { + } + /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ + /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ + /* + @media screen and (-webkit-min-device-pixel-ratio:0) { + @font-face { + font-family: 'icon'; + src: url('../font/icon.svg?15219908#icon') format('svg'); + } + } + */ + [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "icon"; font-style: normal; font-weight: normal; + speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; + /* opacity: .8; */ + /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; + /* fix buttons height, for twitter bootstrap */ line-height: 1em; + /* Animation center compensation - margins should be symmetric */ + /* remove if not needed */ margin-left: .2em; + /* you can be more comfortable with increased icons size */ + /* font-size: 120%; */ + + /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -} -.icon-plus:before { content: '\e800'; } /* '' */ -.icon-user:before { content: '\e801'; } /* '' */ -.icon-search:before { content: '\e802'; } /* '' */ -.icon-mail:before { content: '\e803'; } /* '' */ -.icon-link:before { content: '\e804'; } /* '' */ -.icon-heart:before { content: '\e805'; } /* '' */ -.icon-eye:before { content: '\e806'; } /* '' */ -.icon-left-open:before { content: '\e807'; } /* '' */ -.icon-right-open:before { content: '\e808'; } /* '' */ -.icon-export:before { content: '\e809'; } /* '' */ -.icon-refresh:before { content: '\e80a'; } /* '' */ -.icon-spin:before { content: '\e839'; } /* '' */ -.icon-link-ext:before { content: '\f08e'; } /* '' */ -.icon-sun:before { content: '\f185'; } /* '' */ -.icon-moon:before { content: '\f186'; } /* '' */ -.icon-share:before { content: '\f1e0'; } /* '' */ -.icon-trash:before { content: '\f1f8'; } /* '' */ -.icon-blind:before { content: '\f29d'; } /* '' */ + /* Uncomment for 3D effect */ + /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ + } -.animate-spin { - animation: spin 2s infinite linear; - display: inline-block; -} -@keyframes spin { - 0% { - transform: rotate(0deg); - } + .icon-plus:before { content: '\e800'; } /* '' */ + .icon-user:before { content: '\e801'; } /* '' */ + .icon-search:before { content: '\e802'; } /* '' */ + .icon-mail:before { content: '\e803'; } /* '' */ + .icon-link:before { content: '\e804'; } /* '' */ + .icon-heart:before { content: '\e805'; } /* '' */ + .icon-eye:before { content: '\e806'; } /* '' */ + .icon-left-open:before { content: '\e807'; } /* '' */ + .icon-right-open:before { content: '\e808'; } /* '' */ + .icon-export:before { content: '\e809'; } /* '' */ + .icon-refresh:before { content: '\e80a'; } /* '' */ + .icon-adjust:before { content: '\e810'; } /* '' */ + .icon-spin:before { content: '\e839'; } /* '' */ + .icon-link-ext:before { content: '\f08e'; } /* '' */ + .icon-sun:before { content: '\f185'; } /* '' */ + .icon-moon:before { content: '\f186'; } /* '' */ + .icon-share:before { content: '\f1e0'; } /* '' */ + .icon-trash:before { content: '\f1f8'; } /* '' */ + .icon-blind:before { content: '\f29d'; } /* '' */ - 100% { - transform: rotate(359deg); - } -} diff --git a/views/index.ejs b/views/index.ejs index f8048b4..cc50e24 100644 --- a/views/index.ejs +++ b/views/index.ejs @@ -73,6 +73,37 @@ Nous contacter +
+ + + + + + Thème + + + +
+ + + +
+
<% if ( user ) { %>
@@ -109,14 +140,6 @@
<% } %> -
-
- -
-
<% if ( !user ) { %>
diff --git a/views/pages/composants.ejs b/views/pages/composants.ejs index 00cf41e..f5a9cce 100644 --- a/views/pages/composants.ejs +++ b/views/pages/composants.ejs @@ -487,14 +487,6 @@ </a> </div> </div> - <div class="navbar-item apparence"> - <div class="theme-switch-wrapper"> - <label class="theme-switch" for="checkbox" aria-label="Passer du thème clair au thème sombre et inversement"> - <input type="checkbox" id="checkbox" /> - <div class="slider round"></div> - </label> - </div> - </div> <div class="navbar-item"> <div class="buttons"> <a class="button is-danger" href="/se-deconnecter">