Redesign interface from scratch

Author: sapbotgit

code-doodles.css

@@ -0,0 +1,62 @@
+:root {
+    --primary: #50fa7b;
+    --primary-dim: #2ea043;
+}
+
+a {
+    color: var(--primary);
+    text-decoration: none;
+}
+
+a:visited {
+    color: var(--primary);
+    opacity: 0.8;
+}
+
+a:hover {
+    color: #fff;
+}
+
+.archive-card {
+    border: 2px solid var(--primary-dim);
+    color: var(--text-primary);
+}
+
+.archive-card:hover {
+    border-color: var(--primary);
+    box-shadow: 0 4px 20px rgba(80, 250, 123, 0.3);
+}
+
+.archive-card p,
+.archive-card .card-url {
+    color: var(--text-secondary);
+}
+
+.archive-card:hover p,
+.archive-card:hover .card-url {
+    color: var(--text-primary);
+}
+
+.archive-card:visited {
+    color: var(--text-primary);
+}
+
+.card-status.online {
+    background: rgba(80, 250, 123, 0.15);
+    color: var(--primary);
+    border-color: var(--primary-dim);
+}
+
+.status-badge {
+    background: rgba(80, 250, 123, 0.15);
+    color: var(--primary);
+    border-color: var(--primary-dim);
+}
+
+.status-badge::before {
+    background: var(--primary);
+}
+
+.description-box .warning-text {
+    color: var(--primary) !important;
+}