website

commit 4e9291201e769c47ca5cee3a3c75dd914f5299b8
parent cccd78733833bf7bf97f53fe47c5494edcd04374
Author: Michael Neuper <73108749+michaelneuper@users.noreply.github.com>
Date:   Sat, 10 Dec 2022 22:22:13 +0200

Add hover effects and add Fira Code font

Diffstat:
M
static/css/theme-override.css
 | 
35
++++++++++++++++++++++++++++++++---

1 file changed, 32 insertions(+), 3 deletions(-)
diff --git a/static/css/theme-override.css b/static/css/theme-override.css
@@ -1,5 +1,6 @@
 /* Imports*/
 @import url("colors.css");
+@import url('https://fonts.googleapis.com/css?family=Fira+Code');
 
 /* Dark mode */
 @media (prefers-color-scheme: dark) {
@@ -15,6 +16,16 @@
     color: var(--light-blue);
   }
 
+  a:visited {
+    color: var(--cyan);
+  }
+  
+  a:hover,
+  a:focus {
+    color: var(--pink);
+    opacity: 0.9;
+  }
+
   header {
     background: var(--light-blue);
     border-bottom: 0px;
@@ -58,6 +69,20 @@
     color: var(--dark-blue);
   }
 
+  a:visited {
+    color: var(--pink);
+  }
+  
+  a:hover,
+  a:focus {
+    color: var(--cyan);
+    opacity: 0.9;
+  }
+  
+  a:active {
+    color: var(--pink);
+  }
+
   header {
     background: var(--dark-blue);
   }
@@ -119,12 +144,14 @@ h1 {
 .terms {
   font-size: 0.9em;
 }
+.article-meta {
+    font-size: 90%;
+}
 .menu,
-.article-meta,
 footer {
   text-align: center;
   font-size: 90%;
-  opacity: 0.5;
+  opacity: 0.6;
 }
 .title {
   font-size: 1.1em;
@@ -142,6 +169,7 @@ footer a {
 
 a {
   text-decoration: none;
+  cursor: pointer;
 }
 
 a:hover {
@@ -172,6 +200,7 @@ header a {
   padding: 0 0.5rem;
 }
 header a:hover,
+header a:visited,
 header .current a {
   color: white;
 }
@@ -184,7 +213,7 @@ pre {
 }
 
 code {
-  font-family: monospace;
+  font-family: 'Fira Code', monospace;
 }
 
 pre code {