VDMDI/CT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

implement auto reconnect

Browse Source
This commit is contained in:
marlon-erler
2026-04-01 08:29:39 +00:00
parent c52d7b7685
commit 9d400a9929
82 changed files with 8340 additions and 7641 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/base.css
+56 -56
View File
@@ -3,96 +3,96 @@
#home-page #chat-section,
#chat-page,
#chat-page #main > div {
animation: slide-up var(--animation-duration) ease;
animation: slide-up var(--animation-duration) ease;
}
/* Gradient */
#background-wrapper {
position: fixed;
position: fixed;
top: 0px;
left: var(--safe-area-left);
right: var(--safe-area-right);
bottom: 0px;
top: 0px;
left: var(--safe-area-left);
right: var(--safe-area-right);
bottom: 0px;
z-index: 1;
pointer-events: none;
z-index: 1;
pointer-events: none;
overflow: hidden;
overflow: hidden;
opacity: 0.3;
opacity: 0.3;
}
main {
z-index: 2;
z-index: 2;
}
#background-wrapper div {
content: "";
content: "";
position: absolute;
top: -80px;
left: -80px;
right: -80px;
bottom: -80px;
position: absolute;
top: -80px;
left: -80px;
right: -80px;
bottom: -80px;
z-index: -1;
pointer-events: none;
z-index: -1;
pointer-events: none;
filter: blur(40px);
filter: blur(40px);
}
#background-wrapper #sky {
left: -100%;
bottom: -50%;
left: -100%;
bottom: -50%;
--color-1: hsl(188, 100%, 83%);
--color-2: hsl(194, 72%, 56%);
background-image: radial-gradient(var(--color-1), var(--color-2));
--color-1: hsl(188, 100%, 83%);
--color-2: hsl(194, 72%, 56%);
background-image: radial-gradient(var(--color-1), var(--color-2));
}
#background-wrapper #grass-1 {
--color-1: hsl(150, 100%, 30%);
--color-2: hsl(150, 100%, 25%);
--color-1: hsl(150, 100%, 30%);
--color-2: hsl(150, 100%, 25%);
background-image: linear-gradient(
350deg,
var(--color-1),
var(--color-2) 30%,
transparent 40%
);
background-image: linear-gradient(
350deg,
var(--color-1),
var(--color-2) 30%,
transparent 40%
);
}
#background-wrapper #grass-2 {
--color-1: hsl(110, 100%, 40%);
--color-2: hsl(110, 100%, 35%);
--color-1: hsl(110, 100%, 40%);
--color-2: hsl(110, 100%, 35%);
background-image: linear-gradient(
9deg,
var(--color-1),
var(--color-2) 30%,
transparent 35%
);
background-image: linear-gradient(
9deg,
var(--color-1),
var(--color-2) 30%,
transparent 35%
);
}
@media (prefers-color-scheme: dark) {
#background-wrapper {
opacity: 0.2;
}
#background-wrapper {
opacity: 0.2;
}
#background-wrapper #sky {
--color-1: hsl(188, 100%, 30%);
--color-2: hsl(194, 72%, 24%);
}
#background-wrapper #sky {
--color-1: hsl(188, 100%, 30%);
--color-2: hsl(194, 72%, 24%);
}
#background-wrapper #grass-1 {
--color-1: hsl(120, 30%, 30%);
--color-2: hsl(120, 30%, 24%);
}
#background-wrapper #grass-1 {
--color-1: hsl(120, 30%, 30%);
--color-2: hsl(120, 30%, 24%);
}
#background-wrapper #grass-2 {
--color-1: hsl(110, 60%, 30%);
--color-2: hsl(110, 50%, 24%);
}
#background-wrapper #grass-2 {
--color-1: hsl(110, 60%, 30%);
--color-2: hsl(110, 50%, 24%);
}
}