Update README.md
This commit is contained in:
parent
e6555d37c8
commit
664387da86
1 changed files with 29 additions and 9 deletions
38
README.md
38
README.md
|
@ -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 l’interface 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)
|
Loading…
Reference in a new issue