SQUARE
This commit is contained in:
parent
5ebdddac06
commit
c1780bf26f
3 changed files with 64 additions and 0 deletions
60
townsquare.css
Normal file
60
townsquare.css
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
#townsquare-root#townsquare-root {
|
||||
--scene: #99c1f1;
|
||||
--page: #63452c;
|
||||
--surface: #f9f06b;
|
||||
--ink: #241f31;
|
||||
--you: #1a5fb4;
|
||||
--tree-trunk: #865e3c;
|
||||
--tree-canopy: #26a269;
|
||||
--other: #26241f;
|
||||
--ground: rgba(42, 41, 38, 0.16);
|
||||
--scene-edge: color-mix(in oklab, var(--scene) 88%, var(--page) 12%);
|
||||
--you-deep: var(--you);
|
||||
--text: var(--ink);
|
||||
--muted: var(--ink);
|
||||
}
|
||||
#townsquare-root#townsquare-root[data-townsquare-theme="dark"] {
|
||||
--scene: #241f31;
|
||||
--page: #000000;
|
||||
--surface: #241f31;
|
||||
--ink: #c0bfbc;
|
||||
--you: #df8a43;
|
||||
--tree-trunk: #63452c;
|
||||
--tree-canopy: #26a269;
|
||||
--other: #ddd7cc;
|
||||
--ground: rgba(242, 238, 230, 0.18);
|
||||
--scene-edge: color-mix(in oklab, var(--scene) 88%, var(--page) 12%);
|
||||
--you-deep: var(--you);
|
||||
--text: var(--ink);
|
||||
--muted: var(--ink);
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
#townsquare-root#townsquare-root[data-townsquare-theme="auto"] {
|
||||
--scene: #241f31;
|
||||
--page: #000000;
|
||||
--surface: #241f31;
|
||||
--ink: #c0bfbc;
|
||||
--you: #df8a43;
|
||||
--tree-trunk: #63452c;
|
||||
--tree-canopy: #26a269;
|
||||
--other: #ddd7cc;
|
||||
--ground: rgba(242, 238, 230, 0.18);
|
||||
--scene-edge: color-mix(in oklab, var(--scene) 88%, var(--page) 12%);
|
||||
--you-deep: var(--you);
|
||||
--text: var(--ink);
|
||||
--muted: var(--ink);
|
||||
}
|
||||
}
|
||||
#townsquare-root#townsquare-root .townsquare__stage {
|
||||
background: linear-gradient(
|
||||
180deg,
|
||||
var(--scene) 0%,
|
||||
var(--scene) 72%,
|
||||
var(--scene-edge) 72%,
|
||||
var(--page) 72.4%,
|
||||
var(--page) 100%
|
||||
);
|
||||
}
|
||||
#townsquare-root#townsquare-root .townsquare__ground {
|
||||
background: var(--ground);
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue