Update README.md

This commit is contained in:
KazukyAkayashi 2023-07-09 11:51:38 +02:00
parent e6555d37c8
commit 664387da86

View file

@ -5,15 +5,16 @@ Modification légère du CSS pour les couleurs pour l'interface de Pixelfed via
## CSS ## CSS
A mettre dans Stylus : * Activer le dark mode manuellement dans linterface de configuration pour l'UI.
* A mettre dans Stylus :
```css ```css
.force-dark-mode { .force-dark-mode {
--light: #000; --light: #000 !important;
--dark: #fff; --dark: #fff !important;
--body-bg: #12151a; --body-bg: #12151a !important;
--body-color: #fafcff; --body-color: #fafcff !important;
--nav-bg: #1c1e22; --nav-bg: #1c1e22 !important;
--bg-light: #212124; --bg-light: #212124;
--light-gray: #212124; --light-gray: #212124;
--text-lighter: #818181; --text-lighter: #818181;
@ -29,9 +30,28 @@ A mettre dans Stylus :
--dropdown-item-color: #64748b; --dropdown-item-color: #64748b;
--dropdown-item-active-color: #b3b3b3; --dropdown-item-active-color: #b3b3b3;
--primary: #567ebf; --primary: #567ebf;
--blue: #567ebf;
}
.badge-light {
color: #fff;
} }
.badge-light { .profile-sidebar-component .avatar {
color: #fff; border-radius: 100px;
margin-bottom: 1rem;
width: 140px;
} }
```
.sidebar-component .user-card .avatar {
border-radius: 50px;
}
.sidebar-component .user-card .avatar-update-btn {
background: hsla(0, 5%, 28%, .55);
border: 1px solid #5656579c !important;
}
```
## Screenshot
![css screenshot](pixelfed-css.jpg)