diff --git a/README.md b/README.md index 6e51dcd..fba8dfd 100644 --- a/README.md +++ b/README.md @@ -1,68 +1,45 @@ -# Night mode for Pixelfed +# Better Night mode for Pixelfed Modification légère du CSS pour les couleurs pour l'interface de Pixelfed via Stylus. - ## CSS * Activer le dark mode manuellement dans l’interface de configuration pour l'UI. * A mettre dans Stylus : ```css -/* ===== Scrollbar CSS ===== */ - /* Firefox */ - * { - scrollbar-width: thin; - scrollbar-color: #171a1d #31363b; - } - - /* Chrome, Edge, and Safari */ - *::-webkit-scrollbar { - width: 8px; - } - - *::-webkit-scrollbar-track { - background: #31363b; - } - - *::-webkit-scrollbar-thumb { - background-color: #171a1d; - border-radius: 30px; - border: 3px none #ffffff; - } - /* Search */ .metro-nav .autocomplete-input { background-color: var(--body-bg); } /* Dark mode */ -.force-dark-mode { +:root { --light: #000 !important; --dark: #fff !important; --body-bg: #12151a !important; - --body-color: #fafcff !important; + --body-color: #f7f8f8 !important; --nav-bg: #1c1e22 !important; --bg-light: #212124; --light-gray: #212124; - --text-lighter: #818181; + --text-lighter: #b2b2b2; --card-bg: #1c1e22; --light-hover-bg: #212124; --btn-light-border: #161618; --input-border: #161618; - --comment-bg: #212124; - --border-color: #212124; + --comment-bg: #18181b; + --border-color: #1b1b1b; --card-header-accent: #212124; --dropdown-item-hover-bg: #000; --dropdown-item-hover-color: #818181; --dropdown-item-color: #64748b; --dropdown-item-active-color: #b3b3b3; - --primary: #567ebf; - --blue: #567ebf; + --primary: #3285df; + --blue: #007bff; } /* Color for time */ .badge-light { - color: #fff; + color: #fff; } .profile-sidebar-component .avatar { @@ -83,4 +60,4 @@ Modification légère du CSS pour les couleurs pour l'interface de Pixelfed via ## Screenshot -![css screenshot](pixelfed-css.jpg) \ No newline at end of file +![css screenshot](pixelfed-css.jpg)