Merge pull request #29 from comcomUBA/dark-mode-transparent-images

iglosiggio · web-flow · commit 05696fdee74d · 2024-09-02T20:33:13.000-03:00
Add a white background to images in darkmode
diff --git a/css/main.css b/css/main.css
@@ -30,6 +30,11 @@ html {
     --site-logo-url: url("/static/img/mocmoc/logo-horizontal.min.svg");
     --taller-logo-url: url("/static/img/mocmoc/logo.min.svg");
   }
+
+  img {
+    background-color: rgb(255, 255, 255);
+    border-radius: 10px;
+  }
 }
 
 /** Reset some basic elements */
@@ -68,9 +73,9 @@ main {
 }
 
 /** Images */
-img { 
-  max-width: 100%; 
-  vertical-align: middle; 
+img {
+  max-width: 100%;
+  vertical-align: middle;
 }
 
 /** Figures */

Original file line number	Diff line number	Diff line change
`@@ -30,6 +30,11 @@ html {`
`30`	`30`	`--site-logo-url: url("/static/img/mocmoc/logo-horizontal.min.svg");`
`31`	`31`	`--taller-logo-url: url("/static/img/mocmoc/logo.min.svg");`
`32`	`32`	`}`
	`33`	`+`
	`34`	`+ img {`
	`35`	`+ background-color: rgb(255, 255, 255);`
	`36`	`+ border-radius: 10px;`
	`37`	`+ }`
`33`	`38`	`}`
`34`	`39`
`35`	`40`	`/** Reset some basic elements */`
`@@ -68,9 +73,9 @@ main {`
`68`	`73`	`}`
`69`	`74`
`70`	`75`	`/** Images */`
`71`		`-img {`
`72`		`- max-width: 100%;`
`73`		`- vertical-align: middle;`
	`76`	`+img {`
	`77`	`+ max-width: 100%;`
	`78`	`+ vertical-align: middle;`
`74`	`79`	`}`
`75`	`80`
`76`	`81`	`/** Figures */`