aidar/SHiNE-server
SHA256
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Сделали кнопки стартовой страницы и настроек темнее

Browse Source 
Перевёл общий синий акцент на более тёмный оттенок и применил его к кнопкам стартовой страницы и экранам настроек.

Проверено: deploy на t1 server/UI.
Не проверяли: ручной визуальный прогон в браузере и остальные экраны.
This commit is contained in:
AidarKC
2026-08-28 15:07:43 +04:00
parent 8a0275d962
commit f2fdb8195c
2 changed files with 25 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
shine-UI/styles/components.css
+19 -16
View File
@@ -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 {
shine-UI/styles/main.css
+6 -5
View File
@@ -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;