UX: Dark mode changes to move toward a base of accent-color (#23)

This commit is contained in:
Jordan Vidrine
2025-03-06 20:30:07 -06:00
committed by GitHub
parent 9a8a9d4ad3
commit 9381e56c47
8 changed files with 47 additions and 39 deletions
+5 -7
View File
@@ -50,7 +50,7 @@
position: fixed;
width: var(--d-border-radius-large);
height: var(--d-border-radius-large);
background-color: var(--tertiary-50);
background-color: var(--background-color);
z-index: 399;
-webkit-mask: radial-gradient(
circle at var(--d-border-radius-large) var(--d-border-radius-large),
@@ -79,18 +79,16 @@
&__bottom-right {
transform: rotate(180deg);
bottom: var(--d-border-radius-large);
@container content-width (width > 1px) {
left: calc(var(--right-distance) - var(--d-border-radius-large));
@media screen and (max-width: 768px) {
bottom: calc(var(--d-border-radius-large) * 2);
}
left: calc(var(--right-distance) - var(--d-border-radius-large));
@media screen and (max-width: 768px) {
bottom: calc(var(--d-border-radius-large) * 2);
}
}
&__bottom-bar {
position: fixed;
width: 100%;
z-index: 399;
background-color: var(--tertiary-50);
background-color: var(--background-color);
bottom: 0;
left: var(--left-distance);
height: var(--d-border-radius-large);