openvibers/openvibe.coupons Commits
Status words and badges use the readable status twins (var(--<status>-text, var(--<status>))) (#82)
Changes
@@@ -20,8 +20,8 @@ h3 { font-size: 1.1rem; margin: 0 0 .4rem; }.code-line .label { color: var(--text-muted, #7386a3); font-size: .85rem; }.code { font: 600 1.15rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; padding: 4px 10px; border: 1px dashed var(--accent, #3b82f6); border-radius: 6px; user-select: all; -webkit-user-select: all; word-break: break-all; }.status { display: inline-block; font-size: .78rem; padding: 1px 9px; border-radius: 999px; border: 1px solid var(--border-light, #2c3d5c); }--.status-reported_working { border-color: var(--success, #22c55e); color: var(--success, #22c55e); }--.status-reported_failed { border-color: var(--error, #ef4444); color: var(--error, #ef4444); }++.status-reported_working { border-color: var(--success, #22c55e); color: var(--success-text, var(--success, #22c55e)); }++.status-reported_failed { border-color: var(--error, #ef4444); color: var(--error-text, var(--error, #ef4444)); }.status-expired, .status-disabled { opacity: .8; }.restrictions, .hints { margin: .4rem 0; padding-left: 1.2rem; font-size: .95rem; }.report { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
@@ -20,8 +20,8 @@ h3 { font-size: 1.1rem; margin: 0 0 .4rem; }
@@ -20,8 +20,8 @@ h3 { font-size: 1.1rem; margin: 0 0 .4rem; }
.code-line .label { color: var(--text-muted, #7386a3); font-size: .85rem; }
.code-line .label { color: var(--text-muted, #7386a3); font-size: .85rem; }
.code { font: 600 1.15rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; padding: 4px 10px; border: 1px dashed var(--accent, #3b82f6); border-radius: 6px; user-select: all; -webkit-user-select: all; word-break: break-all; }
.code { font: 600 1.15rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; padding: 4px 10px; border: 1px dashed var(--accent, #3b82f6); border-radius: 6px; user-select: all; -webkit-user-select: all; word-break: break-all; }
.status { display: inline-block; font-size: .78rem; padding: 1px 9px; border-radius: 999px; border: 1px solid var(--border-light, #2c3d5c); }
.status { display: inline-block; font-size: .78rem; padding: 1px 9px; border-radius: 999px; border: 1px solid var(--border-light, #2c3d5c); }
-.status-reported_working { border-color: var(--success, #22c55e); color: var(--success, #22c55e); }
-.status-reported_failed { border-color: var(--error, #ef4444); color: var(--error, #ef4444); }
+.status-reported_working { border-color: var(--success, #22c55e); color: var(--success-text, var(--success, #22c55e)); }
+.status-reported_failed { border-color: var(--error, #ef4444); color: var(--error-text, var(--error, #ef4444)); }
.status-expired, .status-disabled { opacity: .8; }
.status-expired, .status-disabled { opacity: .8; }
.restrictions, .hints { margin: .4rem 0; padding-left: 1.2rem; font-size: .95rem; }
.restrictions, .hints { margin: .4rem 0; padding-left: 1.2rem; font-size: .95rem; }
.report { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
.report { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }