gitbutlerapp/gitbutler
1
1
Fork 0
mirror of https://github.com/gitbutlerapp/gitbutler.git synced 2024-12-29 20:43:37 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: modal backdrop color

Browse Source
This commit is contained in:
Pavel Laptev 2024-10-04 12:55:45 +02:00
parent e2e5ec579e
commit 5cc83a4fdb
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/ui/src/lib/Modal.svelte
View File

@ -135,16 +135,19 @@
} }
} }
dialog[open]::backdrop { /* backdrop global */
/* NOTE: temporarily hardcoded var(--clr-overlay-bg); */ /* NOTE: temporarily hardcoded var(--clr-overlay-bg); */
background-color: color(srgb 0 0 0 / 0.34901960784313724); :global(dialog[open]::backdrop) {
background-color: rgba(214, 214, 214, 0.4);
animation: dialog-fade 0.15s ease-in; animation: dialog-fade 0.15s ease-in;
} }
html.dark dialog[open]::backdrop { /* backdrop dark */
/* NOTE: temporarily hardcoded dark var(--clr-overlay-bg); */ /* NOTE: temporarily hardcoded dark var(--clr-overlay-bg); */
background-color: color(srgb 0.8392156862745098 0.8392156862745098 0.8392156862745098 / 0.4); :global(html.dark dialog[open]::backdrop) {
background-color: rgba(0, 0, 0, 0.35);
} }
.modal__header { .modal__header {
display: flex; display: flex;
padding: 16px; padding: 16px;