← All changes | assets/theme.css +7 -1 1.2.4 → 1.3.2 View file →

		@@ -29,9 +29,9 @@
29	29	--primary-hover: #1E9089;
30	30	--primary-tint: #E6F5F3;
31	31	--on-primary: #FFFFFF;
32	32	/* Text/heading colour for content sitting ON a primary/info tint. */
33		- --on-tint: #1E8079;
	33	+ --on-tint: #1A7770; /* 4.79:1 on --primary-tint, 5.37:1 on --paper — small Pro badge text sits on the tint */
34	34	--primary-glow: 0 2px 12px rgba(42, 167, 160, .30);
35	35
36	36	/* Surfaces */
37	37	--canvas: #FBFBFC;
		@@ -133,12 +133,18 @@
133	133	/* ---- Signature motion (used by the shell + later screens) -------------- */
134	134	@keyframes xspeed-boltpulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .45; transform: scale(.82); } }
135	135	@keyframes xspeed-sweep { 0% { background-position: -220px 0; } 100% { background-position: 320px 0; } }
136	136	@keyframes xspeed-ringfill { from { stroke-dashoffset: 326.7; } to { stroke-dashoffset: 26.1; } }
	137	+@keyframes xspeed-drain { from { transform: scaleX(1); } to { transform: scaleX(0); } }
	138	+@keyframes xspeed-pop { from { opacity: 0; transform: scale(.6); } to { opacity: 1; transform: none; } }
137	139
138	140	/* Signature-motion utility classes (reduced-motion aware via the rule below). */
139	141	.xspeed-anim-boltpulse { animation: xspeed-boltpulse 1.8s ease-in-out infinite; }
140	142	.xspeed-anim-sweep { background-size: 220px 100%; animation: xspeed-sweep 1.5s linear infinite; }
	143	+/* Purge result (§24.38). The resting state is the END state, so the reduced-motion
	144	+ rule below leaves the hairline undrawn and the icon simply present. */
	145	+.xspeed-anim-drain { transform: scaleX(0); transform-origin: left; animation: xspeed-drain .6s cubic-bezier(.3, .7, .3, 1) both; }
	146	+.xspeed-anim-pop { animation: xspeed-pop .2s ease-out both; }
141	147
142	148	@media (prefers-reduced-motion: reduce) {
143	149	#xspeed-app [class*="xspeed-anim"] { animation: none !important; }
144	150	}