Added CSS --dialog-border-clr and --dialog-border-radius

This commit is contained in:
the-djmaze 2022-11-04 12:30:38 +01:00
parent e5572975a5
commit 4522a2ef6e
3 changed files with 7 additions and 2 deletions

View file

@ -59,8 +59,8 @@ dialog::backdrop {
dialog {
border: 0;
background-color: var(--dialog-bg-clr, #fff);
border: 1px solid rgba(0,0,0,.3);
border-radius: 6px;
border: 1px solid var(--dialog-border-clr, rgba(0,0,0,.3));
border-radius: var(--dialog-border-radius, 6px);
box-shadow: 0 5px 80px rgba(0,0,0,0.3);
color: var(--dialog-clr, #333);
display: flex;

View file

@ -116,6 +116,8 @@
/* DIALOGS */
--dialog-clr: var(--color-main-text);
--dialog-bg-clr: var(--color-main-background);
--dialog-border-clr: #ddd;
--dialog-border-radius: var(--border-radius-large);
/* FORMS */
--btn-clr: var(--color-primary-text);

View file

@ -72,7 +72,10 @@
--message-bg-color: #fff;
/* DIALOGS */
--dialog-clr: #333;
--dialog-bg-clr: #fff;
--dialog-border-clr: rgba(0,0,0,.3);
--dialog-border-radius: 6px;
/* FORMS */
--btn-clr: #333;