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