CSS Настраиваемый тёмный стиль для Blast Hack!

[штейн]

настраиваемый тёмный стиль для бласт хак)

Спойлер: как настраивать

1. открываете исходный код стиля (нажимаете на карандашик под ним я забыл нарисовать но неважно)

2. меняете цвета на нужные вам

всё)

недочёты кидайте в тему исправлю
из моего стиля вы можете сделать свой, потому что почти все элементы сайта можно покрасить (последний скрин был сделан за минуту из оригинала)
оригинальные цвета всегда есть в самом верху темы либо тут:

Спойлер: цвета

--color-white: #ffffff;
--color-dark-white: #f5f5f5;
--color-darkest-white: #dadada;
--color-style: #e6b980;
--color-style-glow: #e6b98085;
--color-style-hover: #e2c49d;
--background-main: #191919;
--block-main: #212121;
--block-main-darkest: #252525;
--main-hover: #313131;
--button-gradient-first: #e6b980;
--button-gradient-second: #eacda3;
--button-glow: #eacda366;
--seperator: #1d1d1d;
--header: #272727;

скрины
скачать
донат


​

сука только попробуйте теперь написать что белый слишком белый или красный вам не нравится поняли????????

 

[kizn]

:root {
    --color-white: #ffffff;
    --color-white-glow: #ffffff85;
    --color-dark-white: #f5f5f5;
    --color-darkest-white: #dadada;
    --color-very-dark-white: #a9a9a9;
    --color-style: #39916c;
    --color-style-glow: #3a845b85;
    --color-style-hover: #468565;
    --background-main: #191919;
    --block-main: #212121;
    --block-main-darkest: #252525;
    --main-hover: #313131;
    --button-gradient-first: #3c8659;
    --button-gradient-second: #53ac8f;
    --button-glow: #3ea37066;
    --seperator: #1d1d1d;
    --header: #272727;
}

 

[Zan1ks]

:root {
    --color-white: #ffffff;
    --color-white-glow: #ffffff85;
    --color-dark-white: #f5f5f5;
    --color-darkest-white: #dadada;
    --color-very-dark-white: #a9a9a9;
    --color-style: #f56cc7;
    --color-style-glow: #ffd1f0;
    --color-style-hover: #f56cc7;
    --background-main: #292929;
    --block-main: #212121;
    --block-main-darkest: #252525;
    --main-hover: #313131;
    --button-gradient-first: #f56cc7;
    --button-gradient-second: #f56cc7;
    --button-glow: #f56cc7;
    --seperator: #1d1d1d;
    --header: #272727;
}

Не знаю что я сделал,но вроде красиво

 

[штейн]

обновил
починил инпут, перекрасил таймер перехода на сторонний сайт, добавил цвет и подсветку титлам на главной странице, добавил прозрачность пнгшкам на аве и другие менее значительные изменения

спасибо @kizn за помощь в находке некоторых недоработок

бля это моё тысячное сообщение

 

[AnWu]

обновил
починил инпут, перекрасил таймер перехода на сторонний сайт, добавил цвет и подсветку титлам на главной странице, добавил прозрачность пнгшкам на аве и другие менее значительные изменения

спасибо @kizn за помощь в находке некоторых недоработок

бля это моё тысячное сообщение

фикс модерской панели?

 

[Zan1ks]

фикс модерской панели?

Это чтоб вы нас не банили

 

[штейн]

фикс модерской панели?

дайте модерку пофикшу))))
у меня же её нет

 

[AnWu]

дайте модерку пофикшу))))
у меня же её нет

ха, все с модеркой могут. А ты без сделай

 

[штейн]

ха, все с модеркой могут. А ты без сделай

@imring


пофиксил очень много мелочей, сделал зелёный цвет стандартным ибо выглядит пиздато кому не нравится сам поменяет

)

 

[kizn]

Цвета взяты с красного стиля приложения Opera Mobile

Спойлер: Тёмно-красная тема

:root {
--color-white: #ffffff;
--color-white-glow: #ffffff85;
--color-dark-white: #f5f5f5;
--color-darkest-white: #dadada;
--color-very-dark-white: #a9a9a9;
--color-style: #f2655c;
--color-style-glow: #f2655c85;
--color-style-hover: #e35e55;
--background-main: #252525;
--block-main: #282727;
--block-main-darkest: #252525;
--main-hover: #252525;
--button-gradient-first: #f2655c;
--button-gradient-second: #e56058;
--button-glow: #d0585166;
--seperator: #1d1d1d;
--header: #232323;
}

Спойлер: Скриншот

 

[штейн]

Цвета взяты с красного стиля приложения Opera Mobile

Спойлер: Тёмно-красная тема

:root {
--color-white: #ffffff;
--color-white-glow: #ffffff85;
--color-dark-white: #f5f5f5;
--color-darkest-white: #dadada;
--color-very-dark-white: #a9a9a9;
--color-style: #f2655c;
--color-style-glow: #f2655c85;
--color-style-hover: #e35e55;
--background-main: #252525;
--block-main: #282727;
--block-main-darkest: #252525;
--main-hover: #252525;
--button-gradient-first: #f2655c;
--button-gradient-second: #e56058;
--button-glow: #d0585166;
--seperator: #1d1d1d;
--header: #232323;
}

Спойлер: Скриншот

не понял нахуя ты осветлил бг и сделал чёрными сеператоры, так что вот моя (стандартная) версия:

Спойлер: код

:root {
    --color-white: #ffffff;
    --color-white-glow: #ffffff85;
    --color-dark-white: #f5f5f5;
    --color-darkest-white: #dadada;
    --color-very-dark-white: #a9a9a9;
    --color-style: #f2655c;
    --color-style-glow: #f2655c85;
    --color-style-hover: #e35e55;
    --background-main: #191919;
    --block-main: #212121;
    --block-main-darkest: #252525;
    --main-hover: #313131;
    --button-gradient-first: #f2655c;
    --button-gradient-second: #e56058;
    --button-glow: #d0585166;
    --seperator: #1d1d1d;
    --header: #272727;
}

пурпурный стиль

Спойлер: код

:root {
    --color-white: #ffffff;
    --color-white-glow: #ffffff85;
    --color-dark-white: #f5f5f5;
    --color-darkest-white: #dadada;
    --color-very-dark-white: #a9a9a9;
    --color-style: #7D7ABC;
    --color-style-glow: #7D7ABC85;
    --color-style-hover: #9592C8;
    --background-main: #191919;
    --block-main: #212121;
    --block-main-darkest: #252525;
    --main-hover: #313131;
    --button-gradient-first: #7D7ABC;
    --button-gradient-second: #9592C8;
    --button-glow: #7D7ABC66;
    --seperator: #1d1d1d;
    --header: #272727;
}

azure

Спойлер: код

:root {
    --color-white: #ffffff;
    --color-white-glow: #ffffff85;
    --color-dark-white: #f5f5f5;
    --color-darkest-white: #dadada;
    --color-very-dark-white: #a9a9a9;
    --color-style: #3F84E5;
    --color-style-glow: #3F84E585;
    --color-style-hover: #5D98E9;
    --background-main: #191919;
    --block-main: #212121;
    --block-main-darkest: #252525;
    --main-hover: #313131;
    --button-gradient-first: #5D98E9;
    --button-gradient-second: #3F84E5;
    --button-glow: #3F84E566;
    --seperator: #1d1d1d;
    --header: #272727;
}

 

[shinoa]

Уверен, что такое работает?

 color: lighter(#3b596c);

 

[inforser.]

чини давай стиль а то он поломался!!!

Спойлер

 

[штейн]

похуй мне

 

[YarmaK]

Сделайте тему цвета шелковистых нитевидных пестиков початков неспелой кукурузы