Merge pull request #61 from jamesmaa/add-gradient

Change gradient
yomidevs · Oct 20, 2024 · a4bd8b6 · a4bd8b6
2 parents 5ccbc93 + aa3188e
commit a4bd8b6
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 5 deletions.
diff --git a/docs/index.md b/docs/index.md
@@ -6,7 +6,7 @@ hide:
   - toc
   - footer
 ---
-# <p style="text-align: center; margin-bottom: 10px; margin-top: 10px; font-size: 200%;">**Yomitan**</p>
+# <p id="homepage-title">**Yomitan**</p>
 ## <p style="text-align: center">Powerful and versatile pop-up dictionary for language learning used by 50,000+ language learners.</p>
 
 <div class="grid" markdown>

diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
@@ -1,3 +1,7 @@
+:root {
+    --md-primary-fg-color: #8560f5;
+}
+
 p {
     margin-block-start: 0.5em;
     margin-block-end: 0.5em;

diff --git a/docs/stylesheets/homepage.css b/docs/stylesheets/homepage.css
@@ -0,0 +1,17 @@
+#homepage-title {
+    text-align: center;
+    margin-bottom: 10px;
+    margin-top: 10px;
+    font-size: 200%;
+    background: linear-gradient(to right, #bc00ff, #00eeff);
+    background-clip: text;
+    color: transparent;
+}
+
+[data-md-color-scheme="slate"] {
+    #homepage-title {
+        background: linear-gradient(to right, #c013ff, #00eeff);
+        background-clip: text;
+        color: transparent;
+    }
+}
diff --git a/mkdocs.yml b/mkdocs.yml
@@ -39,15 +39,13 @@ theme:
       toggle:
         icon: material/weather-night
         name: Switch to dark mode
-      primary: purple
-      accent: pink
+      primary: custom
     - media: "(prefers-color-scheme: dark)"
       scheme: slate
       toggle:
         icon: material/white-balance-sunny
         name: Switch to light mode    
-      primary: deep purple
-      accent: indigo
+      primary: custom
 
 extra:
   social:
@@ -100,6 +98,7 @@ plugins:
 
 extra_css:
   - stylesheets/extra.css
+  - stylesheets/homepage.css
 
 copyright: |
   Copyright &copy; 2024 Yomitan Authors <br>