From bbad4df37e8f321679966e3121595e613c4d7ed6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?F=C3=A9lix=20MARQUET?= Date: Fri, 6 Sep 2024 13:12:22 +0200 Subject: [PATCH] Rework css avec dark mode et light mode --- _layouts/default.html | 74 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 74 insertions(+) diff --git a/_layouts/default.html b/_layouts/default.html index b002eff..162798f 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -39,6 +39,16 @@ overflow-y: auto; transition: transform 0.3s ease; } + + body.dark-mode .toc{ + background-color: #333; + color: white; + } + + body.dark-mode .page-link { + color: white; + } + .toc.collapsed { transform: translateX(-100%); } @@ -98,6 +108,45 @@ display: none; } } + + body.light-mode { + background-color: white; + color: black; + } + body.dark-mode { + background-color: #333; + color: white; + } + + body.dark-mode:visited { + color: #ccc; + } + + /* Styles existants */ + .site-title, .site-title:visited { + color: #424242; + } + + /* Styles pour le mode sombre */ + body.dark-mode .site-title, + body.dark-mode .site-title:visited { + color: white; + } + + .theme-toggle-button { + position: fixed; + right: 20px; + bottom: 20px; + z-index: 1000; + padding: 10px; + background-color: #007BFF; + color: white; + border: none; + cursor: pointer; + border-radius: 50%; + font-size: 20px; + } + @@ -118,6 +167,8 @@ + + {%- include footer.html -%}