From b7a2a9d9685079c4342ccf98776f17caf1f5e3b5 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Thu, 20 Aug 2026 13:42:53 +0000
Subject: [PATCH 1/2] Paint the page in the documentation's red, and call the
 button Live Demo

The three sample pages carried the UI5 blue while https://abap2ui5.github.io/docs
is written in #d03c4a, so a reader crossing between them saw two different
sites. Only --accent and --accent-soft move, light and dark; everything drawn
from them follows.

The note about the missing button follows the two sibling pages, where the
per-sample button is now called "Live Demo".

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016eWdFZN8QTNCk9ijHP3NkA
---
 web/index.html |  2 +-
 web/stack.css  | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/web/index.html b/web/index.html
index 926fe8f..5e5339f 100644
--- a/web/index.html
+++ b/web/index.html
@@ -50,7 +50,7 @@ <h1>abap2UI5 and the rest of your stack</h1>
       before you install anything.
     </p>
     <p class="note">
-      There is no <b>Playground</b> button on a card here, unlike on
+      There is no <b>Live Demo</b> button on a card here, unlike on
       <a href="https://abap2ui5.github.io/samples/">Learn</a> and
       <a href="https://abap2ui5.github.io/samples-controls/">Controls</a>:
       a Gateway service, a RAP business object, an APC channel or a launchpad is
diff --git a/web/stack.css b/web/stack.css
index c1164f9..ea94c1a 100644
--- a/web/stack.css
+++ b/web/stack.css
@@ -18,9 +18,9 @@
   --ink-faint: #86929c;
   --line: #dde3e9;
   --line-soft: #eaeef2;
-  --accent: #0a6ed1;
+  --accent: #d03c4a;
   --accent-ink: #ffffff;
-  --accent-soft: #eaf3fc;
+  --accent-soft: #fceced;
   --ok: #256f3a;
   --ok-soft: #e6f3ea;
   --warn: #8a5300;
@@ -46,9 +46,9 @@
     --ink-faint: #7c8892;
     --line: #2b333b;
     --line-soft: #232a31;
-    --accent: #7cb6f0;
-    --accent-ink: #10151a;
-    --accent-soft: #1d2a38;
+    --accent: #ef8b93;
+    --accent-ink: #1a1013;
+    --accent-soft: #3a2126;
     --ok: #7fca97;
     --ok-soft: #1c2b22;
     --warn: #e0b072;

From 42c1bf61e28d149af3987666eb407bffce4817b2 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Thu, 20 Aug 2026 13:53:09 +0000
Subject: [PATCH 2/2] Keep the note calling the sibling button Playground

The rename belonged on the documentation's start page, not here: the two
sibling pages still call that button Playground, and this note points at them.
Reverts the label half of b7a2a9d; the colour stays.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016eWdFZN8QTNCk9ijHP3NkA
---
 web/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/index.html b/web/index.html
index 5e5339f..926fe8f 100644
--- a/web/index.html
+++ b/web/index.html
@@ -50,7 +50,7 @@ <h1>abap2UI5 and the rest of your stack</h1>
       before you install anything.
     </p>
     <p class="note">
-      There is no <b>Live Demo</b> button on a card here, unlike on
+      There is no <b>Playground</b> button on a card here, unlike on
       <a href="https://abap2ui5.github.io/samples/">Learn</a> and
       <a href="https://abap2ui5.github.io/samples-controls/">Controls</a>:
       a Gateway service, a RAP business object, an APC channel or a launchpad is