Re-fix samsung internet color inversion

laiamp · laiamp · commit a52eaf9f133c · 2026-05-08T11:20:31.000+02:00
diff --git a/src/components/Projects.css b/src/components/Projects.css
@@ -1,7 +1,9 @@
 .projects-section {
-  background-color: #d1bdf0; /* Mid-tone purple */
+  color-scheme: only dark;
+  background-color: #d1bdf0 !important; /* Mid-tone purple */
   padding: 120px 2em;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+  forced-color-adjust: none;
 }
 
 .projects-container {
@@ -43,8 +45,9 @@
 }
 
 .project-image-container img[src$=".svg"] {
-  /* Prevent the browser from applying a negative filter to your SVG */
+  /* This prevents Samsung from applying its proprietary 'Night Mode' filter */
   filter: none !important;
+  -webkit-filter: none !important;
 }
 
 .project-image {

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,9 @@`
`1`	`1`	`.projects-section {`
`2`		`- background-color: #d1bdf0; /* Mid-tone purple */`
	`2`	`+ color-scheme: only dark;`
	`3`	`+ background-color: #d1bdf0 !important; /* Mid-tone purple */`
`3`	`4`	`padding: 120px 2em;`
`4`	`5`	`border-bottom: 1px solid rgba(255, 255, 255, 0.1);`
	`6`	`+ forced-color-adjust: none;`
`5`	`7`	`}`
`6`	`8`
`7`	`9`	`.projects-container {`
`@@ -43,8 +45,9 @@`
`43`	`45`	`}`
`44`	`46`
`45`	`47`	`.project-image-container img[src$=".svg"] {`
`46`		`- /* Prevent the browser from applying a negative filter to your SVG */`
	`48`	`+ /* This prevents Samsung from applying its proprietary 'Night Mode' filter */`
`47`	`49`	`filter: none !important;`
	`50`	`+ -webkit-filter: none !important;`
`48`	`51`	`}`
`49`	`52`
`50`	`53`	`.project-image {`