From e93c0c1d5b4e6a6abda478c6544228a6310a9807 Mon Sep 17 00:00:00 2001
From: Mikko Ahlroth <mikko@ahlroth.fi>
Date: Thu, 28 Dec 2023 12:43:41 +0200
Subject: [PATCH] Styling stuff

---
 index.html | 4 ++--
 style.css  | 9 +++++++++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 25ca4ff..ca38f10 100644
--- a/index.html
+++ b/index.html
@@ -11,8 +11,8 @@
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="application-name" content="Elektrofoni">
   <meta name="apple-mobile-web-app-title" content="Elektrofoni">
-  <meta name="theme-color" content="#abcdef">
-  <meta name="msapplication-navbutton-color" content="#abcdef">
+  <meta name="theme-color" content="#833ab4">
+  <meta name="msapplication-navbutton-color" content="#833ab4">
   <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
   <meta name="msapplication-starturl" content="/">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
diff --git a/style.css b/style.css
index 86af1fe..dbc7424 100644
--- a/style.css
+++ b/style.css
@@ -17,6 +17,7 @@
   --text-color: #123456;
 
   --glass-opacity: 0.3;
+  --glass-opacity-active: 0.2;
   --glass-shadow-opacity: 0.1;
   --glass-background: rgba(255, 255, 255, var(--glass-opacity));
   --glass-blur: 10px;
@@ -44,6 +45,10 @@
   background: var(--glass-background);
 }
 
+.glass-button:active {
+  background: rgba(255, 255, 255, var(--glass-opacity-active));
+}
+
 .glass-shadow,
 .glass-button,
 .glass-input {
@@ -325,3 +330,7 @@ single-artist-view {
 .library-item h3 {
   overflow-wrap: break-word;
 }
+
+.library-item:active {
+  background: var(--glass-background);
+}