Styling stuff

This commit is contained in:
Mikko Ahlroth 2023-12-28 12:43:41 +02:00
parent 843460594e
commit e93c0c1d5b
2 changed files with 11 additions and 2 deletions

View file

@ -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">

View file

@ -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);
}