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;