UX prettified in the menu again

This commit is contained in:
l4kr
2023-09-06 15:52:40 +02:00
parent cc02e201f6
commit 2bd563466b
8 changed files with 49 additions and 19 deletions

View File

@@ -1139,8 +1139,11 @@ html {
}
}
.scrollbuttoncontainer {
color: #fff;
background: rgba(20, 20, 20, 0.5);
color: white;
background: hsla(var(--theme-text-color-hue),
var(--theme-text-color-saturation),
var(--theme-text-color-lightness),0.35);
border-radius: 0.7em;
}
.recordingIcon-active {
color: #c33 !important;
@@ -1387,7 +1390,8 @@ html {
);
}
.detailMainContainer-withbackdrop {
text-shadow: 0.14em 0.14em 0.28em rgba(0, 0, 0, 0.45);
text-shadow: 0.18em 0.18em 0.28em rgba(0, 0, 0, 0.45);
padding-bottom: 11em;
}
.details-additionalContent-withbackdrop {
--theme-text-color-alpha: 0.85;

View File

@@ -1135,8 +1135,11 @@ html,
}
}
.scrollbuttoncontainer {
color: #fff;
background: rgba(20, 20, 20, 0.5);
color: white;
background: hsla(var(--theme-text-color-hue),
var(--theme-text-color-saturation),
var(--theme-text-color-lightness),0.35);
border-radius: 0.7em;
}
.recordingIcon-active {
color: #c33 !important;
@@ -1389,7 +1392,8 @@ html,
);
}
.detailMainContainer-withbackdrop {
text-shadow: 0.14em 0.14em 0.28em rgba(0, 0, 0, 0.45);
text-shadow: 0.18em 0.18em 0.28em rgba(0, 0, 0, 0.45);
padding-bottom: 11em;
}
.details-additionalContent-withbackdrop {
--theme-text-color-alpha: 0.85;

View File

@@ -1167,8 +1167,11 @@ html,
}
}
.scrollbuttoncontainer {
color: #fff;
background: rgba(20, 20, 20, 0.5);
color: white;
background: hsla(var(--theme-text-color-hue),
var(--theme-text-color-saturation),
var(--theme-text-color-lightness),0.35);
border-radius: 0.7em;
}
.recordingIcon-active {
color: #c33 !important;
@@ -1421,7 +1424,8 @@ html,
);
}
.detailMainContainer-withbackdrop {
text-shadow: 0.14em 0.14em 0.28em rgba(0, 0, 0, 0.45);
text-shadow: 0.18em 0.18em 0.28em rgba(0, 0, 0, 0.45);
padding-bottom: 11em;
}
.details-additionalContent-withbackdrop {
--theme-text-color-alpha: 0.85;

View File

@@ -1260,8 +1260,11 @@ html {
}
}
.scrollbuttoncontainer {
color: #fff;
background: rgba(20, 20, 20, 0.5);
color: white;
background: hsla(var(--theme-text-color-hue),
var(--theme-text-color-saturation),
var(--theme-text-color-lightness),0.35);
border-radius: 0.7em;
}
.recordingIcon-active {
color: #c33 !important;
@@ -1506,7 +1509,8 @@ html {
);
}
.detailMainContainer-withbackdrop {
text-shadow: 0.14em 0.14em 0.28em rgba(0, 0, 0, 0.45);
text-shadow: 0.18em 0.18em 0.28em rgba(0, 0, 0, 0.45);
padding-bottom: 11em;
}
.details-additionalContent-withbackdrop {
--theme-text-color-alpha: 0.85;

View File

@@ -1099,8 +1099,11 @@ html,
}
}
.scrollbuttoncontainer {
color: #fff;
background: rgba(20, 20, 20, 0.5);
color: white;
background: hsla(var(--theme-text-color-hue),
var(--theme-text-color-saturation),
var(--theme-text-color-lightness),0.35);
border-radius: 0.7em;
}
.recordingIcon-active {
color: #c33 !important;
@@ -1355,7 +1358,8 @@ html,
);
}
.detailMainContainer-withbackdrop {
text-shadow: 0.14em 0.14em 0.28em rgba(0, 0, 0, 0.45);
text-shadow: 0.18em 0.18em 0.28em rgba(0, 0, 0, 0.45);
padding-bottom: 11em;
}
.details-additionalContent-withbackdrop {
--theme-text-color-alpha: 0.85;