google/visit_card
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change theme

Browse Source
This commit is contained in:
Georgy Khatuncev
2026-09-03 12:41:21 +05:00
parent edb89f1a91
commit 333f762df1
1 changed files with 25 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
assets/css/style.css
View File

@@ -1,25 +1,29 @@
:root { :root {
--bg: #f5f6fa; --bg: #f6f7f8;
--surface: #ffffff; --surface: #ffffff;
--text: #1c1e26; --text: #231f20;
--text-muted: #6b7280; --text-muted: #5b6066;
--accent: #4f5bd5; --accent: #ee0949;
--accent-2: #7c3aed; --accent-2: #ad0536;
--border: #e7e9f0; --border: #e3e6e9;
--shadow: 0 10px 30px rgba(24, 28, 47, 0.06); --shadow: 0 10px 30px rgba(35, 31, 32, 0.07);
--radius: 16px; --radius: 16px;
--hero-from: #8c0631;
--hero-to: #440217;
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--bg: #0f1117; --bg: #120608;
--surface: #171923; --surface: #1d0e11;
--text: #f1f2f6; --text: #f5eef0;
--text-muted: #9ca3af; --text-muted: #ac9ea2;
--accent: #818cf8; --accent: #ff2f63;
--accent-2: #a78bfa; --accent-2: #ff6b8f;
--border: #262a38; --border: #3a1e23;
--shadow: 0 10px 30px rgba(0, 0, 0, 0.35); --shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
--hero-from: #530a24;
--hero-to: #200510;
} }
} }
@@ -44,7 +48,7 @@ body {
/* Hero */ /* Hero */
.hero { .hero {
background: linear-gradient(135deg, var(--accent), var(--accent-2)); background: linear-gradient(135deg, var(--hero-from), var(--hero-to));
padding: 64px 20px 100px; padding: 64px 20px 100px;
color: #fff; color: #fff;
} }
@@ -238,7 +242,9 @@ body {
} }
.project-card { .project-card {
display: block; display: flex;
flex-direction: column;
height: 100%;
background: var(--bg); background: var(--bg);
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: 12px; border-radius: 12px;
@@ -270,6 +276,8 @@ body {
font-size: 0.85rem; font-size: 0.85rem;
font-weight: 600; font-weight: 600;
color: var(--accent); color: var(--accent);
margin-top: auto;
padding-top: 10px;
} }
/* Footer */ /* Footer */