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

ARMOR · 11 Июн 2022

Сделал ещё вот такой фиолетовый стиль.

Код: *Клик*
PS: Код нужно копировать полностью
Что-бы быстро скопировать код нажмите на кнопку "copy"

RedRoom · 11 Июн 2022

ARMOR написал(а):
Сделал ещё вот такой фиолетовый стиль.

Код: *Клик*
PS: Код нужно копировать полностью
Что-бы быстро скопировать код нажмите на кнопку "copy"

У меня какой-то бред. Когда включаю твою тему, текст серый, когда включаю тему с инета,текст белый, когда и то и то включаю, портится дизайн темы, но текст белый, шо это такое, винда на светлой теме, браузер на светлой теме

ARMOR · 11 Июн 2022

RedRoom написал(а):
У меня какой-то бред. Когда включаю твою тему, текст серый, когда включаю тему с инета,текст белый, когда и то и то включаю, портится дизайн темы, но текст белый, шо это такое, винда на светлой теме, браузер на светлой теме

Добавь в конец кода вот этот код:

CSS:

.block--messages.block .message, .js-quickReply.block .message, .block--messages .block-row, .js-quickReply .block-row {
    color: #FFFFFF;
    background: #313742;
    border-width: 0;
    border-style: solid;
    border-top-color: #505662;
    border-right-color: #505662;
    border-bottom-color: #505662;
    border-left-color: #505662;
    border-radius: 8px;
    border-radius: 0;
    border: none;
}

RedRoom · 11 Июн 2022

ARMOR написал(а):

Добавь в конец кода вот этот код:

CSS:

.block--messages.block .message, .js-quickReply.block .message, .block--messages .block-row, .js-quickReply .block-row {
    color: #FFFFFF;
    background: #313742;
    border-width: 0;
    border-style: solid;
    border-top-color: #505662;
    border-right-color: #505662;
    border-bottom-color: #505662;
    border-left-color: #505662;
    border-radius: 8px;
    border-radius: 0;
    border: none;
}

боже, гений, спасибо (заработало)

ARMOR · 11 Июн 2022

Чёт меня понесло делать эти темы...
Тема в малиновом цвете как в скриптах @chapo

Код: *Клик*

RedRoom · 11 Июн 2022

ARMOR написал(а):
Посмотреть вложение 152042
Чёт меня понесло делать эти темы...
Тема в малиновом цвете как в скриптах @chapo

Код: *Клик*

Тю, ля, сделай пэжэ кислотную какую-нибудь

ARMOR · 12 Июн 2022

Прикольная тема в стиле "Гравити Фолз"

В теме переделаны так же emoji под стилистику Мульти-сериала

Код: *Клик*

chapo · 12 Июн 2022

CSS:

@-moz-document url-prefix("https://www.blast.hk/")

{
    /*Любовь*/
    .reaction--2 .reaction-sprite {
        width: 32px;
        height: 32px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -32px;
        background-size: 100%;
    }
    .reaction--2 .reaction-sprite {
        width: 32px;
        height: 32px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -32px;
        background-size: 100%;
    }
    .reaction--small.reaction--2 .reaction-sprite {
        width: 16px;
        height: 16px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -16px;
        background-size: 100%;
    }

    /*Удивление*/
    .reaction--4 .reaction-sprite {
        width: 32px;
        height: 32px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -96px;
        background-size: 100%;
    }
    .reaction--4 .reaction-sprite {
        width: 32px;
        height: 32px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -96px;
        background-size: 100%;
    }
    .reaction--small.reaction--4 .reaction-sprite {
        width: 16px;
        height: 16px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -48px;
        background-size: 100%;
    }

    /*Смех*/
    .reaction--3 .reaction-sprite {
        width: 32px;
        height: 32px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -64px;
        background-size: 100%;
    }
    .reaction--3 .reaction-sprite {
        width: 32px;
        height: 32px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -64px;
        background-size: 100%;
    }
    .reaction--small.reaction--3 .reaction-sprite {
        width: 16px;
        height: 16px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -32px;
        background-size: 100%;
    }

    /*Грусть*/
    .reaction--5 .reaction-sprite {
        width: 32px;
        height: 32px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -128px;
        background-size: 100%;
    }
    .reaction--5 .reaction-sprite {
        width: 32px;
        height: 32px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -128px;
        background-size: 100%;
    }
    .reaction--small.reaction--5 .reaction-sprite {
        width: 16px;
        height: 16px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -64px;
        background-size: 100%;
    }

    /*Злость*/
    .reaction--6 .reaction-sprite {
        width: 32px;
        height: 32px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -160px;
        background-size: 100%;
    }
    .reaction--6 .reaction-sprite {
        width: 32px;
        height: 32px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -160px;
        background-size: 100%;
    }
    .reaction--small.reaction--6 .reaction-sprite {
        width: 16px;
        height: 16px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -80px;
        background-size: 100%;
    }

    /*Лайк*/
    .reaction--1 .reaction-sprite {
        width: 32px;
        height: 32px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px 0px;
        background-size: 100%;
    }
    .reaction--1 .reaction-sprite {
        width: 32px;
        height: 32px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px 0px;
        background-size: 100%;
    }
    .reaction--small.reaction--1 .reaction-sprite {
        width: 16px;
        height: 16px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px 0px;
        background-size: 100%;
    }
}

RedRoom · 12 Июн 2022

ARMOR написал(а):
Посмотреть вложение 152201
Прикольная тема в стиле "Гравити Фолз"

Посмотреть вложение 152220
В теме переделаны так же emoji под стилистику Мульти-сериала

Код: *Клик*

кислотную сделай

chereshnya · 13 Июн 2022

chapo написал(а):

Посмотреть вложение 152222

CSS:

@-moz-document url-prefix("https://www.blast.hk/")

{
    /*Любовь*/
    .reaction--2 .reaction-sprite {
        width: 32px;
        height: 32px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -32px;
        background-size: 100%;
    }
    .reaction--2 .reaction-sprite {
        width: 32px;
        height: 32px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -32px;
        background-size: 100%;
    }
    .reaction--small.reaction--2 .reaction-sprite {
        width: 16px;
        height: 16px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -16px;
        background-size: 100%;
    }

    /*Удивление*/
    .reaction--4 .reaction-sprite {
        width: 32px;
        height: 32px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -96px;
        background-size: 100%;
    }
    .reaction--4 .reaction-sprite {
        width: 32px;
        height: 32px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -96px;
        background-size: 100%;
    }
    .reaction--small.reaction--4 .reaction-sprite {
        width: 16px;
        height: 16px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -48px;
        background-size: 100%;
    }

    /*Смех*/
    .reaction--3 .reaction-sprite {
        width: 32px;
        height: 32px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -64px;
        background-size: 100%;
    }
    .reaction--3 .reaction-sprite {
        width: 32px;
        height: 32px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -64px;
        background-size: 100%;
    }
    .reaction--small.reaction--3 .reaction-sprite {
        width: 16px;
        height: 16px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -32px;
        background-size: 100%;
    }

    /*Грусть*/
    .reaction--5 .reaction-sprite {
        width: 32px;
        height: 32px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -128px;
        background-size: 100%;
    }
    .reaction--5 .reaction-sprite {
        width: 32px;
        height: 32px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -128px;
        background-size: 100%;
    }
    .reaction--small.reaction--5 .reaction-sprite {
        width: 16px;
        height: 16px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -64px;
        background-size: 100%;
    }

    /*Злость*/
    .reaction--6 .reaction-sprite {
        width: 32px;
        height: 32px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -160px;
        background-size: 100%;
    }
    .reaction--6 .reaction-sprite {
        width: 32px;
        height: 32px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -160px;
        background-size: 100%;
    }
    .reaction--small.reaction--6 .reaction-sprite {
        width: 16px;
        height: 16px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px -80px;
        background-size: 100%;
    }

    /*Лайк*/
    .reaction--1 .reaction-sprite {
        width: 32px;
        height: 32px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px 0px;
        background-size: 100%;
    }
    .reaction--1 .reaction-sprite {
        width: 32px;
        height: 32px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px 0px;
        background-size: 100%;
    }
    .reaction--small.reaction--1 .reaction-sprite {
        width: 16px;
        height: 16px;
        background: url(https://media.discordapp.net/attachments/835570543109472267/985637546245632020/betterreacts.png) no-repeat 0px 0px;
        background-size: 100%;
    }
}

чота не работает.
апд: заработало, там скобки ненужные были

ARMOR · 14 Июн 2022

Сделал 3 темы в стиле Windows 11

Темная.
Код: *Клик*

Светлая
Код: *Клик*

Вторая светлая
Код: *Клик*

Так же во всёх темах присутствуют Emoji из Windows 11

RedRoom · 14 Июн 2022

ARMOR написал(а):
Темная.

Как-то нечитабельно получилось

ARMOR · 14 Июн 2022

RedRoom написал(а):
Посмотреть вложение 152455
Как-то нечитабельно получилось

Точно темная?

RedRoom · 14 Июн 2022

ARMOR написал(а):
Посмотреть вложение 152456
Точно темная?

Та да, темнее некуда

ARMOR · 14 Июн 2022

RedRoom написал(а):
Посмотреть вложение 152458
Та да, темнее некуда

Странно, у меня всё нормально. У тебя точно темная тема в профиле включена?

Поиск

Поиск

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

ARMOR

Модератор по раксампу

RedRoom

Известный

Вложения

ARMOR

Модератор по раксампу

RedRoom

Известный

ARMOR

Модератор по раксампу

RedRoom

Известный

ARMOR

Модератор по раксампу

chapo

чопа сребдс // @moujeek

RedRoom

Известный

chereshnya

Известный

ARMOR

Модератор по раксампу

RedRoom

Известный

ARMOR

Модератор по раксампу

RedRoom

Известный

ARMOR

Модератор по раксампу

Похожие темы