Вот код:
}
...
body {
--theme-bg-actual: var(--theme-bg);
--theme-bg-actual-trans: var(--theme-bg-trans);
background-color: #fff;
background-color: var(--theme-bg);
color: #292929;
color: var(--theme-fg);
font-family: Nunito,Helvetica Neue,Helvetica,Arial,sans-serif;
font-size: 15px;
line-height: 1.428571429;
}
...
*, body, button, html, input, select, textarea {
-webkit-font-smoothing: antialiased;
}
...
body {
margin: 0;
}
...
body {
--theme-bg-actual: var(--theme-darkest);
--theme-bg-actual-trans: var(--theme-darkest-trans);
background-color: #111!important;
background-color: var(--theme-darkest)!important;
}
...
*, :after, :before {
box-sizing: border-box;
}
...
body {
display: block;
margin: 8px;
}
...
:root {
--theme-highlight: #151515;
--theme-highlight-trans: var(--dark-theme-highlight-trans);
--theme-backlight: #ffdbe3;
--theme-backlight-trans: var(--dark-theme-backlight-trans);
--theme-notice: #6b849e;
--theme-notice-trans: var(--dark-theme-notice-trans);
--theme-bi-bg: #ff8d40;
--theme-bi-bg-trans: var(--dark-theme-bi-bg-trans);
--theme-bi-fg: #fb0000;
--theme-bi-fg-trans: var(--dark-theme-bi-fg-trans);
--theme-bg: #240896;
--theme-bg-trans: var(--dark-theme-bg-trans);
--theme-bg-offset: #a0f59f;
--theme-bg-offset-trans: var(--dark-theme-bg-offset-trans);
--theme-bg-backdrop: #ffa5d1;
--theme-bg-backdrop-trans: var(--dark-theme-bg-backdrop-trans);
--theme-bg-backdrop-xs: #e2a024;
--theme-bg-backdrop-xs-trans: var(--dark-theme-bg-backdrop-xs-trans);
--theme-bg-subtle: #72a776;
--theme-bg-subtle-trans: var(--dark-theme-bg-subtle-trans);
--theme-fg: var(--dark-theme-fg);
--theme-fg-trans: var(--dark-theme-fg-trans);
--theme-fg-muted: #ff0000;
--theme-fg-muted-trans: var(--dark-theme-fg-muted-trans);
--theme-link: #59bd0f;
--theme-link-trans: var(--dark-theme-link-trans);
--theme-link-hover: #881616;
--theme-link-hover-trans: var(--dark-theme-link-hover-trans);
}
...
:root {
--theme-white: #fff;
--theme-white-trans: rgba(255,255,255,0);
--theme-black: #b51616;
--theme-black-trans: rgba(0,0,0,0);
--theme-darkest: #111015;
--theme-darkest-trans: rgba(17,16,21,0);
--theme-darker: #acc749;
--theme-darker-trans: rgba(32,29,39,0);
--theme-dark: #4c4619;
--theme-dark-trans: rgba(41,39,49,0);
--theme-gray: #d0beff;
--theme-gray-trans: rgba(95, 47, 1, 0);
--theme-gray-subtle: #adf73f;
--theme-gray-subtle-trans: rgba(67,65,75,0);
--theme-light: #ffb6c1;
--theme-light-trans: rgba(123,120,131,0);
--theme-lighter: #b70e0e;
--theme-lighter-trans: rgba(203,200,210,0);
--theme-lightest: #5c5969;
--theme-lightest-trans: rgba(232,230,240,0);
--theme-highlight: #226901;
--theme-highlight-trans: rgba(163,255,120,0);
--theme-highlight-fg: #ffb3b3;
--theme-highlight-fg-trans: rgba(0,0,0,0);
--theme-backlight: #537c40;
--theme-backlight-trans: rgba(83,124,64,0);
--theme-notice: #8cb58a;
--theme-notice-trans: rgba(255,106,204,0);
--theme-notice-fg: #33ecd4;
--theme-notice-fg-trans: rgba(0,0,0,0);
--theme-bi-bg: #537c40;
--theme-bi-bg-trans: rgba(83,124,64,0);
--theme-bi-fg: #b1a6b3;
--theme-bi-fg-trans: rgba(224, 120, 255, 0);
--theme-bg: #735f79;
--theme-bg-trans: var(--theme-white-trans);
--theme-bg-offset: #5eff73;
--theme-bg-offset-trans: var(--theme-lightest-trans);
--theme-bg-backdrop: #f6f5fa;
--theme-bg-backdrop-trans: rgba(246,245,250,0);
--theme-bg-backdrop-xs: #f4f3f8;
--theme-bg-backdrop-xs-trans: rgba(244,243,248,0);
--theme-bg-subtle: var(--theme-lighter);
--theme-bg-subtle-trans: var(--theme-lighter-trans);
--theme-fg: #3d7ad6;
--theme-fg-trans: var(--theme-dark-trans);
--theme-fg-muted: var(--theme-light);
--theme-fg-muted-trans: var(--theme-light-trans);
--theme-link: #1626fb;
--theme-link-trans: var(--theme-backlight-trans);
--theme-link-hover: var(--theme-black);
--theme-link-hover-trans: var(--theme-black-trans);
--dark-theme-highlight: #a3ff78;
--dark-theme-highlight-trans: rgba(163,255,120,0);
--dark-theme-backlight: #537c40;
--dark-theme-backlight-trans: rgba(83,124,64,0);
--dark-theme-notice: #ff6acc;
--dark-theme-notice-trans: rgba(255,106,204,0);
--dark-theme-bi-bg: #a3ff78;
--dark-theme-bi-bg-trans: rgba(163,255,120,0);
--dark-theme-bi-fg: #000;
--dark-theme-bi-fg-trans: rgba(0,0,0,0);
--dark-theme-bg: var(--theme-dark);
--dark-theme-bg-trans: var(--theme-dark-trans);
--dark-theme-bg-offset: var(--theme-darker);
--dark-theme-bg-offset-trans: var(--theme-darker-trans);
--dark-theme-bg-backdrop: #25232d;
--dark-theme-bg-backdrop-trans: rgba(37,35,45,0);
--dark-theme-bg-backdrop-xs: #23202a;
--dark-theme-bg-backdrop-xs-trans: rgba(35,32,42,0);
--dark-theme-bg-subtle: var(--theme-gray-subtle);
--dark-theme-bg-subtle-trans: var(--theme-gray-subtle-trans);
--dark-theme-fg: var(--theme-lightest);
--dark-theme-fg-trans: var(--theme-lightest-trans);
--dark-theme-fg-muted: var(--theme-light);
--dark-theme-fg-muted-trans: var(--theme-light-trans);
--dark-theme-link: #a3ff78;
--dark-theme-link-trans: rgba(163,255,120,0);
--dark-theme-link-hover: var(--theme-white);
--dark-theme-link-hover-trans: var(--theme-white-trans);
}
...
html {
font-size: 62.5%;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
...
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
...
html {
--theme-bg-actual: var(--theme-bg);
--theme-bg-actual-trans: var(--theme-bg-trans);
background-color: #fff;
background-color: var(--theme-bg);
...
*, :after, :before {
box-sizing: border-box;
}
...
*, :after, :before {
box-sizing: border-box;
}
"..." это следующий элемент или как его там(я не силён в программировании сайтов)
6 comments