Fix Samsung Internet color inversion

Author: laiamp

index.html

@@ -7,7 +7,7 @@
   <meta name="description"
     content="Som l'associació estudiantil del grau en ciència i enginyeria de dades de la UPC. Treballem per a ajudar a millorar el grau, crear un vincle entre estudiants i alumni, organitzar activitats com la Datathon FME, compartir experiències de l'alumnat i promoure l'ecosistema de les dades català, entre moltes altres!">
   <meta name="keywords" content="AED, Associació d'Estudiants de Dades, Datathon FME, UPC, Barcelona, Catalunya">
-  <meta name="color-scheme" content="light">
+  <meta name="color-scheme" content="light dark">
   <title>AED</title>
   <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
   <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">

src/components/Projects.css

@@ -23,6 +23,7 @@
   padding: 3rem;
   border-radius: 24px;
   box-shadow: none; /* Shadow removed as requested */
+  color-scheme: only dark;
 }
 
 .project-row.reverse {
@@ -41,6 +42,11 @@
   aspect-ratio: 16 / 9;
 }
 
+.project-image-container img[src$=".svg"] {
+  /* Prevent the browser from applying a negative filter to your SVG */
+  filter: none !important;
+}
+
 .project-image {
   width: 100%;
   height: 100%;
@@ -49,6 +55,7 @@
   border-radius: 16px;
 }
 
+
 .project-content {
   flex: 1;
   display: flex;

src/index.css

@@ -3,7 +3,7 @@
   line-height: 1.5;
   font-weight: 400;
 
-  color-scheme: light; /* Prevent browser auto-dark mode inversion */
+  color-scheme: only dark; /* Prevent browser auto-dark mode inversion */
   color: white;
   background-color: #2b2632;