Имя: Пароль:
IT
Веб-мастеринг
Объявляется тендер на тёмную тему для форума
0 Волшебник
 
05.09.25
20:27
С Вас личный CSS-скрипт. С меня, ну скажем 200 рублей. Причём тема вперёд!
1 Волшебник
 
05.09.25
21:21
Тема не должна ломать вёрстку, а только менять цвета.
2 Asmody
 
05.09.25
22:47
body {
mix-blend-mode: difference;
background-color: #131313 !important;
filter: invert(1);
}



3 Злопчинский
 
05.09.25
23:54
Главная
4 Злопчинский
 
05.09.25
23:55
Ветка
5 Злопчинский
 
05.09.25
23:58
Просто включил темную тему в Опера.
В целом мне норм.
Только шататные кнопки плохо подсвечены получились, а добавленная через CSS кнопка - норм
6 Добряк Петрович
 
06.09.25
05:15
(2) Неплохо. У меня тема тоже в три строчки, только цвета не искаженные, и картинки без изменений.




Ну и шрифт сделал нормального размера, заодно.
7 TTimur
 
07.09.25
12:39
(2) Почему-то так получилось. Яндекс браузер. Я что-то не так сделал?
8 TTimur
 
07.09.25
12:49
(2) убрал строку mix-blend-mode: difference; - фон таблицы стал черным, только фон самой страницы остался желтым
9 Злопчинский
 
07.09.25
13:04
(7) Какой призовой фонд - так и получается ;-)
10 Pprog151713
 
08.09.25
13:15
<style>
        body {
            background-color: #1a1a1a;
            color: #e0e0e0;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            margin: 0;
            padding: 20px;
        }
        
        .container {
            max-width: 1000px;
            margin: 0 auto;
        }
        
        h1 {
            color: #ffffff;
            border-bottom: 1px solid #444;
            padding-bottom: 10px;
            margin-top: 0;
        }
        
        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
            background-color: #2d2d2d;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
        }
        
        th, td {
            padding: 12px 15px;
            text-align: left;
            border-bottom: 1px solid #3d3d3d;
        }
        
        th {
            background-color: #333;
            color: #f0f0f0;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 0.85em;
            letter-spacing: 0.5px;
        }
        
        tr:last-child td {
            border-bottom: none;
        }
        
        tr:hover {
            background-color: #383838;
        }
        
        .count {
            color: #8fa2ff;
            font-weight: bold;
            text-align: center;
        }
        
        .topic {
            color: #ffffff;
        }
        
        .category {
            background-color: #3a506b;
            color: #e0e0e0;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 0.85em;
        }
        
        .author {
            color: #6fc2d6;
        }
        
        .time {
            color: #a0a0a0;
            font-size: 0.9em;
        }
        
        .tag-1c {
            background-color: #2b5b35;
        }
        
        .tag-it {
            background-color: #3d3d7a;
        }
        
        .tag-life {
            background-color: #5b3d2b;
        }
    </style>
11 Pprog151713
 
08.09.25
13:16
Вот так. В подарок. )
12 dmt
 
08.09.25
13:19
(11) 🔥
13 Dmitrii
 
гуру
08.09.25
13:31
(7)(8) Аналогичная проблема. Браузер Google Chrome.
Похожая проблема при применении скрипта из (10).

Есть подозрение, что засада в каких-то старых персональных настройках, сохранившихся с тех времён, когда можно было настраивать цвет темы (желтая/серая) и фона. Сейчас этих настроек не видно, но возможно, они где-то до сих пор отрабатывают поверх скриптов или одновременно с ними...
Я в этом не силён.
14 Dmitrii
 
гуру
08.09.25
13:34
пока убрал все предложенные варианты css скриптов.
15 formista2000
 
08.09.25
13:41
Это зачем? Электричество экономить? О.о
16 Волшебник
 
08.09.25
13:42
(15) снизить нагрузку на глаза
17 nabd
 
08.09.25
13:46
(11) Firefox
18 uno-group
 
08.09.25
13:46
Так нагрузка на глаза от темной темы снижается только при чтении в темноте и плохом освещении. При свете от светлой темы нагрузка меньше. Может проще свет включить, а не читать форум в темноте под одеялом.
19 Dedal
 
08.09.25
13:54
(10) аналогично (17)  подкрашивается только частями или при наведении. Браузер Chrome 139.0.7258.155
20 Добряк Петрович
 
08.09.25
16:19
(15) почти угадал. Это для того, чтобы лишний раз не нагревать квартиру у кого OLED мониторы или телевизор, особенно летом хорошо. Зимой можно наоборот светлую тему включить.
21 Добряк Петрович
 
08.09.25
16:23
(18) нет, нагрузка от темной темы в темноте на глаза не меньше, а наоборот больше. Если нужно читать в темноте, лучше включить светлую тему, и слегка убавить яркость экрана до комфортного уровня. Но лучше в темноте не читать, конечно.
22 formista2000
 
08.09.25
17:15
Предлагаю заказать сей дизайн у Артемия Лебедева.
Ну или нейронку спросить как бы он это сделал.
23 Dmitrii
 
гуру
08.09.25
17:34
(22) >> заказать сей дизайн у Артемия Лебедева.

(0) >> ну скажем 200 рублей.

🤔 Думаешь согласится?...
24 Asmody
 
08.09.25
23:25
(22) думаю, Волшебник не согласится волосы красить в синий