dark mode revision

resources/js/components/FilesView/FileIconThumbnail.vue

@@ -7,16 +7,16 @@
         </span>
 
         <svg
+			class="vue-feather dark:text-gray-800 text-gray-100 "
             width="38px"
             height="51px"
+			fill="currentColor"
             viewBox="0 0 38 51"
             version="1.1"
             xmlns="http://www.w3.org/2000/svg"
             xmlns:xlink="http://www.w3.org/1999/xlink"
         >
             <path
-                stroke-width="0"
-                fill="#f4f5f6"
                 d="M22.1666667,13.546875 L22.1666667,0 L2.375,0 C1.05885417,0 0,1.06582031 0,2.390625 L0,48.609375 C0,49.9341797 1.05885417,51 2.375,51 L35.625,51 C36.9411458,51 38,49.9341797 38,48.609375 L38,15.9375 L24.5416667,15.9375 C23.2354167,15.9375 22.1666667,14.8617187 22.1666667,13.546875 Z M38,12.1423828 L38,12.75 L25.3333333,12.75 L25.3333333,0 L25.9369792,0 C26.5703125,0 27.1739583,0.249023438 27.6192708,0.697265625 L37.3072917,10.4589844 C37.7526042,10.9072266 38,11.5148437 38,12.1423828 Z"
             ></path>
         </svg>

resources/js/components/FilesView/MemberAvatar.vue

@@ -19,15 +19,16 @@
                 borderRadius,
                 {
                     'border-3 border-white dark:border-dark-background': isBorder,
+                    'dark:bg-4x-dark-foreground bg-light-background': !member.data.attributes.color,
                 },
             ]"
             :style="{
                 width: size + 'px',
                 height: size + 'px',
-                background: member.data.attributes.color ? member.data.attributes.color : '#f4f5f6',
+                background: member.data.attributes.color ? member.data.attributes.color : '',
             }"
         >
-            <span :class="fontSize" class="font-extrabold uppercase text-gray-900">
+            <span :class="fontSize" class="font-extrabold uppercase dark:text-gray-400 text-gray-900">
                 {{ letter }}
             </span>
         </div>