fix: adjusted highlight color for multi select elements

Dockerfile

@@ -278,4 +278,3 @@ RUN mv specifyweb.wsgi specifyweb_wsgi.py
 
 CMD ["ve/bin/gunicorn", "-w", "3", "-b", "0.0.0.0:8000", "-t", "300", "specifyweb_wsgi"]
 
-

docker-compose.yml

@@ -115,4 +115,4 @@ volumes:
   attachments: # the asset-servers attachment files
   database: # the data directory for mariadb
   static-files: # provides Specify 7 static files to the web server
-  webpack-output:
+  webpack-output:

manage.py

@@ -22,4 +22,4 @@
                 "forget to activate a virtual environment?"
             )
         raise
-    execute_from_command_line(sys.argv)
+    execute_from_command_line(sys.argv)

specifyweb/frontend/js_src/lib/components/Atoms/Form.tsx

@@ -353,9 +353,9 @@ export const Select = wrap<
        * the background in dark-mode. This is a fix:
        */
       if (props.required !== true && props.multiple === true) {
-        selected.map((option) => option.classList.add('dark:bg-neutral-100'));
+        selected.map((option) => option.classList.add('dark:bg-neutral-500')); // highlights selected object less bright
         unselected.map((option) =>
-          option.classList.remove('dark:bg-neutral-100')
+          option.classList.remove('dark:bg-neutral-500') // prevents a previously selected option from remaining highlighted
         );
       }
       const value = (event.target as HTMLSelectElement).value;

specifyweb/frontend/js_src/lib/components/Atoms/__tests__/__snapshots__/Form.test.tsx.snap

@@ -50,11 +50,11 @@ exports[`<Select> select multiple calls onValuesChange 1`] = `
   >
     <option />
     <option
-      class="dark:bg-neutral-100"
+      class="dark:bg-neutral-500"
       value="a"
     />
     <option
-      class="dark:bg-neutral-100"
+      class="dark:bg-neutral-500"
       value="b"
     />
   </select>