feat: move all white colors to accent text colors

Author: valeriansaliou

src/components/base/BaseNavigateSection.vue

@@ -110,7 +110,7 @@ $icon-size: 28px;
     border-radius: 6px;
 
     #{$c}__icon-inner {
-      fill: rgb(var(--color-white));
+      fill: rgb(var(--color-accent-text));
     }
   }
 
@@ -137,7 +137,7 @@ $icon-size: 28px;
   }
 
   #{$c}__arrow {
-    fill: rgb(var(--color-white));
+    fill: rgb(var(--color-accent-text));
     margin-inline-start: 8px;
     flex: 0 0 auto;
     visibility: hidden;
@@ -183,11 +183,11 @@ $icon-size: 28px;
 
       #{$c}__text {
         #{$c}__text-title {
-          color: rgb(var(--color-text-reverse));
+          color: rgb(var(--color-accent-text));
         }
 
         #{$c}__text-label {
-          color: rgba(var(--color-text-reverse), 0.7);
+          color: rgba(var(--color-accent-text), 0.7);
         }
       }
 

src/components/base/BasePresence.vue

@@ -172,15 +172,15 @@ $availabilities: (
       }
 
       &#{$c}--active {
-        background-color: rgb(var(--color-white));
+        background-color: rgb(var(--color-accent-text));
       }
     }
   }
 
   // --> BOOLEANS <--
 
   &--active {
-    border-color: rgb(var(--color-white));
+    border-color: rgb(var(--color-accent-text));
   }
 
   &--hide-offline {

src/components/form/FormFieldSuggest.vue

@@ -329,7 +329,7 @@ $suggest-sizes: (
 
         #{$c}__link-icon {
           &:is(svg) {
-            fill: rgb(var(--color-white));
+            fill: rgb(var(--color-accent-text));
           }
         }
       }

src/components/sidebar/SidebarMainItemGeneric.vue

@@ -232,7 +232,7 @@ $c: ".c-sidebar-main-item-generic";
   &--active {
     #{$c}__draft,
     #{$c}__error {
-      fill: rgb(var(--color-white));
+      fill: rgb(var(--color-accent-text));
     }
   }
 }

src/components/sidebar/SidebarMainItemUser.vue

@@ -191,7 +191,7 @@ $composing-dot-size: 3px;
   &--active {
     #{$c}__composing {
       #{$c}__composing-dot {
-        background-color: rgb(var(--color-white));
+        background-color: rgb(var(--color-accent-text));
       }
     }
   }

src/components/spotlight/browse/SpotlightBrowseNavigate.vue

@@ -142,7 +142,7 @@ $c: ".c-spotlight-browse-navigate";
 
     &--active {
       #{$c}__section-icon {
-        fill: rgb(var(--color-white));
+        fill: rgb(var(--color-accent-text));
       }
     }
   }