openvibers/openvibe.reviews Commits

Buttons wear the theme's strong accent and its paired text (#177)

OP OpenVibers committed 12 days ago · 9801450ef4 · 2 files, +12 −1

Changes

ddiff --git a/public/css/reviews.css b/public/css/reviews.css
iindex 27c7a52..3012d24 100644
---- a/public/css/reviews.css
++++ b/public/css/reviews.css
@@@ -33,7 +33,8 @@ h2 { font-size: 1.3rem; margin: 1.6em 0 .5em; border-bottom: 1px solid var(--rv-
.rv-notice.rv-error { border-color: var(--rv-red); }
.rv-notice.rv-ok { border-color: var(--rv-ok); }
.rv-notice.rv-ai { border-color: #a78bfa; }
--.rv-button, button { display: inline-block; background: var(--rv-accent); color: #0a0f1c; border: 0; border-radius: 6px; padding: 6px 14px; font: inherit; font-weight: 600; cursor: pointer; text-decoration: none; }
++/* Buttons wear the theme's strong accent and its paired text colour: dark text on Daylight's violet was 3.6:1. */
++.rv-button, button { display: inline-block; background: var(--accent-strong, var(--rv-accent)); color: var(--on-accent-strong, #0a0f1c); border: 0; border-radius: 6px; padding: 6px 14px; font: inherit; font-weight: 600; cursor: pointer; text-decoration: none; }
input, select, textarea { font: inherit; color: var(--rv-text); background: var(--rv-panel); border: 1px solid var(--rv-line); border-radius: 6px; padding: 6px 8px; max-width: 100%; }
textarea { width: 100%; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 14px; }
.rv-form label { display: block; margin: 10px 0; }
ddiff --git a/test/button-ink.test.js b/test/button-ink.test.js
nnew file mode 100644
iindex 0000000..81156f4
---- /dev/null
++++ b/test/button-ink.test.js
@@@ -0,0 +1,10 @@
++'use strict';
++// Buttons wear the theme's strong accent with its paired text colour. Dark text on the plain accent was 3.6:1 on
++// Daylight's violet (axe, 2026-11-01).
++const assert = require('assert');
++const fs = require('fs');
++const path = require('path');
++
++const css = fs.readFileSync(path.join(__dirname, '..', 'public', 'css', 'reviews.css'), 'utf8');
++assert.match(css, /\.rv-button, button \{[^}]*background: var\(--accent-strong, var\(--rv-accent\)\); color: var\(--on-accent-strong, #0a0f1c\);/);
++console.log('button ink: all checks passed');