Update README.md

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;
+  --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;
   --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; 
 }
+
+.profile-sidebar-component .avatar {
+  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)