diff --git a/kds/index.html b/kds/index.html index 8d7439d..aa4df7b 100644 --- a/kds/index.html +++ b/kds/index.html @@ -30,24 +30,24 @@ .order-card.ready { border-left-color: #22c55e; } .order-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #222; } - .order-number { font-size: 18px; font-weight: 600; color: #888; } + .order-number { font-size: 18px; font-weight: 600; color: #aaa; } .order-time { text-align: right; } - .elapsed-time { font-size: 16px; font-weight: 500; color: #555; margin-bottom: 2px; } + .elapsed-time { font-size: 16px; font-weight: 500; color: #888; margin-bottom: 2px; } .elapsed-time.warning { color: #f59e0b; } .elapsed-time.critical { color: #ef4444; animation: blink 1s ease-in-out infinite; } @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } - .submit-time { font-size: 11px; color: #444; } + .submit-time { font-size: 11px; color: #666; } - .order-info { margin-bottom: 12px; font-size: 13px; color: #555; } + .order-info { margin-bottom: 12px; font-size: 13px; color: #999; } .order-info div { margin-bottom: 3px; } - .order-info strong { color: #666; } + .order-info strong { color: #aaa; } .line-items { margin-bottom: 15px; } .line-item { margin-bottom: 10px; padding: 10px; background: #0a0a0a; border-radius: 6px; } .line-item-main { display: flex; justify-content: space-between; align-items: flex-start; } .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; } + .item-qty { font-size: 14px; font-weight: 600; color: #888; 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: #aaa; cursor: pointer; } .mod-badge .chevron { font-size: 10px; transition: transform 0.2s; } .mod-badge .chevron.open { transform: rotate(180deg); }