From f2fdb8195cf142bd91c0d5b603f37efb4482f521c899e26afc43a6ba2f4d54ec Mon Sep 17 00:00:00 2001 From: AidarKC Date: Fri, 28 Aug 2026 15:07:43 +0400 Subject: [PATCH] =?UTF-8?q?=D0=A1=D0=B4=D0=B5=D0=BB=D0=B0=D0=BB=D0=B8=20?= =?UTF-8?q?=D0=BA=D0=BD=D0=BE=D0=BF=D0=BA=D0=B8=20=D1=81=D1=82=D0=B0=D1=80?= =?UTF-8?q?=D1=82=D0=BE=D0=B2=D0=BE=D0=B9=20=D1=81=D1=82=D1=80=D0=B0=D0=BD?= =?UTF-8?q?=D0=B8=D1=86=D1=8B=20=D0=B8=20=D0=BD=D0=B0=D1=81=D1=82=D1=80?= =?UTF-8?q?=D0=BE=D0=B5=D0=BA=20=D1=82=D0=B5=D0=BC=D0=BD=D0=B5=D0=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Перевёл общий синий акцент на более тёмный оттенок и применил его к кнопкам стартовой страницы и экранам настроек. Проверено: deploy на t1 server/UI. Не проверяли: ручной визуальный прогон в браузере и остальные экраны. --- shine-UI/styles/components.css | 35 ++++++++++++++++++---------------- shine-UI/styles/main.css | 11 ++++++----- 2 files changed, 25 insertions(+), 21 deletions(-) diff --git a/shine-UI/styles/components.css b/shine-UI/styles/components.css index 1a12ac35..d27c3523 100644 --- a/shine-UI/styles/components.css +++ b/shine-UI/styles/components.css @@ -743,33 +743,36 @@ } .shine-btn--primary { - border-color: rgba(255, 226, 163, 0.54); + border-color: rgba(var(--shine-action-blue-rgb), 0.72); background: - linear-gradient(180deg, rgba(255, 240, 200, 0.16), transparent 30%), - linear-gradient(180deg, rgba(155, 116, 61, 0.62), rgba(49, 35, 28, 0.7)); - color: #fff3d8; + linear-gradient(180deg, rgba(255, 255, 255, 0.10), transparent 30%), + linear-gradient(180deg, rgba(var(--shine-action-blue-rgb), 0.92), rgba(8, 20, 44, 0.92)); + color: #eef5ff; box-shadow: - inset 0 1px 0 rgba(255, 246, 216, 0.4), - inset 0 -20px 34px rgba(31, 20, 15, 0.34), - 0 15px 34px rgba(0, 0, 0, 0.42), - 0 4px 20px rgba(216, 173, 98, 0.16); + inset 0 1px 0 rgba(255, 255, 255, 0.24), + inset 0 -20px 34px rgba(0, 0, 0, 0.30), + 0 15px 34px rgba(0, 0, 0, 0.38), + 0 4px 20px rgba(var(--shine-action-blue-rgb), 0.18); } .shine-btn--primary::before { background: - radial-gradient(115% 65% at 50% 110%, rgba(244, 190, 87, 0.3), transparent 64%), + radial-gradient(115% 65% at 50% 110%, rgba(122, 170, 255, 0.32), transparent 64%), linear-gradient(108deg, rgba(255, 255, 255, 0.12), transparent 38%); } .shine-btn--register { - border-color: rgba(197, 215, 243, 0.34); + border-color: rgba(var(--shine-action-blue-rgb), 0.34); + background: + linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 28%), + linear-gradient(180deg, rgba(12, 36, 82, 0.88), rgba(5, 14, 32, 0.82)); } .shine-btn--view { - color: rgba(244, 235, 221, 0.92); + color: rgba(236, 244, 255, 0.92); background: - linear-gradient(180deg, rgba(255, 255, 255, 0.07), transparent 28%), - linear-gradient(180deg, rgba(10, 22, 47, 0.62), rgba(4, 10, 24, 0.76)); + linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 28%), + linear-gradient(180deg, rgba(15, 42, 94, 0.78), rgba(5, 13, 30, 0.82)); } .shine-btn--view::after { @@ -777,10 +780,10 @@ } .shine-btn--settings { - color: rgba(244, 235, 221, 0.88); + color: rgba(236, 244, 255, 0.9); background: - linear-gradient(180deg, rgba(255, 255, 255, 0.055), transparent 28%), - linear-gradient(180deg, rgba(9, 19, 40, 0.58), rgba(4, 9, 22, 0.76)); + linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 28%), + linear-gradient(180deg, rgba(12, 34, 78, 0.78), rgba(4, 10, 24, 0.82)); } .shine-btn--settings::after { diff --git a/shine-UI/styles/main.css b/shine-UI/styles/main.css index 1c7a7b9c..2fd8cc4b 100644 --- a/shine-UI/styles/main.css +++ b/shine-UI/styles/main.css @@ -11,11 +11,12 @@ --accent-soft: rgba(217, 181, 111, 0.18); --danger: #ff718f; --ok: #84f4a1; - /* Единый цвет основных действий: стартовые/регистрационные кнопки и scroll-down. */ - --shine-action-blue: #278dff; - --shine-action-blue-hover: #43a2ff; - --shine-action-blue-pressed: #1973db; - --shine-action-blue-rgb: 39, 141, 255; + /* Единый цвет основных действий: стартовые/регистрационные кнопки, + * настройки и scroll-down. */ + --shine-action-blue: #1248a3; + --shine-action-blue-hover: #1b62cf; + --shine-action-blue-pressed: #0d3577; + --shine-action-blue-rgb: 18, 72, 163; --radius-lg: 18px; --radius-md: 12px; --radius-sm: 9px;