This commit is contained in:
Kazuky Akayashi 2024-10-20 08:56:00 +02:00
parent c82f5348e3
commit de7236d9c1

View file

@ -1,63 +1,40 @@
# 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 linterface 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 */