MayaTheShy/remoteturtle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Update detail section colors and status item styles for improved contrast and aesthetics

Browse Source
This commit is contained in:
MayaTheShy
2026-02-16 02:13:56 -05:00
parent 9abd0f1f45
commit 0296253149
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
client/src/components/ControlPanel.css
View File

@@ -342,7 +342,7 @@
.detail-section h4 { .detail-section h4 {
font-size: 0.875rem; font-size: 0.875rem;
margin: 1rem 0 0.75rem; margin: 1rem 0 0.75rem;
color: #4b5563; color: #d1d5db;
font-weight: 600; font-weight: 600;
} }
@@ -357,19 +357,19 @@
flex-direction: column; flex-direction: column;
gap: 0.375rem; gap: 0.375rem;
padding: 0.75rem; padding: 0.75rem;
background: #f9fafb; background: #111827;
border-radius: 0.375rem; border-radius: 0.375rem;
border: 1px solid #e5e7eb; border: 1px solid #374151;
transition: all 0.2s ease; transition: all 0.2s ease;
} }
.status-item:hover { .status-item:hover {
background: #f3f4f6; background: #1f2937;
border-color: #3b82f6; border-color: #60a5fa;
} }
.status-item .label { .status-item .label {
color: #6b7280; color: #9ca3af;
font-size: 0.75rem; font-size: 0.75rem;
font-weight: 600; font-weight: 600;
text-transform: uppercase; text-transform: uppercase;
@@ -377,7 +377,7 @@
} }
.status-item .value { .status-item .value {
color: #111827; color: #f9fafb;
font-weight: 700; font-weight: 700;
font-family: 'Courier New', monospace; font-family: 'Courier New', monospace;
font-size: 0.95rem; font-size: 0.95rem;