From c00c4b08a2c982838ea0a23cae2a1e8a14dfa47d Mon Sep 17 00:00:00 2001 From: John Mizerek Date: Thu, 12 Mar 2026 12:09:55 -0700 Subject: [PATCH] KDS: brighten modifier, remark, and badge text for visibility Co-Authored-By: Claude Opus 4.6 --- kds/index.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/kds/index.html b/kds/index.html index 14c86aa..8d7439d 100644 --- a/kds/index.html +++ b/kds/index.html @@ -48,15 +48,15 @@ .line-item-main.has-extras { cursor: pointer; } .item-name { font-size: 14px; font-weight: 500; color: #aaa; flex: 1; } .item-qty { font-size: 14px; font-weight: 600; color: #666; margin-left: 10px; } - .mod-badge { display: inline-flex; align-items: center; gap: 3px; margin-left: 6px; padding: 1px 6px; background: #1a1a2e; border-radius: 10px; font-size: 11px; color: #888; cursor: pointer; } + .mod-badge { display: inline-flex; align-items: center; gap: 3px; margin-left: 6px; padding: 1px 6px; background: #1a1a2e; border-radius: 10px; font-size: 11px; color: #aaa; cursor: pointer; } .mod-badge .chevron { font-size: 10px; transition: transform 0.2s; } .mod-badge .chevron.open { transform: rotate(180deg); } .mod-extras { margin-left: 12px; margin-top: 6px; overflow: hidden; max-height: 0; transition: max-height 0.3s ease; } .mod-extras.open { max-height: 500px; } .modifiers { } - .modifier { font-size: 12px; color: #555; margin-bottom: 3px; padding-left: 10px; border-left: 1px solid #333; } - .item-remark { margin-top: 6px; padding: 6px 8px; background: #1a1500; border-left: 2px solid #f59e0b; font-size: 12px; color: #a58a2a; font-style: italic; } - .order-remarks { margin-bottom: 12px; padding: 8px; background: #1a0a0a; border-left: 2px solid #ef4444; font-size: 12px; color: #a55; font-style: italic; } + .modifier { font-size: 12px; color: #9a9a9a; margin-bottom: 3px; padding-left: 10px; border-left: 1px solid #444; } + .item-remark { margin-top: 6px; padding: 6px 8px; background: #1a1500; border-left: 2px solid #f59e0b; font-size: 12px; color: #d4b44a; font-style: italic; } + .order-remarks { margin-bottom: 12px; padding: 8px; background: #1a0a0a; border-left: 2px solid #ef4444; font-size: 12px; color: #d47; font-style: italic; } .action-buttons { display: flex; gap: 8px; } .btn { flex: 1; padding: 10px; border: none; border-radius: 6px; font-size: 12px; font-weight: 600; cursor: pointer; transition: all 0.2s ease; }