Merge pull request 'Font-color changed' (#27) from fix/default-font-color into develop

Reviewed-on: http://85.143.176.51:3000/free-land/front-end/pulls/27
This commit is contained in:
Denis Gorbunov 2022-07-27 15:18:44 +00:00
commit 8f9a1035e1

View File

@ -60,10 +60,9 @@
.theme-dark::before, .theme-dark::before,
.theme-dark::after { .theme-dark::after {
/* ------------------------------- Body color ------------------------------- */ /* ------------------------------- Body color ------------------------------- */
--color-body: rgba(15, 20, 34, 1);
--color-aside: #0a0e1a; --color-aside: #0a0e1a;
--color-footer: 10 10 10; --color-footer: 10 10 10;
--color-text: rgb(255 255 255); --color-text: rgb(38, 38, 38);
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
--color-serv: 25 29 43; --color-serv: 25 29 43;
--color-serv-50: 227 230 237; --color-serv-50: 227 230 237;
@ -102,24 +101,6 @@
--color-gray-900: 38 38 38; --color-gray-900: 38 38 38;
} }
.pl,
.pl__worm {
animation-duration: 3s;
animation-iteration-count: infinite;
}
.pl {
animation-name: bump;
animation-timing-function: linear;
width: 8em;
height: 8em;
}
.pl__worm {
animation-name: worm;
animation-timing-function: cubic-bezier(0.42, 0.17, 0.75, 0.83);
}
/* Dark theme */ /* Dark theme */
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
@ -127,71 +108,6 @@
--fg: hsl(var(--hue), 10%, 90%); --fg: hsl(var(--hue), 10%, 90%);
} }
} }
/* Animations */
@keyframes bump {
from,
42%,
46%,
51%,
55%,
59%,
63%,
67%,
71%,
74%,
78%,
81%,
85%,
88%,
92%,
to {
transform: translate(0, 0);
}
44% {
transform: translate(1.33%, 6.75%);
}
53% {
transform: translate(-16.67%, -0.54%);
}
61% {
transform: translate(3.66%, -2.46%);
}
69% {
transform: translate(-0.59%, 15.27%);
}
76% {
transform: translate(-1.92%, -4.68%);
}
83% {
transform: translate(9.38%, 0.96%);
}
90% {
transform: translate(-4.55%, 1.98%);
}
}
@keyframes worm {
from {
stroke-dashoffset: 10;
}
25% {
stroke-dashoffset: 295;
}
to {
stroke-dashoffset: 1165;
}
}
} }
@layer components { @layer components {