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 {
|
||||
--bg: #000000;
|
||||
--bg-soft: #090909;
|
||||
--panel: #111111;
|
||||
--panel-alt: #171717;
|
||||
--panel-border: rgba(255, 255, 255, 0.1);
|
||||
--panel-border-strong: rgba(255, 255, 255, 0.16);
|
||||
--bg: #140700;
|
||||
--bg-soft: #051225;
|
||||
--panel: rgba(14, 16, 21, 0.82);
|
||||
--panel-alt: rgba(19, 22, 29, 0.76);
|
||||
--panel-border: rgba(255, 255, 255, 0.12);
|
||||
--panel-border-strong: rgba(255, 255, 255, 0.18);
|
||||
--text: #f5f7fb;
|
||||
--muted: #a7adbb;
|
||||
--warm: #ff9d1e;
|
||||
@@ -34,7 +34,9 @@ body {
|
||||
min-height: 100vh;
|
||||
font-family: "Segoe UI", "Trebuchet MS", sans-serif;
|
||||
color: var(--text);
|
||||
background: #000;
|
||||
background:
|
||||
linear-gradient(120deg, #ff7f00 0%, #ff9d1e 24%, #261205 46%, #0b2347 72%, #1167ff 100%);
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
body::before {
|
||||
@@ -42,7 +44,10 @@ body::before {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
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 {
|
||||
@@ -50,7 +55,7 @@ body::after {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
pointer-events: none;
|
||||
background: none;
|
||||
background: linear-gradient(180deg, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.18));
|
||||
}
|
||||
|
||||
.ambient {
|
||||
|
||||
Reference in New Issue
Block a user