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