UX: add dark-light mixin for better visibility in dark themes (#764)

This commit is contained in:
chapoi 2024-08-22 01:24:18 +02:00 committed by GitHub
parent da9e192949
commit 324af23b72
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 1 deletions

View File

@ -41,7 +41,11 @@
background: var(--secondary); background: var(--secondary);
border: 1px solid var(--primary-low); border: 1px solid var(--primary-low);
border-radius: 100%; border-radius: 100%;
box-shadow: var(--shadow-card); box-shadow: 0 0 10px 2px
dark-light-choose(
rgba(var(--primary-rgb), 0.1),
rgba(var(--secondary-rgb), 0.1)
);
width: var(--composer-helper-menu-trigger-size); width: var(--composer-helper-menu-trigger-size);
height: var(--composer-helper-menu-trigger-size); height: var(--composer-helper-menu-trigger-size);
animation-duration: 0.15s; animation-duration: 0.15s;
@ -60,6 +64,7 @@
} }
.d-icon { .d-icon {
margin: 0; margin: 0;
color: var(--tertiary-high);
} }
} }
} }