Passe le fond du site en dégradé orange et bleu
This commit is contained in:
23
styles.css
23
styles.css
@@ -1,10 +1,10 @@
|
|||||||
:root {
|
:root {
|
||||||
--bg: #000000;
|
--bg: #140700;
|
||||||
--bg-soft: #090909;
|
--bg-soft: #051225;
|
||||||
--panel: #111111;
|
--panel: rgba(14, 16, 21, 0.82);
|
||||||
--panel-alt: #171717;
|
--panel-alt: rgba(19, 22, 29, 0.76);
|
||||||
--panel-border: rgba(255, 255, 255, 0.1);
|
--panel-border: rgba(255, 255, 255, 0.12);
|
||||||
--panel-border-strong: rgba(255, 255, 255, 0.16);
|
--panel-border-strong: rgba(255, 255, 255, 0.18);
|
||||||
--text: #f5f7fb;
|
--text: #f5f7fb;
|
||||||
--muted: #a7adbb;
|
--muted: #a7adbb;
|
||||||
--warm: #ff9d1e;
|
--warm: #ff9d1e;
|
||||||
@@ -34,7 +34,9 @@ body {
|
|||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
font-family: "Segoe UI", "Trebuchet MS", sans-serif;
|
font-family: "Segoe UI", "Trebuchet MS", sans-serif;
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
background: #000;
|
background:
|
||||||
|
linear-gradient(120deg, #ff7f00 0%, #ff9d1e 24%, #261205 46%, #0b2347 72%, #1167ff 100%);
|
||||||
|
background-attachment: fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
body::before {
|
body::before {
|
||||||
@@ -42,7 +44,10 @@ body::before {
|
|||||||
position: fixed;
|
position: fixed;
|
||||||
inset: 0;
|
inset: 0;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
background: none;
|
background:
|
||||||
|
radial-gradient(circle at 14% 18%, rgba(255, 157, 30, 0.3), transparent 34%),
|
||||||
|
radial-gradient(circle at 85% 14%, rgba(52, 141, 255, 0.26), transparent 32%),
|
||||||
|
radial-gradient(circle at 50% 100%, rgba(5, 18, 37, 0.35), transparent 38%);
|
||||||
}
|
}
|
||||||
|
|
||||||
body::after {
|
body::after {
|
||||||
@@ -50,7 +55,7 @@ body::after {
|
|||||||
position: fixed;
|
position: fixed;
|
||||||
inset: 0;
|
inset: 0;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
background: none;
|
background: linear-gradient(180deg, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.18));
|
||||||
}
|
}
|
||||||
|
|
||||||
.ambient {
|
.ambient {
|
||||||
|
|||||||
Reference in New Issue
Block a user