Fixed: Preview icon (#4298)

math-GH · web-flow · commit ab7d9c34ee7f · 2022-03-30T12:05:36.000+02:00
* dark theme: dark help icon

* theme Swage: white button icons

* eye icon: no white elements anymore
diff --git a/p/themes/Dark/dark.css b/p/themes/Dark/dark.css
@@ -22,7 +22,8 @@ img.favicon {
 }
 
 body img,
-body video {
+body video,
+p.help .icon {
 	filter: brightness(.6) contrast(1.2);
 }
 
diff --git a/p/themes/Dark/dark.rtl.css b/p/themes/Dark/dark.rtl.css
@@ -22,7 +22,8 @@ img.favicon {
 }
 
 body img,
-body video {
+body video,
+p.help .icon {
 	filter: brightness(.6) contrast(1.2);
 }
 
diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css
diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css
@@ -60,6 +60,9 @@ a.btn {
 a.btn:hover {
 	background: #00488b;
 }
+a.btn .icon {
+	filter: brightness(3);
+}
 a#btn-subscription {
 	width: 76%;
 }
diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss
@@ -74,6 +74,10 @@ a {
 		&:hover {
 			background: color.adjust( $color_nav, $lightness: -10%);
 		}
+
+		.icon {
+			filter: brightness(3);
+		}
 	}
 
 	&#btn-subscription {
diff --git a/p/themes/icons/look.svg b/p/themes/icons/look.svg
@@ -1,18 +1,4 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-    <g transform="matrix(0.0764824,0,0,0.0764824,-0.812646,-0.015801)">
-        <g transform="matrix(1,0,0,1,-8.5,-25)">
-            <path d="M20.165,126.756C19.688,128.746 19.721,130.785 20.207,132.866C45.104,175.078 81.07,202.183 123.5,202.183C157.853,202.183 191.961,185.861 227.057,133.589C227.806,131.634 227.838,128.051 227.005,126.1C191.909,73.828 157.853,57.429 123.5,57.429C81.07,57.429 45.062,84.543 20.165,126.756Z" style="fill:rgb(102,102,102);"/>
-        </g>
-        <g transform="matrix(1.04264,0,0,1.04264,-18.5327,-41.2106)">
-            <circle cx="128.071" cy="140.428" r="50.694" style="fill:white;"/>
-        </g>
-        <g transform="matrix(0.620569,0,0,0.620569,35.523,18.0607)">
-            <circle cx="128.071" cy="140.428" r="50.694" style="fill:rgb(102,102,102);"/>
-        </g>
-        <g transform="matrix(0.216239,0,0,0.216239,87.306,74.8402)">
-            <circle cx="128.071" cy="140.428" r="50.694" style="fill:white;"/>
-        </g>
-    </g>
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 16 16">
+  <path fill="#666" d="M7.982 2.465c-3.245 0-5.998 2.074-7.902 5.303a1 1 0 0 0 .002.466c1.904 3.229 4.655 5.301 7.9 5.301 2.628 0 5.236-1.248 7.92-5.246a.925.925 0 0 0-.004-.572c-2.684-3.998-5.288-5.252-7.916-5.252zm0 1.523a4.043 4.043 0 0 1 4.043 4.043 4.043 4.043 0 0 1-4.043 4.041 4.043 4.043 0 0 1-4.043-4.04 4.043 4.043 0 0 1 4.043-4.044z"/>
+  <path fill="#666" d="M7.982 5.625a2.406 2.406 0 0 0-2.406 2.406 2.406 2.406 0 0 0 2.406 2.407A2.406 2.406 0 0 0 10.39 8.03a2.406 2.406 0 0 0-2.407-2.406zm0 1.566a.838.838 0 0 1 .838.84.838.838 0 0 1-.838.838.838.838 0 0 1-.837-.838.838.838 0 0 1 .837-.84z"/>
 </svg>

Original file line number	Diff line number	Diff line change
`@@ -22,7 +22,8 @@ img.favicon {`
`22`	`22`	`}`
`23`	`23`
`24`	`24`	`body img,`
`25`		`-body video {`
	`25`	`+body video,`
	`26`	`+p.help .icon {`
`26`	`27`	`filter: brightness(.6) contrast(1.2);`
`27`	`28`	`}`
`28`	`29`
Original file line number	Diff line number	Diff line change
`@@ -60,6 +60,9 @@ a.btn {`
`60`	`60`	`a.btn:hover {`
`61`	`61`	`background: #00488b;`
`62`	`62`	`}`
	`63`	`+a.btn .icon {`
	`64`	`+ filter: brightness(3);`
	`65`	`+}`
`63`	`66`	`a#btn-subscription {`
`64`	`67`	`width: 76%;`
`65`	`68`	`}`
Original file line number	Diff line number	Diff line change
`@@ -74,6 +74,10 @@ a {`
`74`	`74`	`&:hover {`
`75`	`75`	`background: color.adjust( $color_nav, $lightness: -10%);`
`76`	`76`	`}`
	`77`	`+`
	`78`	`+ .icon {`
	`79`	`+ filter: brightness(3);`
	`80`	`+ }`
`77`	`81`	`}`
`78`	`82`
`79`	`83`	`&#btn-subscription {`