[{{mminutes}}:{{sseconds}}] X
Пользователь приглашает вас присоединиться к открытой игре игре с друзьями .

Форум «Программное обеспечение» / Темная Клавотема

ТемныйЧеловек Сообщение #1 8 февраля 2019 в 22:12
Маньяк
15
Темная тема для клавогонок для тех кто бережет свои глаза днем и особенно в ночное время суток.
Тема не просто перекрашивает страницы в темные цвета но и избавляет их от ненужных элементов.
Изменяется позиционирование элементов и где то их размеры.
Заменяется множество иконок на плоские с прозрачным фоном.
Логотип сайта в двух вариантах для различной ширины окна вьюпорта браузера (обычный и компактный).
Была проделана титаническая работа по избавлению от белого фона машинок чтобы основной темный фон пробивался за пределами контура основного силуэта машинок.
С этой темой смайлики в чате остаются с белой обводкой по краям но от нее так же можно избавиться установив отдельный стиль который можно найти в моем БИО.
Там же можно найти всякое иное что придется вдруг по вкусу.

Немного скриншотов широкого экрана и экрана с ограниченными размерами по ширине
скрытый текст…


Собственно сама тема https://userstyles.org/styles/164996/klavogonki-dark

Чтобы ее установить в браузере должно быть установлено расширение Stylish которое можно скачать в браузерных магазинах расширений. Гугл в помощь.

Хорошая работоспособность обеспечена в браузере Firefox и Google Chrome

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

:root {
--black: #000000; /* чернющий */
--deepgray: #1a1818; /* темный цвет за основу пример юзерпанели */
--darkgray: #282B2F; /* основной цвет фона сайта (не советую менять иначе выявится фон машинок) */
--white: #CCCCCC; /* основной цвет текста */
--blue: #AAAAAA; /* (синий #8EC5FF) */
--lightblue: rgb(197, 197, 197); /* цвет при наведении на ссылку */
--red: #ffbcc5; /* акцентный красный (пример подсветки в чате когда к вам обращаются по нику) */
--middlegray: #656565 /* приглушенный цвет текста (за основу набранный текст на странице заезда) */;
--orange: #AA7; /* (оранжевый #d60) */
}


P.S. /* комментарий который вы можете поменять на свой */

Заменить нужно hex значение цвета
Например

--black: #000000; /* чернющий */


на это

--black: #1B1B1B; /* не такой чернющий как был */


Менять нужно только hex значение цвета но ни в коем случае не стоит менять к примеру это --black:

В стайлише это выглядит так

скрытый текст…


Для легкого подбора цветов можно воспользоваться браузерной панелью разработчика в разделе инспектирования элементов страницы (доступ к которой предоставляется по нажатию клавиши F12) и в колонке редактирования стилей где показано курсором мыши на GIF картинке можно визуально через всплывающую палитру после левого клика мышью подобрать нужный цвет и так с каждым цветом. После переназначения цвета(ов) нужно скопировать hex значение и заменить на старое(ые) значение(я).
Последний раз отредактировано 9 февраля 2019 в 15:43 пользователем ТемныйЧеловек
Stepashka20 Сообщение #2 8 февраля 2019 в 22:22
Таксист
1
Так а как её получить?
UPD: Нашёл...
Последний раз отредактировано 8 февраля 2019 в 22:23 пользователем Stepashka20
gevis Сообщение #3 8 февраля 2019 в 22:53
Таксист
7
ЯркаяЛичность писал(а):
Темная тема для клавогонок для тех кто бережет свои глаза днем и особенно в ночное время суток.
скрытый текст…


Хорошая работоспособность обеспечена в браузере Firefox и Google Chrome


Круто! Я бы только ещё заменил синий шрифт на бежевый, или же какого-то другого более тёплого оттенка (но не слишком яркий), поскольку именно синий свет вреден для глаз и сбивает биоритмы во время вечерних “посиделок” за компьютером. С ярко оранжевым тоже бы что-то сделал, чтобы он так сильно не контрастировал со своим окружением. Светлый текст тоже можно ещё слегка сместить в сторону бежевого, для меньшего контраста и меньшего попадания синего света в глаза.
Последний раз отредактировано 8 февраля 2019 в 22:54 пользователем gevis
ТемныйЧеловек Сообщение #4 8 февраля 2019 в 23:14
Маньяк
15
Изменен внешний вид индикатора уровней

скрытый текст…
Последний раз отредактировано 9 февраля 2019 в 18:26 пользователем ТемныйЧеловек
Neurofunk Сообщение #5 9 февраля 2019 в 14:19
Профи
1
Вау! Спасибо!
ишь Сообщение #6 9 февраля 2019 в 15:18
Кибергонщик
74
ужасные новые цвета, ощущение как будто провод vga-шный отошёл от монитора и всё стало тёмно-желтым. Верни синий и оранжевый!
ТемныйЧеловек Сообщение #7 9 февраля 2019 в 15:35
Маньяк
15
По просьбе ишь вернул синий и оранжевый а так же иконки к прежнему состоянию.
В силе способ изменения цветов отдельным стилем изложенный [8 февраля 2019 в 22:12].
Последний раз отредактировано 9 февраля 2019 в 15:39 пользователем ТемныйЧеловек
JustSo Сообщение #8 9 февраля 2019 в 19:19
Кибергонщик
36
честно сказать, это ужасно). Глаза с такой темой не отдыхают, хотя по большей части задача темных тем это снижения нагрузки на глаза. Мне кажется и сделать сильно лучше - это нужно конкретно озадачиться. Слишком много элементов в UI, требующих стилистической переделки + переделка картинок, уж слишком они на темном фоне врезаются в глаза. Я бы лучше предложил запилить нормальный soft-grey.
ТемныйЧеловек Сообщение #9 9 февраля 2019 в 19:52
Маньяк
15
Чтобы создать нормальную тему для клавогонок нужна хорошая основа для этого а именно современная верстка
Так как тут большая часть контента держится на табличных данных ими становится очень трудно манипулировать и для каждой ячейки задавать необходимые стилевые правила
Так же много чего позиционируется на страницах костыльным старым методом типа float: left или float: right
Мне же придется опять же каждому элементу отключать флоты установленным значением unset и в качестве display: flex и где нужно grid и это опять же очень много строк кода помимо обычного перекрашивания методами типа background, background-color, color, filter и т.д.
Мой стиль и так уже на грани предела по количеству возможных набираемых символов внутрь css документа

Вывод.

На сайте нужны общие селекторы цвета и переход на переменные чтобы можно было легко менять не прибегая к выводу в свой стиль огромного количества селекторов.
Табличную верстку снести наповал и переходить на дивную верстку с применением тэгов html5
Обеспечить позиционирование на современных методах которые могут предоставить display: grid и display: flex (это будет огромным плюсом потому как еще легче будет создавать планшетную версию и даже смартфонную что снизит количество набираемого кода для stylish)
Игрок3 Сообщение #10 10 февраля 2019 в 11:07
Супермен
30
http://klavogonki.reformal.ru/proj/?mod=one&ia=1116874 - похоже, это и есть реализация того самого ночного режима, который был упомянут в "Хотелках".
ТемныйЧеловек Сообщение #11 10 февраля 2019 в 14:08
Маньяк
15
Игрок3, так точно.
Эту тему можно точно так же кнопкой отключать и включать как описано кем то в комментариях на реформале в ветви о темной темы.
Конечно же лучше чтобы темная тема была реализована на уровне кода сайта чтобы в любой момент была доступна для всех даже для тех личностей которые вовсе не разбираются в стайлишах а возможно и вовсе не знают о такой возможности видоизменения сайта путем применения подобных расширений для браузера.
Кому то судя по статистике одного комментария не по вкусу темная тема а хочется вариант в сереньких оттенках.
Если делать реализацию на уровне сайта то мое предложение менять тему сайта от черной до белой а именно (черная | темная | светлее темной | серая | светлосерая | почти белая | белоснежная как точка кипения солнечного тела чтобы глаза слезились.
ТемныйЧеловек Сообщение #12 14 февраля 2019 в 22:25
Маньяк
15
Перерисованы и обновлены иконки оформления текста на новые перфектпиксельные пиксельные
Даже если вы используете клавотулзный скрипт bb tools иконки также будут заменены и в добавок кнопка смайлика и вставки youtube ссылки
скрытый текст…

Перерисовано лого основное и компактное
скрытый текст…


Цвета синий / светлосиний / оранжевый / белый / светлосерый слегка потухли и теперь на глаза меньше сказывается
Немного модификаций с основным меню и меню создания заездов
Последний раз отредактировано 15 февраля 2019 в 22:19 пользователем ТемныйЧеловек
ТемныйЧеловек Сообщение #13 16 февраля 2019 в 02:07
Маньяк
15
Перерисованы иконки типов заезда
Было мутно
скрытый текст…

Стало четко
скрытый текст…
Последний раз отредактировано 19 февраля 2019 в 23:00 пользователем ТемныйЧеловек
dudarari Сообщение #14 19 февраля 2019 в 19:45
Таксист
13
На клавогонках около полутора месяца, из них недели 3 с темной клавотемой. Т.к. в основном сижу ночью, без этой темки, глаза слезились и уставали, на следующий день с утра было ощущение как будто песка насыпали в глаза. С тех пор как поставила темную темку, забыла что такое уставшие глаза. Думаю, каждому кто любит посидеть ночью за ярким экраном надо попробовать эту темку, и сделать выводы самим. Для сравнения сделала скриншоты с разных ресурсов с темными темами, это к посту выше, кто пишет что тема слишком темная. Цвета идентичные, кроме ютуба. Но с ютуба никто и не читает=)

клавогонки
скрытый текст…

гугл хром
скрытый текст…

телеграм
скрытый текст…

gmail
скрытый текст…

youtube
скрытый текст…


Ну и собственно, тема отключается одним кликом мыши.
скрытый текст…
Последний раз отредактировано 19 февраля 2019 в 19:59 пользователем dudarari

Чтобы писать в форуме, нужно зарегистрироваться.


Связаться
Выделить
Выделите фрагменты страницы, относящиеся к вашему сообщению
Скрыть сведения
Скрыть всю личную информацию
Отмена