5 years ago

Кто хочет себе такую тему?


Вот код:

element.style {

}

...

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

Loading...

Next up

hgykihjk

momr

subterfuge undertale

вип

glitchman

ne shuti poshlie shutki pri mne oke?

аркавпкавп

voidloh

общались бы вы со мной в длискорде