Add a globe to the language selector, make the font colour of the lan…

…guage selector brighter.
fast4x · Aug 11, 2024 · ec16c1d · ec16c1d
1 parent ac29e29
commit ec16c1d
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/docs/css/custom.css b/docs/css/custom.css
@@ -42,8 +42,14 @@ select {
   }
 }
 #languageSelect {
-  padding: 0 5px 0 5px;
+  padding: 0 8px 0 25px;
+  color: #abbad0;
+  background-image:url(../images/lang.svg) !important;
+  background-position: left -1px;
+  background-repeat: no-repeat;
+  background-size: auto 21px;
 }
+
 .footer-links > li > a {
   white-space: nowrap;
 }
@@ -81,6 +87,9 @@ select {
     margin-right: 12% !important;
     margin-left: 12% !important;
   }
+  #languageSelect {
+    padding-right: 0
+  }
 }
 .feature-extended-body p {
   color: #36517c;
@@ -107,16 +116,17 @@ body,
 .body-wrap {
   transition: background-color 250ms;
 }
+#languageSelect > option {
+  color: #15182b;
+}
 body.dark {
   background-color: #0d1117;
   #toggledark {
     --sun: 0.4 !important;
     --moon: 0.95 !important
   ;
   }
-  #languageSelect > option {
-    color: #15182b;
-  }
+
   .hero-paragraph,
   .site-footer a,
   .site-footer p {

diff --git a/docs/images/lang.svg b/docs/images/lang.svg