KazukyAkayashi/nightmode-pixelfed
KazukyAkayashi/nightmode-pixelfed
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

update

Browse source
This commit is contained in:
Kazuky Akayashi 2024-10-20 08:56:00 +02:00
parent c82f5348e3
commit de7236d9c1
1 changed files with 10 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
README.md
View file

@ -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. Modification légère du CSS pour les couleurs pour l'interface de Pixelfed via Stylus.
## CSS ## CSS
* Activer le dark mode manuellement dans l’interface de configuration pour l'UI. * Activer le dark mode manuellement dans l’interface de configuration pour l'UI.
* A mettre dans Stylus : * A mettre dans Stylus :
```css ```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 */ /* Search */
.metro-nav .autocomplete-input { .metro-nav .autocomplete-input {
background-color: var(--body-bg); background-color: var(--body-bg);
} }
/* Dark mode */ /* Dark mode */
.force-dark-mode { :root {
--light: #000 !important; --light: #000 !important;
--dark: #fff !important; --dark: #fff !important;
--body-bg: #12151a !important; --body-bg: #12151a !important;
--body-color: #fafcff !important; --body-color: #f7f8f8 !important;
--nav-bg: #1c1e22 !important; --nav-bg: #1c1e22 !important;
--bg-light: #212124; --bg-light: #212124;
--light-gray: #212124; --light-gray: #212124;
--text-lighter: #818181; --text-lighter: #b2b2b2;
--card-bg: #1c1e22; --card-bg: #1c1e22;
--light-hover-bg: #212124; --light-hover-bg: #212124;
--btn-light-border: #161618; --btn-light-border: #161618;
--input-border: #161618; --input-border: #161618;
--comment-bg: #212124; --comment-bg: #18181b;
--border-color: #212124; --border-color: #1b1b1b;
--card-header-accent: #212124; --card-header-accent: #212124;
--dropdown-item-hover-bg: #000; --dropdown-item-hover-bg: #000;
--dropdown-item-hover-color: #818181; --dropdown-item-hover-color: #818181;
--dropdown-item-color: #64748b; --dropdown-item-color: #64748b;
--dropdown-item-active-color: #b3b3b3; --dropdown-item-active-color: #b3b3b3;
--primary: #567ebf; --primary: #3285df;
--blue: #567ebf; --blue: #007bff;
} }
/* Color for time */ /* Color for time */
.badge-light { .badge-light {
color: #fff; color: #fff;
} }
.profile-sidebar-component .avatar { .profile-sidebar-component .avatar {
@ -83,4 +60,4 @@ Modification légère du CSS pour les couleurs pour l'interface de Pixelfed via
## Screenshot ## Screenshot
![css screenshot](pixelfed-css.jpg) ![css screenshot](pixelfed-css.jpg)