리펙토링 - 전체 프로젝트 코드 (Codex)

src/renderer/style.css

@@ -11,6 +11,13 @@
   --warning:    #f7c26a;
   --danger:     #ff6b7a;
   --info:       #6ac8f7;
+  --success-bg: #1a4a2e;
+  --success-bg-hover: #204a34;
+  --success-border: #2a6a40;
+  --warning-bg: rgba(247,194,106,.12);
+  --warning-border: rgba(247,194,106,.35);
+  --danger-bg: rgba(255,107,122,.12);
+  --danger-border: rgba(255,107,122,.35);
   --text:       #e8e8f0;
   --muted:      #8f8fb8;
   --drag-over:  #3a2e70;
@@ -155,8 +162,8 @@ main {
 }
 .sort-btn:hover { background: #132e42; color: var(--info); }
 .sort-btn.active { background: #1a3a4a; color: var(--info); }
-.btn-success { background: #1a4a2e; color: var(--success); border: 1px solid #2a6a40; }
-.btn-success:hover { background: #204a34; }
+.btn-success { background: var(--success-bg); color: var(--success); border: 1px solid var(--success-border); }
+.btn-success:hover { background: var(--success-bg-hover); }
 .btn-success:disabled { opacity: .4; cursor: not-allowed; transform: none; }
 .btn-warning { background: #3a2a10; color: var(--warning); border: 1px solid #5a4020; }
 .btn-warning:hover { background: #4a3518; }
@@ -551,13 +558,13 @@ footer span { font-size: 11px; color: var(--muted); }
 }
 .modal-titlebar-warning {
   color: var(--warning);
-  background: rgba(247,194,106,.12);
-  border-bottom-color: rgba(247,194,106,.35);
+  background: var(--warning-bg);
+  border-bottom-color: var(--warning-border);
 }
 .modal-titlebar-danger {
   color: var(--danger);
-  background: rgba(255,107,122,.12);
-  border-bottom-color: rgba(255,107,122,.35);
+  background: var(--danger-bg);
+  border-bottom-color: var(--danger-border);
 }
 .modal-msg {
   font-size: 14px; color: var(--text); line-height: 1.7;
@@ -567,8 +574,8 @@ footer span { font-size: 11px; color: var(--muted); }
   font-weight: 700;
   line-height: 1.5;
   color: var(--warning);
-  background: rgba(247,194,106,.12);
-  border: 1px solid rgba(247,194,106,.35);
+  background: var(--warning-bg);
+  border: 1px solid var(--warning-border);
   border-radius: 8px;
   padding: 9px 12px;
 }