[{{mminutes}}:{{sseconds}}] X
Пользователь приглашает вас присоединиться к открытой игре игре с друзьями .
Ctrl предыдущая следующая Ctrl Страницы
1 2 3 4 5 6

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

Душа_Чата Сообщение #1 8 февраля 2019 в 22:12
Маньяк
2
Заставка
скрытый текст…


Тёмная тема для клавиатурных маньяков, кто бережёт свои глаза в течение дня, особенно в ночное время. Тема не только перекрашивает страницы в тёмные цвета, но и избавляет их от ненужных элементов, меняет позиционирование и размеры, добавляет современные визуальные новшества. Множество иконок заменено на плоские с прозрачным фоном. Логотип сайта также был реализован в другом шрифтовом представлении с анимацией при наведении. Была проделана титаническая работа по избавлению машинок от белого фона, чтобы темный фон пробивался за пределы контура основного силуэта машинок. Смайлики в чате теперь не имеют белого ореола, который имеется у дефолтного набора смайликов.

Скриншоты
скрытый текст…



Тема устанавливается импортом в расширение stylus, которое можно скачать по ссылкам ниже.
Для браузера Chrome
Для браузера Firefox

Ссылка на скачивание файла для установки через stylus скачать

Как установить
скрытый текст…


Ссылка на скачивание исходников тёмной темы скачать
Примечание. Исходники нужны не для установки через stylus.
Последний раз отредактировано 4 сентября 2023 в 18:35 пользователем Душа_Чата
Stepashka20 Сообщение #2 8 февраля 2019 в 22:22
Таксист
1
Так а как её получить?
UPD: Нашёл...
Последний раз отредактировано 8 февраля 2019 в 22:23 пользователем Stepashka20
gevis Сообщение #3 8 февраля 2019 в 22:53
Профи
20
ЯркаяЛичность писал(а):
Темная тема для клавогонок для тех кто бережет свои глаза днем и особенно в ночное время суток.
скрытый текст…


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


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

скрытый текст…
Последний раз отредактировано 9 февраля 2019 в 18:26 пользователем КРАСНОРЕЧИВЫЙ
Neurofunk Сообщение #5 9 февраля 2019 в 14:19
Профи
1
Вау! Спасибо!
Лень Сообщение #6 9 февраля 2019 в 15:18
Кибергонщик
80
ужасные новые цвета, ощущение как будто провод vga-шный отошёл от монитора и всё стало тёмно-желтым. Верни синий и оранжевый!
Душа_Чата Сообщение #7 9 февраля 2019 в 15:35
Маньяк
2
По просьбе ишь вернул синий и оранжевый а так же иконки к прежнему состоянию.
В силе способ изменения цветов отдельным стилем изложенный [8 февраля 2019 в 22:12].
Последний раз отредактировано 9 февраля 2019 в 15:39 пользователем КРАСНОРЕЧИВЫЙ
JustSo Сообщение #8 9 февраля 2019 в 19:19
Кибергонщик
49
честно сказать, это ужасно). Глаза с такой темой не отдыхают, хотя по большей части задача темных тем это снижения нагрузки на глаза. Мне кажется и сделать сильно лучше - это нужно конкретно озадачиться. Слишком много элементов в UI, требующих стилистической переделки + переделка картинок, уж слишком они на темном фоне врезаются в глаза. Я бы лучше предложил запилить нормальный soft-grey.
Душа_Чата Сообщение #9 9 февраля 2019 в 19:52
Маньяк
2
Чтобы создать нормальную тему для клавогонок нужна хорошая основа для этого а именно современная верстка
Так как тут большая часть контента держится на табличных данных ими становится очень трудно манипулировать и для каждой ячейки задавать необходимые стилевые правила
Так же много чего позиционируется на страницах костыльным старым методом типа 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
Организатор событий
31
http://klavogonki.reformal.ru/proj/?mod=one&ia=1116874 - похоже, это и есть реализация того самого ночного режима, который был упомянут в "Хотелках".
Душа_Чата Сообщение #11 10 февраля 2019 в 14:08
Маньяк
2
Игрок3, так точно.
Эту тему можно точно так же кнопкой отключать и включать как описано кем то в комментариях на реформале в ветви о темной темы.
Конечно же лучше чтобы темная тема была реализована на уровне кода сайта чтобы в любой момент была доступна для всех даже для тех личностей которые вовсе не разбираются в стайлишах а возможно и вовсе не знают о такой возможности видоизменения сайта путем применения подобных расширений для браузера.
Кому то судя по статистике одного комментария не по вкусу темная тема а хочется вариант в сереньких оттенках.
Если делать реализацию на уровне сайта то мое предложение менять тему сайта от черной до белой а именно (черная | темная | светлее темной | серая | светлосерая | почти белая | белоснежная как точка кипения солнечного тела чтобы глаза слезились.
Душа_Чата Сообщение #12 14 февраля 2019 в 22:25
Маньяк
2
Перерисованы и обновлены иконки оформления текста на новые перфектпиксельные пиксельные
Даже если вы используете клавотулзный скрипт bb tools иконки также будут заменены и в добавок кнопка смайлика и вставки youtube ссылки
скрытый текст…

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


Цвета синий / светлосиний / оранжевый / белый / светлосерый слегка потухли и теперь на глаза меньше сказывается
Немного модификаций с основным меню и меню создания заездов
Последний раз отредактировано 15 февраля 2019 в 22:19 пользователем КРАСНОРЕЧИВЫЙ
Душа_Чата Сообщение #13 16 февраля 2019 в 02:07
Маньяк
2
Перерисованы иконки типов заезда
Было мутно
скрытый текст…

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

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

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

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

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

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


Ну и собственно, тема отключается одним кликом мыши.
скрытый текст…
Последний раз отредактировано 19 февраля 2019 в 19:59 пользователем dudarari
Djon_Right Сообщение #15 21 марта 2019 в 14:49
Профи
8
баг вылазит с зависающим навязчивым приглашением друзей - нельзя щелкнуть быстрый старт Скрин: https://ibb.co/B6ntfJL
Qusto Сообщение #16 30 сентября 2019 в 14:36
Гонщик
13
Я не знаю, что случилось с автором и почему он удалил этот стиль, но я по своей глупости его снесла, а обратно поставить не смогла. В нем была невероятно удобная функция в виде словарей на главной странице сайта, нажав на которые, сразу попадаешь в одиночный заезд.
Скажите пожалуйста, неужели все потеряно? Может есть у кого либо CSS этого стиля? Или аналог какой-либо?
БРЕЗЕНТ Сообщение #17 30 сентября 2019 в 14:41
Кибергонщик
45
В КлавоТулсе есть функция последних запущенных заездов, хоть 20 штук по принципу, последние запущенные заезды самые первые.
Ссылка на КлавоТулс: http://klavogonki.ru/forum/software/12/page1/
А ещё можно ссылки на Одиночный заезд в браузере сделать;)
Последний раз отредактировано 30 сентября 2019 в 14:43 пользователем БРЕЗЕНТ
оООооООо Сообщение #18 3 октября 2019 в 23:23
Новичок
1
CSS
скрытый текст…
СоБеСеДниК Сообщение #19 7 октября 2019 в 12:11
Новичок
3
удалено пользователем
Последний раз отредактировано 26 октября 2019 в 11:21 пользователем СоБеСеДниК
163onme Сообщение #20 25 октября 2019 в 20:50
Новичок
17
Либо я тупой, либо темы и вовсе нету. Помогите найти, пожалуйста

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

Ctrl предыдущая следующая Ctrl Страницы
1 2 3 4 5 6

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