gractwo/arche
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add dark mode

Browse Source
This commit is contained in:
Jakub Mańczak
2025-10-28 19:24:27 +01:00
parent 8415f9a114
commit 66cbf5dbba
6 changed files with 59 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
web/input.css
View File

@@ -9,61 +9,22 @@
--color-gractwo-blu-dark: #3e8f9b;
}
.bg-gractwo-index-light {
background-size: "100% 100%";
background-image:
radial-gradient(125% 125% at 50% 90%, #ffffff 40%, transparent 95%),
linear-gradient(to right, #ff637e 15%, #00d3f2 100%);
}
.dashed-top-fade-grid {
position: absolute;
inset: 0;
z-index: 0;
background-image:
linear-gradient(to right, #e7e5e4 1px, transparent 1px),
linear-gradient(to bottom, #e7e5e4 1px, transparent 1px);
background-size: 20px 20px;
background-position:
0 0,
0 0;
mask-image:
repeating-linear-gradient(
to right,
black 0px,
black 3px,
transparent 3px,
transparent 8px
),
repeating-linear-gradient(
to bottom,
black 0px,
black 3px,
transparent 3px,
transparent 8px
),
radial-gradient(ellipse 70% 60% at 50% 0%, #000 60%, transparent 100%);
-webkit-mask-image:
repeating-linear-gradient(
to right,
black 0px,
black 3px,
transparent 3px,
transparent 8px
),
repeating-linear-gradient(
to bottom,
black 0px,
black 3px,
transparent 3px,
transparent 8px
),
radial-gradient(ellipse 70% 60% at 50% 0%, #000 60%, transparent 100%);
mask-composite: intersect;
-webkit-mask-composite: source-in;
@layer components {
.bg-gractwo-index {
background-size: "100% 100%";
background-image:
radial-gradient(125% 125% at 50% 90%, #ffffff 40%, transparent 95%),
linear-gradient(to right, #ff637e 15%, #00d3f2 100%);
@variant dark {
background-image:
radial-gradient(
125% 125% at 50% 90%,
#1a1a1a 40%,
transparent 95%
),
linear-gradient(to right, #ad415377 15%, #3e8f9b77 85%);
}
}
}
.dashed-bottom-fade-grid {