armsx/Armsx2-Repo
0
0
Fork 0
mirror of https://github.com/ARMSX2/Armsx2-Repo.git synced 2026-08-24 16:52:58 -07:00
Code Issues Packages Projects Releases Wiki Activity

Primary buttons: dark PS2 blue/violet gradient

Browse Source
This commit is contained in:
medievalshell
2026-06-08 22:06:18 +02:00
parent 442fdbd58c
commit 4b34a3dea9
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/index.css
+7 -5
View File
@@ -21,6 +21,8 @@
--accent: #8c75cc; --accent: #8c75cc;
--accent-2: #3e4d84; --accent-2: #3e4d84;
--accent-hover: #7c69b7; --accent-hover: #7c69b7;
--grad-purple: linear-gradient(135deg, #102a7a 0%, #2a1a66 100%);
--grad-purple-hover: linear-gradient(135deg, #163496 0%, #382285 100%);
--text: #f8fafc; --text: #f8fafc;
--muted: #d4d4d8; --muted: #d4d4d8;
--soft: #a1a1aa; --soft: #a1a1aa;
@@ -342,7 +344,7 @@ h3 {
overflow: hidden; overflow: hidden;
min-height: 58px; min-height: 58px;
border-color: var(--border-strong); border-color: var(--border-strong);
background: var(--accent); background: var(--grad-purple);
color: #ffffff; color: #ffffff;
font-size: 1.04rem; font-size: 1.04rem;
box-shadow: box-shadow:
@@ -369,7 +371,7 @@ h3 {
} }
.primary-action:hover { .primary-action:hover {
background: var(--accent-hover); background: var(--grad-purple-hover);
box-shadow: box-shadow:
0 0 28px rgba(141, 118, 204, 0.4), 0 0 28px rgba(141, 118, 204, 0.4),
inset 0 0 8px rgba(62, 77, 132, 0.18); inset 0 0 8px rgba(62, 77, 132, 0.18);
@@ -549,7 +551,7 @@ h3 {
width: 6px; width: 6px;
height: 6px; height: 6px;
border-radius: 99px; border-radius: 99px;
background: var(--accent); background: var(--grad-purple);
box-shadow: 0 0 8px rgba(141, 118, 204, 0.6); box-shadow: 0 0 8px rgba(141, 118, 204, 0.6);
content: ""; content: "";
} }
@@ -873,14 +875,14 @@ h3 {
} }
.hero-btn--purple { .hero-btn--purple {
background: var(--accent); background: var(--grad-purple);
box-shadow: box-shadow:
0 0 16px rgba(141, 118, 204, 0.25), 0 0 16px rgba(141, 118, 204, 0.25),
inset 0 0 8px rgba(62, 77, 132, 0.15); inset 0 0 8px rgba(62, 77, 132, 0.15);
} }
.hero-btn--purple:hover { .hero-btn--purple:hover {
background: var(--accent-hover); background: var(--grad-purple-hover);
box-shadow: box-shadow:
0 0 28px rgba(141, 118, 204, 0.4), 0 0 28px rgba(141, 118, 204, 0.4),
inset 0 0 8px rgba(62, 77, 132, 0.18); inset 0 0 8px rgba(62, 77, 132, 0.18);