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

ARMOR

011110000111100101101001
Модератор
4,970
6,890
1654954395298.png

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

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

RedRoom

Известный
350
48
Сделал ещё вот такой фиолетовый стиль.

Код: *Клик*
PS: Код нужно копировать полностью
Что-бы быстро скопировать код нажмите на кнопку "copy"
У меня какой-то бред. Когда включаю твою тему, текст серый, когда включаю тему с инета,текст белый, когда и то и то включаю, портится дизайн темы, но текст белый, шо это такое, винда на светлой теме, браузер на светлой теме
 

Вложения

  • 1654954986647.png
    1654954986647.png
    268.4 KB · Просмотры: 17

ARMOR

011110000111100101101001
Модератор
4,970
6,890
У меня какой-то бред. Когда включаю твою тему, текст серый, когда включаю тему с инета,текст белый, когда и то и то включаю, портится дизайн темы, но текст белый, шо это такое, винда на светлой теме, браузер на светлой теме
Добавь в конец кода вот этот код:
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

Известный
350
48
Добавь в конец кода вот этот код:
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

011110000111100101101001
Модератор
4,970
6,890
1654957892950.png

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

Код: *Клик*
 
  • Влюблен
Реакции: YarikVL

ARMOR

011110000111100101101001
Модератор
4,970
6,890
1655057544563.png

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

1655063220790.png

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

Код: *Клик*
 
Последнее редактирование:
  • Ха-ха
  • Нравится
Реакции: YarikVL, scroll. и chapo

chapo

чопа сребдс // @moujeek
Модератор
8,934
11,700
1655064796625.png

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%;
    }
}
 

chereshnya

Известный
1,290
609
Посмотреть вложение 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

011110000111100101101001
Модератор
4,970
6,890
Сделал 3 темы в стиле Windows 11
dark.png
Темная.
Код: *Клик*
white.png
Светлая
Код: *Клик*

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

Так же во всёх темах присутствуют Emoji из Windows 11
smiles.png
 
  • Влюблен
Реакции: scroll.