try to correct icon metrics

chriskthomas · Jun 22, 2024 · 1242100 · 1242100
1 parent 5f568bc
commit 1242100
Show file tree

Hide file tree

Showing 30 changed files with 150 additions and 10 deletions.
diff --git a/make-preview.sh b/make-preview.sh
@@ -1,6 +1,6 @@
 #!/bin/sh
 
-API_URL="https://linkfree.ckt.im/api.php"
+API_URL="https://linkfree.fly.dev/api.php"
 THEMES_SOURCE="$1"
 
 rm -rf "preview"
@@ -46,13 +46,13 @@ jq -c '.[]' 'index.json' | while read theme; do
             -F "photo=@-" \
             -F "[email protected]" \
             -F "links[1][name]=LinkedIn" \
-            -F "links[1][icon]=linkedin-square" \
+            -F "links[1][icon]=logo-linkedin" \
             -F "links[1][url]=https://linkedin.com" \
             -F "links[2][name]=GitHub" \
-            -F "links[2][icon]=github" \
+            -F "links[2][icon]=logo-github" \
             -F "links[2][url]=https://github.com" \
             -F "links[3][name]=Mastodon" \
-            -F "links[3][icon]=mastodon" \
+            -F "links[3][icon]=logo-mastodon" \
             -F "links[3][url]=https://joinmastodon.org" \
             -F "theme=$theme" \
             -F "themes-source=$THEMES_SOURCE" \

diff --git a/themes/3d-theme/style.css b/themes/3d-theme/style.css
@@ -103,3 +103,9 @@ p {
   transform: translateY(6px);
   box-shadow: 0px 0px #007569;
 }
+
+ion-icon {
+  vertical-align: text-bottom;
+  width: 1.1875em;
+  height: 1.1875em;
+}
diff --git a/themes/animated/style.css b/themes/animated/style.css
@@ -108,6 +108,12 @@ a {
   animation-name: fadeInRight;
 }
 
+ion-icon {
+  vertical-align: text-bottom;
+  width: 1.1875em;
+  height: 1.1875em;
+}
+
 @-webkit-keyframes fadeIn {
   0% {
     opacity: 0;

diff --git a/themes/arghmyeyes/style.css b/themes/arghmyeyes/style.css
@@ -107,7 +107,7 @@ a {
 .link {
   display: flex;
   flex-direction: row;
-  align-items: center;
+  align-items: initial;
   justify-content: center;
   gap: 12px;
   background-color: #ffffff;

diff --git a/themes/base/style.css b/themes/base/style.css
@@ -59,7 +59,7 @@ a {
 .link {
   display: flex;
   flex-direction: row;
-  align-items: baseline;
+  align-items: initial;
   justify-content: center;
   gap: 0.5rem;
   padding: 1rem 0;

diff --git a/themes/casualblue/style.css b/themes/casualblue/style.css
@@ -87,3 +87,9 @@ h1 {
   background-color: #3b6978;
   color: #ffffff;
 }
+
+ion-icon {
+  vertical-align: text-bottom;
+  width: 1.1875em;
+  height: 1.1875em;
+}
diff --git a/themes/darkmode/style.css b/themes/darkmode/style.css
@@ -59,3 +59,9 @@ p {
   background-color: var(--bgColor);
   color: var(--accentColor);
 }
+
+ion-icon {
+  vertical-align: text-bottom;
+  width: 1.1875em;
+  height: 1.1875em;
+}
diff --git a/themes/deepsea/style.css b/themes/deepsea/style.css
@@ -74,3 +74,9 @@ p {
   background-color: var(--bgColor);
   color: var(--accentColor);
 }
+
+ion-icon {
+  vertical-align: text-bottom;
+  width: 1.1875em;
+  height: 1.1875em;
+}
diff --git a/themes/draculatheme/style.css b/themes/draculatheme/style.css
@@ -84,3 +84,9 @@ p {
   background-color: var(--selection);
   color: var(--purple);
 }
+
+ion-icon {
+  vertical-align: text-bottom;
+  width: 1.1875em;
+  height: 1.1875em;
+}
diff --git a/themes/favouriteteachertheme/style.css b/themes/favouriteteachertheme/style.css
@@ -81,3 +81,9 @@ p {
 cursor {
   transform: rotate(45deg);
 }
+
+ion-icon {
+  vertical-align: text-bottom;
+  width: 1.1875em;
+  height: 1.1875em;
+}
diff --git a/themes/gameon/style.css b/themes/gameon/style.css
@@ -78,6 +78,8 @@ p {
   color: #000000;
 }
 
-.link ion-icon {
+ion-icon {
   vertical-align: text-bottom;
+  width: 1.1875em;
+  height: 1.1875em;
 }
diff --git a/themes/gogreen/style.css b/themes/gogreen/style.css
@@ -76,3 +76,9 @@ a {
   background-color: var(--bgColor);
   color: var(--accentColor);
 }
+
+ion-icon {
+  vertical-align: text-bottom;
+  width: 1.1875em;
+  height: 1.1875em;
+}
diff --git a/themes/gridthetic/style.css b/themes/gridthetic/style.css
@@ -97,3 +97,9 @@ a {
   background-color: var(--bgColor);
   color: var(--accentColor);
 }
+
+ion-icon {
+  vertical-align: text-bottom;
+  width: 1.1875em;
+  height: 1.1875em;
+}
diff --git a/themes/journal/style.css b/themes/journal/style.css
@@ -85,3 +85,9 @@ a {
   color: #333;
   font-size: 1.3rem;
 }
+
+ion-icon {
+  vertical-align: text-bottom;
+  width: 1.1875em;
+  height: 1.1875em;
+}
diff --git a/themes/magicalmysterytheme/style.css b/themes/magicalmysterytheme/style.css
@@ -86,3 +86,9 @@ p {
   border-color: var(--selection);
   color: var(--selection);
 }
+
+ion-icon {
+  vertical-align: text-bottom;
+  width: 1.1875em;
+  height: 1.1875em;
+}
diff --git a/themes/music/style.css b/themes/music/style.css
@@ -73,3 +73,9 @@ a {
   background-color: var(--bgColor);
   color: var(--accentColor);
 }
+
+ion-icon {
+  vertical-align: text-bottom;
+  width: 1.1875em;
+  height: 1.1875em;
+}
diff --git a/themes/neumorphism/style.css b/themes/neumorphism/style.css
@@ -77,7 +77,7 @@ p {
   padding: 0.5em 1em;
   display: flex;
   flex-direction: row;
-  align-items: baseline;
+  align-items: initial;
   gap: 0.5em;
   justify-content: center;
 }

diff --git a/themes/nightmare/style.css b/themes/nightmare/style.css
@@ -86,3 +86,9 @@ p {
   transition: all 0.25s cubic-bezier(0.08, 0.59, 0.29, 0.99);
   border: solid var(--fontColor) 2px;
 }
+
+ion-icon {
+  vertical-align: text-bottom;
+  width: 1.1875em;
+  height: 1.1875em;
+}
diff --git a/themes/nyancat/style.css b/themes/nyancat/style.css
@@ -79,6 +79,12 @@ p {
   color: var(--bgColor);
 }
 
+ion-icon {
+  vertical-align: text-bottom;
+  width: 1.1875em;
+  height: 1.1875em;
+}
+
 .cat {
   width: 100px;
   /*width of your image*/

diff --git a/themes/outrun/style.css b/themes/outrun/style.css
@@ -79,3 +79,9 @@ a {
   background: var(--bgColor);
   color: var(--accentColor);
 }
+
+ion-icon {
+  vertical-align: text-bottom;
+  width: 1.1875em;
+  height: 1.1875em;
+}
diff --git a/themes/pastel-dreams/style.css b/themes/pastel-dreams/style.css
@@ -81,3 +81,9 @@ p {
   background-color: var(--bgColor);
   color: var(--accentColor);
 }
+
+ion-icon {
+  vertical-align: text-bottom;
+  width: 1.1875em;
+  height: 1.1875em;
+}
diff --git a/themes/pastel-purple/style.css b/themes/pastel-purple/style.css
@@ -57,7 +57,7 @@ a {
 .link {
   display: flex;
   flex-direction: row;
-  align-items: baseline;
+  align-items: initial;
   justify-content: center;
   gap: 0.5rem;
   color: #fff;

diff --git a/themes/pink/style.css b/themes/pink/style.css
@@ -80,3 +80,9 @@ p {
   background-color: var(--bgColor);
   color: var(--accentColor);
 }
+
+ion-icon {
+  vertical-align: text-bottom;
+  width: 1.1875em;
+  height: 1.1875em;
+}
diff --git a/themes/pride/style.css b/themes/pride/style.css
@@ -90,3 +90,9 @@ p {
   background-color: var(--hoverColor);
   color: var(--bgColor);
 }
+
+ion-icon {
+  vertical-align: text-bottom;
+  width: 1.1875em;
+  height: 1.1875em;
+}
diff --git a/themes/purplesideoftheforce/style.css b/themes/purplesideoftheforce/style.css
@@ -84,3 +84,9 @@ p {
   border-color: var(--accentColor);
   box-shadow: 4px 4px 2px var(--brandMainColor);
 }
+
+ion-icon {
+  vertical-align: text-bottom;
+  width: 1.1875em;
+  height: 1.1875em;
+}
diff --git a/themes/redzone/style.css b/themes/redzone/style.css
@@ -80,3 +80,9 @@ p {
   background-color: var(--bgColor);
   color: var(--accentColor);
 }
+
+ion-icon {
+  vertical-align: text-bottom;
+  width: 1.1875em;
+  height: 1.1875em;
+}
diff --git a/themes/shades-of-purple/style.css b/themes/shades-of-purple/style.css
@@ -70,7 +70,7 @@ p {
 .link {
   display: flex;
   gap: 0.2em;
-  align-items: center;
+  align-items: initial;
   justify-content: center;
   font-size: 1.8rem;
   text-decoration: none;

diff --git a/themes/sixties/style.css b/themes/sixties/style.css
@@ -75,3 +75,9 @@ p {
   background-color: var(--bgColor);
   color: var(--accentColor);
 }
+
+ion-icon {
+  vertical-align: text-bottom;
+  width: 1.1875em;
+  height: 1.1875em;
+}
diff --git a/themes/standard/style.css b/themes/standard/style.css
@@ -73,3 +73,9 @@ p {
   background-color: var(--bgColor);
   color: var(--accentColor);
 }
+
+ion-icon {
+  vertical-align: text-bottom;
+  width: 1.1875em;
+  height: 1.1875em;
+}
diff --git a/themes/universe/style.css b/themes/universe/style.css
@@ -75,3 +75,9 @@ ion-icon {
   color: var(--bgColor);
   border: none;
 }
+
+ion-icon {
+  vertical-align: text-bottom;
+  width: 1.1875em;
+  height: 1.1875em;
+}