style: unify UI elements and improve light theme visibility

This commit is contained in:
2026-03-03 12:33:06 +00:00
parent dff8a2a0ab
commit b1cc8ab5a1
7 changed files with 150 additions and 144 deletions

View File

@@ -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;