diff --git a/src/styles/theme-arkeros.css b/src/styles/theme-arkeros.css index e04ce2a..a2fa131 100644 --- a/src/styles/theme-arkeros.css +++ b/src/styles/theme-arkeros.css @@ -11,7 +11,7 @@ tr:nth-child(odd) { border-radius: 10px; } -.Overlay { +.OverlayModal, .OverlayAlert { background: linear-gradient(175deg, #61dceaab , #ffb1e1, #ecffec, #ffb1e1, #61dceaab); } @@ -54,3 +54,8 @@ tr:nth-child(odd) { background-size: cover; border-radius: 10px; } + +.Alert { + background: #f4edf0 none repeat scroll 0 0; + border-radius: 7px; +} diff --git a/src/styles/theme-dark-round.css b/src/styles/theme-dark-round.css index 9a6d557..befe8cd 100644 --- a/src/styles/theme-dark-round.css +++ b/src/styles/theme-dark-round.css @@ -65,12 +65,19 @@ tr:nth-child(even) { background-color: #15374fd1; } -.Modal { +.Modal, .Alert { background: #444242 none repeat scroll 0 0;; color: #f4f4f4; +} + +.Modal { border-radius: 21px; } +.Alert { + border-radius: 12px; +} + .modaltext, .modalcotext { color: #f4f4f4; } @@ -104,7 +111,7 @@ tr:nth-child(even) { background-color: #6f6f75; } -.Overlay { +.OverlayModal, .OverlayAlert { background-color: rgba(187, 187, 187, 0.75); } diff --git a/src/styles/theme-dark.css b/src/styles/theme-dark.css index 526353d..fbf02d4 100644 --- a/src/styles/theme-dark.css +++ b/src/styles/theme-dark.css @@ -44,7 +44,7 @@ tr:nth-child(even) { background-color: #15374fd1; } -.Modal { +.Modal, .Alert { background: #444242 none repeat scroll 0 0;; color: #f4f4f4; } @@ -96,7 +96,7 @@ tr:nth-child(even) { background-color: #6f6f75; } -.Overlay { +.OverlayModal, .OverlayAlert { background-color: rgba(187, 187, 187, 0.75); } diff --git a/src/styles/theme-light-round.css b/src/styles/theme-light-round.css index 1395ce3..2abc172 100644 --- a/src/styles/theme-light-round.css +++ b/src/styles/theme-light-round.css @@ -14,6 +14,10 @@ border-radius: 21px; } +.Alert { + border-radius: 12px; +} + .notifybox { border-radius: 21px; }