Update SVG icons and fix fill color

kaishin · kaishin · commit eb921bcc4c5a · 2023-08-28T00:14:18.000+02:00
diff --git a/assets/images/landing-page/book.svg b/assets/images/landing-page/book.svg
@@ -1 +1 @@
-<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><g fill-rule="evenodd" fill="currentColor" transform="translate(104 132)"><path d="m6.0039617 18.921326c21.8698896-12.61421735 43.909336-18.921326 66.1183394-18.921326 24.2428004 0 48.9111239 10.3636364 74.0049719 31.0909091v217.9090909c-25.294104-11.393939-49.9624274-17.090909-74.0049719-17.090909-19.2946408 0-38.588137 1.834537-57.8804884 5.503611-6.51073108 1.238158-12.79242378-3.036141-14.03054652-9.546879-.14068333-.739791-.2114173-1.491182-.21126618-2.244231v-196.3097037c.00115084-4.2875264 2.28975996-8.2486965 6.0039617-10.3905623z"/><path d="m164.32422 18.9490698c22.413119-12.63271319 44.732318-18.9490698 66.957598-18.9490698 24.242801 0 48.597346 10.3636364 73.063637 31.0909091v217.9090909c-25.294104-11.393939-49.962428-17.090909-74.004972-17.090909-19.294641 0-38.588137 1.834537-57.880488 5.503611-6.510732 1.238158-12.792424-3.036141-14.030547-9.546879-.140683-.739791-.211417-1.491182-.211266-2.244231v-196.2166029c-.000746-4.3317564 2.333142-8.327687 6.106038-10.4559193z" transform="matrix(-1 0 0 1 462.563636 0)"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" ><g fill="none" fill-rule="evenodd" stroke="#000" stroke-linejoin="round" stroke-width="30" transform="scale(0.6) translate(150 150)"><path d="M29.47 77.915C65.39 56.638 101.587 46 138.063 46c39.817 0 80.332 17.48 121.546 52.442V466c-41.543-19.219-82.058-28.828-121.546-28.828-31.69 0-63.377 3.094-95.063 9.283-10.693 2.089-21.01-5.121-23.044-16.103a20.793 20.793 0 0 1-.347-3.785V95.442c0-7.232 3.761-13.914 9.861-17.527ZM483.027 77.962C447.289 56.654 411.7 46 376.263 46c-38.655 0-77.489 17.48-116.5 52.442V466c40.331-19.219 79.665-28.828 118-28.828 30.766 0 61.53 3.094 92.291 9.283 10.381 2.089 20.398-5.121 22.372-16.103a21.4 21.4 0 0 0 .337-3.785V95.599c0-7.307-3.72-14.047-9.736-17.637Z"/></g></svg>
diff --git a/assets/images/landing-page/signs.svg b/assets/images/landing-page/signs.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512"><path fill="currentColor" fill-rule="evenodd" d="M345.527 245c7.44 0 13.473 6.013 13.473 13.43v81.575c0 7.417-6.032 13.43-13.473 13.43h-69.764v52.85c0 3.709-3.016 6.715-6.736 6.715h-24.452c-3.72 0-6.736-3.006-6.736-6.715v-52.85h-67.09a13.498 13.498 0 0 1-8.924-3.369L115.55 309.28c-5.575-4.913-6.098-13.4-1.17-18.958.366-.411.757-.8 1.17-1.164l46.276-40.788A13.498 13.498 0 0 1 170.75 245h174.777ZM274.715 92.745c.343 1.196.517 2.434.517 3.677l-.001 22.232h75.962c3.29 0 6.468 1.198 8.933 3.367l46.321 40.753c5.58 4.91 6.104 13.39 1.17 18.942-.366.411-.756.8-1.17 1.164l-46.321 40.754a13.525 13.525 0 0 1-8.933 3.366H187.486c-7.448 0-13.486-6.008-13.486-13.419v-81.508c0-7.41 6.038-13.419 13.486-13.419h49.784V99.538c0-5.995 3.997-11.263 9.792-12.906l10.988-3.115c7.163-2.03 14.625 2.101 16.665 9.228Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="none" fill-rule="evenodd" stroke="#000" stroke-linejoin="round" stroke-width="30" transform="scale(0.6) translate(150 150)" d="M394.487 239c11.88 0 21.513 9.055 21.513 20.225v122.848c0 11.17-9.632 20.225-21.513 20.225H283.089v79.59c0 5.585-4.816 10.112-10.756 10.112h-39.044c-5.94 0-10.756-4.527-10.756-10.112v-79.59H115.405c-5.247 0-10.313-1.803-14.25-5.074l-73.891-61.421c-8.902-7.4-9.737-20.18-1.868-28.55a21.265 21.265 0 0 1 1.868-1.753l73.893-61.425c3.936-3.27 9.003-5.075 14.25-5.075h279.08ZM274.059 35.685c.548 1.802.827 3.668.827 5.54l-.002 33.503h121.475c5.261 0 10.343 1.806 14.285 5.074l74.075 61.413c8.923 7.399 9.76 20.178 1.87 28.544a21.067 21.067 0 0 1-1.87 1.755l-74.075 61.414c-3.95 3.27-9.027 5.072-14.285 5.072H134.566c-11.91 0-21.566-9.054-21.566-20.222V94.95c0-11.166 9.656-20.222 21.566-20.222h79.612V45.922c0-9.035 6.392-16.973 15.66-19.45l17.57-4.693c11.456-3.06 23.389 3.166 26.65 13.906Z"/></svg>
diff --git a/assets/stylesheets/core/_vars.scss b/assets/stylesheets/core/_vars.scss
@@ -7,10 +7,14 @@
   --logo-reference: url('/assets/images/swift.svg');
   --menu-icon: url('/assets/images/icon-menu.svg');
   --menu-icon-close: url('/assets/images/icon-close.svg');
+  --icon-filter: none;
+  --icon-filter-hover: invert(1);
 }
 
 @mixin vars-dark() {
   --logo-reference: url('/assets/images/swift~dark.svg');
   --menu-icon: url('/assets/images/icon-menu~dark.svg');
   --menu-icon-close: url('/assets/images/icon-close~dark.svg');
+  --icon-filter: invert(1);
+  --icon-filter-hover: none;
 }
diff --git a/assets/stylesheets/pages/_landing.scss b/assets/stylesheets/pages/_landing.scss
@@ -82,11 +82,7 @@
         }
 
         img {
-          filter: invert(1);
-
-          @media (prefers-color-scheme: dark) {
-            filter: none;
-          }
+          filter: var(--icon-filter-hover);
         }
       }
 
@@ -95,10 +91,7 @@
         width: 64px;
         display: block;
         margin: 0 auto;
-
-        @media (prefers-color-scheme: dark) {
-          filter: invert(1);
-        }
+        filter: var(--icon-filter);
       }
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -7,10 +7,14 @@`
`7`	`7`	`--logo-reference: url('/assets/images/swift.svg');`
`8`	`8`	`--menu-icon: url('/assets/images/icon-menu.svg');`
`9`	`9`	`--menu-icon-close: url('/assets/images/icon-close.svg');`
	`10`	`+ --icon-filter: none;`
	`11`	`+ --icon-filter-hover: invert(1);`
`10`	`12`	`}`
`11`	`13`
`12`	`14`	`@mixin vars-dark() {`
`13`	`15`	`--logo-reference: url('/assets/images/swift~dark.svg');`
`14`	`16`	`--menu-icon: url('/assets/images/icon-menu~dark.svg');`
`15`	`17`	`--menu-icon-close: url('/assets/images/icon-close~dark.svg');`
	`18`	`+ --icon-filter: invert(1);`
	`19`	`+ --icon-filter-hover: none;`
`16`	`20`	`}`
Original file line number	Diff line number	Diff line change
`@@ -82,11 +82,7 @@`
`82`	`82`	`}`
`83`	`83`
`84`	`84`	`img {`
`85`		`- filter: invert(1);`
`86`		`-`
`87`		`- @media (prefers-color-scheme: dark) {`
`88`		`- filter: none;`
`89`		`- }`
	`85`	`+ filter: var(--icon-filter-hover);`
`90`	`86`	`}`
`91`	`87`	`}`
`92`	`88`
`@@ -95,10 +91,7 @@`
`95`	`91`	`width: 64px;`
`96`	`92`	`display: block;`
`97`	`93`	`margin: 0 auto;`
`98`		`-`
`99`		`- @media (prefers-color-scheme: dark) {`
`100`		`- filter: invert(1);`
`101`		`- }`
	`94`	`+ filter: var(--icon-filter);`
`102`	`95`	`}`
`103`	`96`	`}`
`104`	`97`	`}`