openvibers/openvibe.shoes Commits
Theme-aware tints and status colours (#15)
Changes
@@@ -33,7 +33,7 @@.sh-table-wrap { overflow-x: auto; margin: 10px 0; }.sh-table { width: 100%; border-collapse: collapse; font-size: 14px; }.sh-table caption { text-align: left; padding: 0 0 8px; color: var(--text-muted, #7386a3); font-size: 13px; }--.sh-table th, .sh-table td { padding: 9px 10px; border-bottom: 1px solid var(--border, rgba(255,255,255,.08)); text-align: left; vertical-align: top; }++.sh-table th, .sh-table td { padding: 9px 10px; border-bottom: 1px solid var(--border, color-mix(in srgb, var(--text-primary, #fff) 8%, transparent)); text-align: left; vertical-align: top; }.sh-table th { font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: var(--text-muted, #7386a3); }.sh-table small { color: var(--text-muted, #7386a3); }.sh-watch { margin: 20px 0; padding: 18px; border: 1px solid var(--room-accent, var(--accent)); border-radius: 16px; background: var(--bg-secondary, #101828); }
@@ -33,7 +33,7 @@
@@ -33,7 +33,7 @@
.sh-table-wrap { overflow-x: auto; margin: 10px 0; }
.sh-table-wrap { overflow-x: auto; margin: 10px 0; }
.sh-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.sh-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.sh-table caption { text-align: left; padding: 0 0 8px; color: var(--text-muted, #7386a3); font-size: 13px; }
.sh-table caption { text-align: left; padding: 0 0 8px; color: var(--text-muted, #7386a3); font-size: 13px; }
-.sh-table th, .sh-table td { padding: 9px 10px; border-bottom: 1px solid var(--border, rgba(255,255,255,.08)); text-align: left; vertical-align: top; }
+.sh-table th, .sh-table td { padding: 9px 10px; border-bottom: 1px solid var(--border, color-mix(in srgb, var(--text-primary, #fff) 8%, transparent)); text-align: left; vertical-align: top; }
.sh-table th { font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: var(--text-muted, #7386a3); }
.sh-table th { font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: var(--text-muted, #7386a3); }
.sh-table small { color: var(--text-muted, #7386a3); }
.sh-table small { color: var(--text-muted, #7386a3); }
.sh-watch { margin: 20px 0; padding: 18px; border: 1px solid var(--room-accent, var(--accent)); border-radius: 16px; background: var(--bg-secondary, #101828); }
.sh-watch { margin: 20px 0; padding: 18px; border: 1px solid var(--room-accent, var(--accent)); border-radius: 16px; background: var(--bg-secondary, #101828); }