diff --git a/README.md b/README.md index b020189..e98a38a 100644 --- a/README.md +++ b/README.md @@ -5,15 +5,16 @@ Modification légère du CSS pour les couleurs pour l'interface de Pixelfed via ## CSS -A mettre dans Stylus : +* Activer le dark mode manuellement dans l’interface de configuration pour l'UI. +* A mettre dans Stylus : ```css .force-dark-mode { - --light: #000; - --dark: #fff; - --body-bg: #12151a; - --body-color: #fafcff; - --nav-bg: #1c1e22; + --light: #000 !important; + --dark: #fff !important; + --body-bg: #12151a !important; + --body-color: #fafcff !important; + --nav-bg: #1c1e22 !important; --bg-light: #212124; --light-gray: #212124; --text-lighter: #818181; @@ -29,9 +30,28 @@ A mettre dans Stylus : --dropdown-item-color: #64748b; --dropdown-item-active-color: #b3b3b3; --primary: #567ebf; + --blue: #567ebf; +} +.badge-light { + color: #fff; } -.badge-light { - color: #fff; +.profile-sidebar-component .avatar { + border-radius: 100px; + margin-bottom: 1rem; + width: 140px; } -``` \ No newline at end of file + +.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) \ No newline at end of file