romfast/gomag-vending
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(dark): mobile order values invisible — Bootstrap card color override

Browse Source 
Bootstrap's .card sets color: var(--bs-body-color) which stays #212529 in
dark mode since we use data-theme="dark" not data-bs-theme. Added explicit
card dark override and color: var(--text-primary) on .flat-row.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Claude Agent
2026-03-27 12:14:44 +00:00
parent ef996a45b2
commit f6b6b863bd
2 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
api/app/static/css/style.css
View File

@@ -106,6 +106,7 @@
[data-theme="dark"] .table td { color: var(--text-secondary); background-color: var(--surface); } [data-theme="dark"] .table td { color: var(--text-secondary); background-color: var(--surface); }
[data-theme="dark"] .table tbody tr:nth-child(even) td { background-color: var(--surface-raised); } [data-theme="dark"] .table tbody tr:nth-child(even) td { background-color: var(--surface-raised); }
[data-theme="dark"] .table-hover tbody tr:hover td { background-color: rgba(37,99,235,0.1) !important; } [data-theme="dark"] .table-hover tbody tr:hover td { background-color: rgba(37,99,235,0.1) !important; }
[data-theme="dark"] .card { background: var(--surface); color: var(--text-primary); border-color: var(--border); }
[data-theme="dark"] .card-header { background: var(--surface); border-bottom-color: var(--border); } [data-theme="dark"] .card-header { background: var(--surface); border-bottom-color: var(--border); }
[data-theme="dark"] .flat-row { border-bottom-color: var(--border-subtle); } [data-theme="dark"] .flat-row { border-bottom-color: var(--border-subtle); }
[data-theme="dark"] .flat-row:hover { background: var(--surface-raised); } [data-theme="dark"] .flat-row:hover { background: var(--surface-raised); }
@@ -435,6 +436,7 @@ input[type="checkbox"] {
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;
border-bottom: 1px solid var(--border-subtle); border-bottom: 1px solid var(--border-subtle);
font-size: 1rem; font-size: 1rem;
color: var(--text-primary);
} }
.flat-row:last-child { border-bottom: none; } .flat-row:last-child { border-bottom: none; }
.flat-row:hover { background: var(--surface-raised); cursor: pointer; } .flat-row:hover { background: var(--surface-raised); cursor: pointer; }

2
api/app/templates/base.html
View File

@@ -19,7 +19,7 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.css" rel="stylesheet">
{% set rp = request.scope.get('root_path', '') %} {% set rp = request.scope.get('root_path', '') %}
<link href="{{ rp }}/static/css/style.css?v=19" rel="stylesheet"> <link href="{{ rp }}/static/css/style.css?v=20" rel="stylesheet">
</head> </head>
<body> <body>
<!-- Top Navbar (hidden on mobile via CSS) --> <!-- Top Navbar (hidden on mobile via CSS) -->