From 118586be4727087ae9476d1d636a3995d2dff0a5 Mon Sep 17 00:00:00 2001 From: dbroqua Date: Wed, 23 Feb 2022 18:51:23 +0100 Subject: [PATCH 01/16] =?UTF-8?q?{WIP}=20Mise=20en=20place=20des=20th?= =?UTF-8?q?=C3=A8mes=20clair=20et=20sombre?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/font/icon.eot | Bin 8604 -> 9132 bytes public/font/icon.svg | 4 ++ public/font/icon.ttf | Bin 8452 -> 8980 bytes public/font/icon.woff | Bin 5304 -> 5688 bytes public/font/icon.woff2 | Bin 4440 -> 4716 bytes sass/button.scss | 26 ++++++------- sass/connexion.scss | 10 ++--- sass/flash.scss | 4 +- sass/forms.scss | 81 +++++++++++++++++++++++++++++++++++++--- sass/global.scss | 40 +++++++++++++++++++- sass/icons.scss | 2 + sass/index.scss | 1 - sass/list.scss | 12 +++--- sass/ma-collection.scss | 4 +- sass/modal.scss | 12 +++--- sass/navbar.scss | 32 ++++++++++------ sass/pagination.scss | 20 +++++----- sass/table.scss | 24 ------------ sass/toast.scss | 6 +-- views/index.ejs | 39 +++++++++++++++++-- 20 files changed, 223 insertions(+), 94 deletions(-) delete mode 100644 sass/table.scss diff --git a/public/font/icon.eot b/public/font/icon.eot index 1268c352ae1ec6f5d92b38b5de9287f90aa38052..1609d7351cbe182bc43e2b003fee916409870f0a 100644 GIT binary patch delta 1057 zcmZWnO>7%Q6n<}JcXk~+yS3}qgeFdtl+;xklRDmYXi4gpsN_(gwiw!i6>wtb2V#3k zmSAXw4-gC7C~D+hh#G`sl}jT8iqvCOapJ%Q!~ua6!KLz{5_Ke`a;bS7J|tWt9L%N)7M{>Z^Qwdo=Tg~BrLa3l zI7A!VwDL>#q2+-N7y_27;(#;2<|5SL~8~ zCGua`V6LjJR@1^KXR4}Rbulid)3WTa8QCY&4l6fFoIF!Vm{K@tm91o0G82V2RBqgL zxw&yeQEnLA?Ye7lwM{9PRqvi4gd-G5@v7yrLJy$vwDBD`xf^^i1mXCAiV{a^UE(Wr z8GzFN`wxYV9Pg3Ep@HW_UvC&=(U^vcKgePclSV|bSagh0r;5X4ED|%RWA-4}J+n1~ zC#_f3@Z@A^;=;{4#xK_|e`QUucy1%n;omnGciBfWm zk7wWeY~23x@@uyj&v6WU2kiK(=K<>+4#_)j=`a2bI+dTeqcO lP_JzGqR;T9_j6J7#I?ga}x`e{k?hv$lt)gz$BAg zR-ynD2Ld4xAT6VL*F4WI+(7UUO~Ts>Km#K0hU0w`ZoP?TCw zx6OJRP-({G35?N + + + + diff --git a/public/font/icon.ttf b/public/font/icon.ttf index bc3481632ca17f5781f89b18f01b1fb34a268cf9..cbdbe4d0dbb6c65bbc17942cfc0fe99d48b55f95 100644 GIT binary patch delta 1067 zcmZWnO=ufe5T1E&_wCA(cOylK>c*C1J9Qi!tB$N)xk>FP#snQqaT2vjTH#i<<@+}?W!Z&zcOE3N~Q2(Sj+-kqk{LOrg71k=Q8paKI?6SdcN z*6OAD-tK0j0Z;=QuO48##=b+!dD(v2p`9qCd`{J55TH;s2i13i3tCAM)eCH|I?0^6 z%TB)gqE2fy%5wv&0ClqFed?usqfDsp?HkpA-OYW2*6m09Po>BJ8aMc3eu+N(I1ERO z;UPMGY$R~1$14#0ZHytGp!)!FSO6q=9S~Up7_v*I;rDqZ(bkWl0MoeF&qtY0=y=2{ zUPVQ8H(l=tp6or@d!D>`9*vOMiD5I?bVoa|=<}nFzN6d-UdxyA*Mcv?26Jrb>Q+*C z0MBu-r@#7rp=x5`#LAephk+bTEiIGo(LsVFxM?sVKS zxZ0wW%c}c85W*IUq`1{`S)l=FJa7EWP3{B_3_>8%ucE|}T9^1L{S83r|NZy%ojBbk zi(~z-h@S2MhC^Wu6|bL#gC^~WV&TvzqfQl@$8a!gQpfCpzjOBPES|OASi`eZrRe0X z?~Ny)UH#6AvPgC#*5*At7{tq!%VQ%xw<>)qCx1-6AMd*VQM42v<>Q$Tz8uegd-ct4 z7B6xPxcl>wE9Dq=w7AvnADjvlUGEL)aKl4+nWA6>(G#<0wt7Dpn@toumzpy n!dBE!uQE^QCBF1wR?6gZSvkL$Seloo(+k-o71$p0{Hpy283N*m delta 516 zcmbQ@*5Wilxqcc017iRK14BY`Zeqc*zgKSn`5PD*m}HX6N)&+NKp^A;B>2(_(sPsa zepUhbF+eU)dSY<_P+S1WcLCBI={c2Y>Wl1k85o$)FfedU$w*C1kuUwF4^*1~lsC%& z3a}e6gY?b-@>Mc&ODeS1hy8yC6xah4Fv!VIPUK(5(*@+e0rI7C6DtZB_4$B~;pYJI z74i~uQzut^0$RYY0d(Npg8br=t0zm67#IXk0Oe~6ic$;ewpnijD$SVqBbu>qatLF7 zeFp<0P?CY6iGdl+(gD(3KtFacurP!H#d#Pw7?>DXUa-Be{LuID$EUgf|1&VWU_j=9 z^@9jTplS&y1o4=FX0b4^GO#hQ15M!sn#&CoW`nB-GA8>m{pFkj72%#7!kjPqgMr~A z5QALtX)XjaaBu#={E&U~Lf+j>GMp+#-tqi4Um5tBUw|~;v%c*GqbFAgm^1QB-XNek z`JsRu_Z(J`49J5#oB0H9GfDC=GBGkUvM{nTvN5tVaxii-axro<@-XsFW)m^tVJ#_2 SEY4s}%E`=2*&HNthz|giUw0$` diff --git a/public/font/icon.woff b/public/font/icon.woff index bb0a22cd7a25ce032624dd5e1127a3b7fe8efadb..4bed2250d5963c8db111617e457a68efddb52d4a 100644 GIT binary patch delta 3227 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 diff --git a/public/font/icon.woff2 b/public/font/icon.woff2 index 9945abbf7ae464034be5c629c76047f085130037..b39dcc983d5e8f168d5e1d77acf8205406d5bdf9 100644 GIT binary patch literal 4716 zcmV-y5|izBPew8T0RR9101|8f4*&oF03#Ft01_1d0RR9100000000000000000000 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 literal 4440 zcmV-e5vT5VPew8T0RR9101;RK4*&oF03ieb01*EG0RR9100000000000000000000 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 diff --git a/sass/button.scss b/sass/button.scss index e461ced..8d0d311 100644 --- a/sass/button.scss +++ b/sass/button.scss @@ -9,41 +9,41 @@ white-space: nowrap; border-width: 1px; margin-bottom: .5rem; - background-color: #fff; - border-color: #dbdbdb; + background-color: var(--default-color); + border-color: var(--default-hl-color); border-radius: 0.375rem; &.is-danger { - background-color: #d73455; + background-color: var(--danger-color); border-color: transparent; - color: #fff; + color: var(--default-color); &:hover { - background-color: #d70933; + background-color: var(--danger-hl-color); border-color: transparent; - color: #fff; + color: var(--default-color); } } &.is-link { - background-color: #485fc7; + background-color: var(--secondary-color); border-color: transparent; - color: #fff; + color: var(--default-color); &:hover { - background-color: #3e56c4; + background-color: var(--secondary-hl-color); border-color: transparent; - color: #fff; + color: var(--default-color); } } &.is-primary { - background-color: #2d7c58; + background-color: var(--primary-color); border-color: transparent; - color: #fff; + color: var(--default-color); &:hover { - background-color: #267953; + background-color: var(--primary-hl-color); } } } \ No newline at end of file diff --git a/sass/connexion.scss b/sass/connexion.scss index fdc3d72..c5b3a91 100644 --- a/sass/connexion.scss +++ b/sass/connexion.scss @@ -1,9 +1,9 @@ .connexion, .inscription { - background-color: #fff; + background-color: var(--default-color); border-radius: 6px; box-shadow: 0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02); - color: #4a4a4a; + color: var(--font-color); display: block; padding: 1.25rem; width: calc(100% - 2rem); @@ -17,12 +17,12 @@ } button { - background-color: #485fc7; + background-color: var(--secondary-color); border-color: transparent; - color: #fff; + color: var(--default-color); &:hover { - background-color: #3e56c4; + background-color: var(--secondary-hl-color); } } } \ No newline at end of file diff --git a/sass/flash.scss b/sass/flash.scss index 39b3a33..5ff5b38 100644 --- a/sass/flash.scss +++ b/sass/flash.scss @@ -1,8 +1,8 @@ .flash { - background-color: #d73455; + background-color: var(--danger-color); border-radius: 6px; box-shadow: 0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02); - color: #fff; + color: var(--default-color); display: block; padding: 1.25rem; width: calc(100% - 6rem); diff --git a/sass/forms.scss b/sass/forms.scss index d6b036d..ef0366b 100644 --- a/sass/forms.scss +++ b/sass/forms.scss @@ -30,12 +30,12 @@ box-shadow: inset 0 .0625em .125em rgba(10,10,10,.05); max-width: 100%; width: 100%; - background-color: #fff; - border: 1px solid #dbdbdb !important; - color: #363636; + background-color: var(--default-color); + border: 1px solid var(--default-hl-color) !important; + color: var(--font-color); &:focus-visible { - border: 1px solid #b9b9b9 !important; + border: 1px solid var(--font-color) !important; outline: unset; } } @@ -48,4 +48,75 @@ background-size: 1.2rem; padding-right: 2.4rem; } -} \ No newline at end of file +} + +.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; +} + +.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: #485fc7; +} + +input:checked + .slider:before { + transform: translateX(26px); + content: '\f186'; +} + +.slider.round { + border-radius: 34px; +} + +.slider.round:before { + border-radius: 50%; +} + \ No newline at end of file diff --git a/sass/global.scss b/sass/global.scss index 659a11f..28e3f04 100644 --- a/sass/global.scss +++ b/sass/global.scss @@ -2,6 +2,7 @@ html { min-height: 100vh; body { + background-color: var(--bg-color); display: flex; flex-direction: column; padding-top: 3.5rem; @@ -16,11 +17,11 @@ html { footer.footer { margin-top: auto; padding: 2rem 0.7rem 1.5rem; - background-color: #fafafa; + background-color: var(--footer-color); } a { - color: #485fc7; + color: var(--secondary-color); cursor: pointer; } @@ -38,4 +39,39 @@ html { .is-hidden { display: none; +} + +:root { + --bg-color: rgb(242, 244, 248); + --font-color: rgb(76, 86, 106); + + --default-color: #fff; + --default-hl-color: #dbdbdb; + --primary-color: #2d7c58; + --primary-hl-color: #267953; + --secondary-color: #485fc7; + --secondary-hl-color: #3e56c4; + --danger-color: #d73455; + --danger-hl-color: #d70933; + --footer-color: #fafafa; + --bg-light-color: #fafafa; + --disabled-color: #7a7a7a; + + + --heading-color: #292922; +} + +[data-theme="dark"] { + --bg-color: rgb(36, 41, 51); + --font-color: rgb(236, 239, 244); + + + --default-color: #fff; + --default-hl-color: #dbdbdb; + --primary-color: #2d7c58; + --primary-hl-color: #267953; + --secondary-color: #485fc7; + --secondary-hl-color: #3e56c4; + --danger-color: #692230; + --danger-hl-color: #4e0f1b; } \ No newline at end of file diff --git a/sass/icons.scss b/sass/icons.scss index 1fa7efc..ec219a8 100644 --- a/sass/icons.scss +++ b/sass/icons.scss @@ -41,6 +41,8 @@ .icon-eye:before { content: '\e806'; } /* '' */ .icon-spin:before { content: '\e839'; } /* '' */ .icon-link-ext:before { content: '\f08e'; } /* '' */ +.icon-sun:before { content: '\f185'; } /* '' */ +.icon-moon:before { content: '\f186'; } /* '' */ .icon-trash:before { content: '\f1f8'; } /* '' */ .icon-blind:before { content: '\f29d'; } /* '' */ diff --git a/sass/index.scss b/sass/index.scss index 04f2d23..2cb8d50 100644 --- a/sass/index.scss +++ b/sass/index.scss @@ -30,7 +30,6 @@ @import './navbar'; @import './forms'; @import './button.scss'; -@import './table'; @import './modal'; @import './toast'; @import './flash'; diff --git a/sass/list.scss b/sass/list.scss index 7301e7c..b11b25f 100644 --- a/sass/list.scss +++ b/sass/list.scss @@ -3,24 +3,24 @@ .item{ padding: 0.5rem 0.75rem; - border-bottom: 1px solid #dbdbdb; + border-bottom: 1px solid var(--default-hl-color); @include respond-to("medium") { &:nth-child(2n) { - background-color: #fafafa; + background-color: var(--bg-light-color); } } @include respond-to("medium-up") { - border-left: 1px solid #dbdbdb; + border-left: 1px solid var(--default-hl-color); &:first-child, &:nth-child(2) { - border-top: 1px solid #dbdbdb; + border-top: 1px solid var(--default-hl-color); } &:nth-child(2n), &:last-child { - border-right: 1px solid #dbdbdb; + border-right: 1px solid var(--default-hl-color); margin-right: -1px; } } @@ -35,7 +35,7 @@ } img { - border: 2px solid #4a4a4a; + border: 2px solid var(--font-color); max-width: 90%; } } diff --git a/sass/ma-collection.scss b/sass/ma-collection.scss index 76ee630..2ca30ab 100644 --- a/sass/ma-collection.scss +++ b/sass/ma-collection.scss @@ -27,10 +27,10 @@ .title { .icon-trash { cursor: pointer; - color: #d73455; + color: var(--danger-color); &:hover { - color: #d70933; + color: var(--danger-hl-color); } } } diff --git a/sass/modal.scss b/sass/modal.scss index 1b35ae5..99f42ef 100644 --- a/sass/modal.scss +++ b/sass/modal.scss @@ -43,12 +43,10 @@ width: 1200; } - - header, footer { align-items: center; - background-color: #f5f5f5; + background-color: var(--bg-light-color); display: flex; flex-shrink: 0; justify-content: flex-start; @@ -57,7 +55,7 @@ } header { - border-bottom: 1px solid #dbdbdb; + border-bottom: 1px solid var(--default-hl-color); border-top-left-radius: 6px; border-top-right-radius: 6px; justify-content: space-between; @@ -85,7 +83,7 @@ &::before, &::after { - background-color: #fff; + background-color: var(--default-color); content: ""; display: block; left: 50%; @@ -105,7 +103,7 @@ } } section { - background-color: #fff; + background-color: var(--default-color); flex-grow: 1; flex-shrink: 1; overflow: auto; @@ -114,7 +112,7 @@ footer { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; - border-top: 1px solid #dbdbdb; + border-top: 1px solid var(--default-hl-color); .button:not(:last-child) { margin-right: .5em; diff --git a/sass/navbar.scss b/sass/navbar.scss index f3ea1e6..9fbdc85 100644 --- a/sass/navbar.scss +++ b/sass/navbar.scss @@ -1,6 +1,7 @@ .navbar { min-height: 3.25rem; - background-color: #f5f5f5; + background-color: var(--bg-color); + box-shadow: rgba(216, 222, 233, 0.15) 0px 5px 10px 0px; color: rgba(0,0,0,.7); position: fixed; z-index: 30; @@ -8,6 +9,8 @@ right: 0; left: 0; + + @include respond-to("medium-up") { min-height: 3.25rem; align-items: stretch; @@ -29,7 +32,7 @@ span { word-break: break-word; - color: #363636; + color: var(--font-color); font-size: 2rem; font-weight: 600; line-height: 1.125; @@ -101,7 +104,7 @@ position: relative; flex-grow: 0; flex-shrink: 0; - color: #4a4a4a; + color: var(--font-color); display: block; &.has-dropdown { @@ -113,10 +116,10 @@ color: rgba(0,0,0,.7); .navbar-dropdown { - background-color: #fff; + background-color: var(--default-color); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; - border-top: 2px solid #dbdbdb; + border-top: 2px solid var(--default-hl-color); box-shadow: 0 8px 8px rgba(10,10,10,.1); display: none; font-size: .875rem; @@ -129,7 +132,7 @@ &:hover { .navbar-link { - background-color: #e8e8e8; + background-color: var(--default-hl-color); color: rgba(0,0,0,.7); } @@ -147,7 +150,7 @@ } .navbar-link { - color: #4a4a4a; + color: var(--font-color); display: block; line-height: 1.5; padding: .5rem .75rem; @@ -182,7 +185,7 @@ transform: rotate(-45deg); transform-origin: center; width: .625em; - border-color: #485fc7; + border-color: var(--secondary-color); margin-top: -0.375em; right: 1.125em; @@ -194,7 +197,7 @@ .navbar-menu { display: none; - background-color: #fff; + background-color: var(--default-color); box-shadow: 0 8px 16px rgba(10,10,10,.1); padding: .5rem 0; @@ -253,10 +256,10 @@ } @include respond-to("medium-up") { - background-color: #fff; + background-color: var(--default-color); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; - border-top: 2px solid #dbdbdb; + border-top: 2px solid var(--default-hl-color); box-shadow: 0 8px 8px rgba(10,10,10,.1); display: none; font-size: .875rem; @@ -297,4 +300,11 @@ margin-bottom: -0.5rem; } } +} + + +[data-theme="dark"] { + .navbar { + box-shadow: none; + } } \ No newline at end of file diff --git a/sass/pagination.scss b/sass/pagination.scss index 77f0669..640b60e 100644 --- a/sass/pagination.scss +++ b/sass/pagination.scss @@ -27,15 +27,15 @@ text-decoration: none; &:hover { - border-color: #b5b5b5; - color: #363636; + border-color: var(--font-color); + color: var(--font-color); } &.is-disabled { - background-color: #dbdbdb; - border-color: #dbdbdb; + background-color: var(--default-hl-color); + border-color: var(--default-hl-color); box-shadow: none; - color: #7a7a7a; + color: var(--disabled-color); opacity: .5; } } @@ -48,8 +48,8 @@ font-size: 1em; justify-content: center; margin: .25rem; - border-color: #dbdbdb; - color: #363636; + border-color: var(--default-hl-color); + color: var(--font-color); min-width: 2.5em; padding-left: .75em; padding-right: .75em; @@ -66,9 +66,9 @@ .pagination-link { &.is-current { - background-color: #485fc7; - border-color: #485fc7; - color: #fff; + background-color: var(--secondary-color); + border-color: var(--secondary-color); + color: var(--default-color); } } diff --git a/sass/table.scss b/sass/table.scss deleted file mode 100644 index 1ef200f..0000000 --- a/sass/table.scss +++ /dev/null @@ -1,24 +0,0 @@ -table { - color: #363636; - - th, td { - padding: .5em .75em; - border-bottom: 1px solid #dbdbdb; - } - - th { - border-bottom-width: 2px; - } - - tr:nth-child(2n) { - background-color: #fafafa; - } - - tbody { - tr { - &:hover { - background-color: #f5f5f5; - } - } - } -} \ No newline at end of file diff --git a/sass/toast.scss b/sass/toast.scss index 5a14e68..cb2143d 100644 --- a/sass/toast.scss +++ b/sass/toast.scss @@ -9,8 +9,8 @@ font-size: 17px; padding: 1.25rem 2.5rem 1.25rem 1.5rem; - background-color: #d73455; - color: #fff; + background-color: var(--danger-color); + color: var(--default-color); &.show { visibility: visible; @@ -43,7 +43,7 @@ &::before, &::after { - background-color: #fff; + background-color: var(--default-color); content: ""; display: block; left: 50%; diff --git a/views/index.ejs b/views/index.ejs index 3e43aba..b943022 100644 --- a/views/index.ejs +++ b/views/index.ejs @@ -1,5 +1,5 @@ - + @@ -107,6 +107,17 @@ setCookie('ariatheme', body.classList.contains("is-accessible")); } + /** + * Fonction permettant de switcher de thème clair/sombre + * @param {Object} e + */ + function switchTheme(e) { + const theme = e.target.checked ? 'dark' : 'light'; + + document.documentElement.setAttribute('data-theme', theme); + setCookie('theme', theme); + } + /** * Ensemble d'actions effectuées au chargement de la page */ @@ -126,9 +137,23 @@ const switchAriaThemeBtn = document.querySelector("#switchAriaTheme"); switchAriaThemeBtn.addEventListener("click", switchAriaTheme); - setAriaTheme(getCookie('ariatheme')); + + const toggleSwitch = document.querySelector('.theme-switch input[type="checkbox"]'); + toggleSwitch.addEventListener('change', switchTheme, false); + + let currentThemeIsDark = getCookie('theme'); + if ( currentThemeIsDark === 'false' && window.matchMedia ) { + currentThemeIsDark = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'; + } + console.log('currentThemeIsDark:', currentThemeIsDark); + switchTheme({target: {checked: currentThemeIsDark === 'dark'}}); + toggleSwitch.checked = currentThemeIsDark === 'dark'; }); + + + console.log('window.matchMedia:', window.matchMedia('(prefers-color-scheme: dark)').matches); + @@ -182,9 +207,17 @@ <% } %> +