change style
This commit is contained in:
@@ -1,29 +1,29 @@
|
||||
:root {
|
||||
--bg: #f6f7f8;
|
||||
--bg: #c9d1c8;
|
||||
--surface: #ffffff;
|
||||
--text: #231f20;
|
||||
--text-muted: #5b6066;
|
||||
--accent: #ee0949;
|
||||
--accent-2: #ad0536;
|
||||
--border: #e3e6e9;
|
||||
--shadow: 0 10px 30px rgba(35, 31, 32, 0.07);
|
||||
--text: #04202c;
|
||||
--text-muted: #304040;
|
||||
--accent: #5b7065;
|
||||
--accent-2: #304040;
|
||||
--border: #c9d1c8;
|
||||
--shadow: 0 10px 30px rgba(4, 32, 44, 0.1);
|
||||
--radius: 16px;
|
||||
--hero-from: #8c0631;
|
||||
--hero-to: #440217;
|
||||
--hero-from: #304040;
|
||||
--hero-to: #04202c;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--bg: #120608;
|
||||
--surface: #1d0e11;
|
||||
--text: #f5eef0;
|
||||
--text-muted: #ac9ea2;
|
||||
--accent: #ff2f63;
|
||||
--accent-2: #ff6b8f;
|
||||
--border: #3a1e23;
|
||||
--bg: #04202c;
|
||||
--surface: #0f2932;
|
||||
--text: #c9d1c8;
|
||||
--text-muted: #7f9c8a;
|
||||
--accent: #9db8ab;
|
||||
--accent-2: #5b7065;
|
||||
--border: #22434b;
|
||||
--shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
|
||||
--hero-from: #530a24;
|
||||
--hero-to: #200510;
|
||||
--hero-from: #5b7065;
|
||||
--hero-to: #304040;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -33,7 +33,6 @@
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 28px 16px;
|
||||
background: var(--bg);
|
||||
color: var(--text);
|
||||
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
|
||||
@@ -49,12 +48,8 @@ body {
|
||||
|
||||
/* Hero */
|
||||
.hero {
|
||||
max-width: 900px;
|
||||
margin: 0 auto;
|
||||
background: linear-gradient(135deg, var(--hero-from), var(--hero-to));
|
||||
padding: 64px 0 100px;
|
||||
border-radius: var(--radius);
|
||||
box-shadow: var(--shadow);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user