style: unify UI elements and improve light theme visibility
This commit is contained in:
@@ -303,7 +303,7 @@ const resetToDefault = (ruleId) => {
|
||||
}
|
||||
|
||||
:global(:root[data-theme="light"]) .modal-overlay {
|
||||
background: rgba(0, 0, 0, 0.15);
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
@@ -322,10 +322,7 @@ const resetToDefault = (ruleId) => {
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
:global(:root[data-theme="light"]) .modal-content {
|
||||
background: rgba(255, 255, 255, 0.98);
|
||||
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
|
||||
.modal-header {
|
||||
padding: 1.5rem;
|
||||
|
||||
Reference in New Issue
Block a user