From a60349d339b148e774a5a47a4f2bbbc01ccd3253 Mon Sep 17 00:00:00 2001
From: Maxim Dolgolyov <maxim.dolgolyov@gmail.com>
Date: Sat, 30 May 2026 12:04:39 +0300
Subject: [PATCH] =?UTF-8?q?fix(textbooks=20catalog):=20=D0=B4=D0=BE=D0=B1?=
 =?UTF-8?q?=D0=B0=D0=B2=D0=B8=D0=BB=20=D0=BA=D0=BB=D0=B0=D1=81=D1=81=D1=8B?=
 =?UTF-8?q?=20sky/red/orange/yellow=20=D0=B4=D0=BB=D1=8F=20=D0=BE=D0=B1?=
 =?UTF-8?q?=D0=BB=D0=BE=D0=B6=D0=B5=D0=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Карточка Физики 7 в каталоге показывалась с прозрачной обложкой и
нечитаемым (белым на светло-голубом) заголовком — потому что миграция
039_physics_7_hub.sql указывает color='sky', а класса .tb-cover.sky
в textbooks.html не было.

Добавлено 4 новых цвета в 3 секциях CSS (tb-cover / tb-progress / tb-btn.primary):
- sky    (#0284c7) — для Физики 7 и других учебников с sky-палитрой
- red    (#dc2626) — на будущее для огненных тем
- orange (#ea580c) — для активных физических курсов
- yellow (#ca8a04) — для математических курсов

Теперь карточка Физики 7 показывает читаемый белый текст на градиенте
sky-700 → sky-400, совпадающем с темой хаба физики 7.
---
 frontend/textbooks.html | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/frontend/textbooks.html b/frontend/textbooks.html
index 6478197..cbba5d0 100644
--- a/frontend/textbooks.html
+++ b/frontend/textbooks.html
@@ -55,6 +55,10 @@
     .tb-cover.cyan   { background:linear-gradient(135deg, #164e63 0%, #0891b2 60%, #22d3ee 100%); }
     .tb-cover.emerald{ background:linear-gradient(135deg, #064e3b 0%, #059669 60%, #34d399 100%); }
     .tb-cover.amber-light{ background:linear-gradient(135deg, #92400e 0%, #d97706 60%, #fbbf24 100%); }
+    .tb-cover.sky    { background:linear-gradient(135deg, #0c4a6e 0%, #0284c7 60%, #7dd3fc 100%); }
+    .tb-cover.red    { background:linear-gradient(135deg, #7f1d1d 0%, #dc2626 60%, #f87171 100%); }
+    .tb-cover.orange { background:linear-gradient(135deg, #9a3412 0%, #ea580c 60%, #fb923c 100%); }
+    .tb-cover.yellow { background:linear-gradient(135deg, #854d0e 0%, #ca8a04 60%, #fde047 100%); }
 
     .tb-cover::before {
       content: attr(data-watermark);
@@ -115,6 +119,10 @@
     .tb-progress.teal   .tb-progress-fill { background:#0d9488; }
     .tb-progress.cyan   .tb-progress-fill { background:#0891b2; }
     .tb-progress.emerald .tb-progress-fill { background:#059669; }
+    .tb-progress.sky    .tb-progress-fill { background:#0284c7; }
+    .tb-progress.red    .tb-progress-fill { background:#dc2626; }
+    .tb-progress.orange .tb-progress-fill { background:#ea580c; }
+    .tb-progress.yellow .tb-progress-fill { background:#ca8a04; }
     .tb-progress-text {
       display:flex; justify-content:space-between; align-items:center;
       font-size:.74rem; color:var(--text-3);
@@ -145,6 +153,10 @@
     .tb-btn.primary.teal   { background:#0d9488; }
     .tb-btn.primary.cyan   { background:#0891b2; }
     .tb-btn.primary.emerald { background:#059669; }
+    .tb-btn.primary.sky    { background:#0284c7; }
+    .tb-btn.primary.red    { background:#dc2626; }
+    .tb-btn.primary.orange { background:#ea580c; }
+    .tb-btn.primary.yellow { background:#ca8a04; }
     .tb-btn.primary:hover { filter:brightness(1.1); }
     .tb-btn svg { width:14px; height:14px; }