lua-cli 2.1.0 → 2.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/web/app.css CHANGED
@@ -19,10 +19,10 @@
19
19
  --bg-quaternary: #323233;
20
20
  --bg-accent: #3e3e42;
21
21
 
22
- /* Text Colors */
22
+ /* Text Colors - WCAG AA Compliant */
23
23
  --text-primary: #ffffff;
24
- --text-secondary: #cccccc;
25
- --text-muted: #8c8c8c;
24
+ --text-secondary: #e0e0e0; /* Improved contrast from #cccccc */
25
+ --text-muted: #a0a0a0; /* Improved contrast from #8c8c8c */
26
26
  --text-inverse: #000000;
27
27
 
28
28
  /* Border Colors */
@@ -232,7 +232,7 @@ body {
232
232
  /* Button Styles */
233
233
  .tab-button {
234
234
  background: transparent;
235
- color: #cccccc;
235
+ color: var(--text-secondary);
236
236
  border: none;
237
237
  padding: 6px 12px;
238
238
  font-size: 11px;
@@ -248,6 +248,29 @@ body {
248
248
  margin: 10px 0px 0px 5px;
249
249
  }
250
250
 
251
+ /* Focus indicators for accessibility */
252
+ .tab-button:focus-visible,
253
+ .deploy-button:focus-visible,
254
+ .send-button:focus-visible,
255
+ .refresh-button:focus-visible,
256
+ .add-button:focus-visible,
257
+ .delete-button:focus-visible,
258
+ .back-button:focus-visible {
259
+ outline: 2px solid var(--color-primary);
260
+ outline-offset: 2px;
261
+ }
262
+
263
+ /* Ensure all interactive elements have focus indicators */
264
+ button:focus-visible,
265
+ input:focus-visible,
266
+ textarea:focus-visible,
267
+ select:focus-visible,
268
+ a:focus-visible,
269
+ [tabindex]:focus-visible {
270
+ outline: 2px solid var(--color-primary);
271
+ outline-offset: 2px;
272
+ }
273
+
251
274
  .tab-button:hover {
252
275
  background: #3e3e42;
253
276
  color: #ffffff;
@@ -576,6 +599,37 @@ body {
576
599
  }
577
600
 
578
601
 
602
+ /* Screen reader only content */
603
+ .sr-only {
604
+ position: absolute;
605
+ width: 1px;
606
+ height: 1px;
607
+ padding: 0;
608
+ margin: -1px;
609
+ overflow: hidden;
610
+ clip: rect(0, 0, 0, 0);
611
+ white-space: nowrap;
612
+ border: 0;
613
+ }
614
+
615
+ /* Skip to main content link */
616
+ .skip-link {
617
+ position: absolute;
618
+ top: -40px;
619
+ left: 6px;
620
+ background: var(--color-primary);
621
+ color: var(--text-primary);
622
+ padding: 8px;
623
+ text-decoration: none;
624
+ border-radius: 4px;
625
+ z-index: var(--z-overlay);
626
+ transition: top 0.3s;
627
+ }
628
+
629
+ .skip-link:focus {
630
+ top: 6px;
631
+ }
632
+
579
633
 
580
634
  /* Page Styles */
581
635
  /* Page Styles Index */