Светлая тема для ЛОРа в стиле классических форумов

serg002, athost, я тут сделал красивые кнопки редактора сообщений. Не знаю, включать их в пак или нет, они вроде компактнее. Какие лучше, эти или дефотные - где просто названия тегов?

https://0x0.st/XcJL.png

https://0x0.st/XcJl.png

https://images.linuxforum.ru/images/2024/03/23/IZOBRAZENIE1471e033edbdb898.png

Страшненько. Но уверен, найдётся много извращенцев любителей подобного. Вкусы разные у людей.

А мне понравилось.

А что самое страшное?

Меня вот бесят скругления и плоскота, но главным образом - отсутствие границ и разницы фонов между блоками.

А что самое страшное?

На первом скриншоте кнопки-карамельки вверху. На мой взгляд, такие и в 2003 смотрелись как вопиющая безвкусица, но тогда их делали «потому что могут», но теперь в 2024, когда этим никого не удивишь, прям совсем тошнит от таких.

Ещё не понравились кнопки с бело-зелёным градиентом вместо аккуратененьких ссылочек на последнем скриншоте, а также слишком яркий зелёный в фоне заголовков, а также то, что теги никак цветом не выделяются, хотя являются ссылками, а не простым текстом. Но больше, конечно, именно кнопки-карамельки.

Прикольно, что называется. Концептуально.

Гребаный стыд, ты еще ниже упал в моих глазах

Понятно почему у чела на твоей аватарке такие глаза. У меня теперь такие же. И закурить от безысходности тоже захотелось.

Как там? В начале двухтысячных? А какая у тебя тема ОС?

кнопки-карамельки

Они реально так называются?

А мне нравятся глянцевые кнопки и иконки.

Ну так на классических движках (phpbb и подобных) ссылки типа «ответить» и «профиль» сделаны блоками в виде кнопок.

Теги выделены светло серым фоном, а по наведению мышки - голубым. Но да, они выглядят почти так же как текст, потому что это не что-то важное что должно быть хорошо заметно.

Дизайн ужасен. Проще взять какой-нибудь бустрап и сделать на его стилях.

Но, мне больше всего нравится тёмный дизайн ЛОРа. Он как бы в «тёмно-пастельных» тонах. Цвета фона и текста хорошо подобраны, глаза не устают и не режет. Очень удачно получилось, имхо.

Проще взять какой-нибудь бустрап и сделать на его стилях.

Тогда будет новомодно.

Боже мой, такое говно, что даже на ностальгию пробило.

Я тебе счёт пришлю от окулиста.

Они реально так называются?

Нет, просто на мой взгляд очень похоже.

Ну так на классических движках (phpbb и подобных) ссылки типа «ответить» и «профиль» сделаны блоками в виде кнопок.

Да. Но они там не с бело-зелёным градиентом обычно. Ну и ЛОР нашёл более аккуратный и симпатичный вариант, имхо.

Теги выделены светло серым фоном

Что-то я не вижу этого. Я про этот скриншот, если что, не про список тем: https://0x0.st/XcJe.png

Но да, они выглядят почти так же как текст, потому что это не что-то важное что должно быть хорошо заметно.

Отличаться от текста != быть хорошо заметным. Можно сделать их, например, более серыми, так они ещё менее заметные и отличаются. Или сделать их шрифт меньше — аналогично, ещё менее заметны, но не перепутаешь с текстом. Или и то и другое (я бы, наверное так сделал). В крайнем случае, по правому краю их выровнять. Хоть что-то, что отделяет их от текста, помимо , которую и юзер может поставить.

Как сейчас, их хочется читать так, будто это тупо часть сообщения, а это неправильно.

Зеленый слишком яркий.

Меня бесят скругления и плоскота

И именно поэтому ты сделал максимально отвратительные круглые кнопки?

https://0x0.st/XcJu.png

Угадал автора по названию. То он вредоносные жсы пишет к лору, то оформление портит.

Да. Но они там не с бело-зелёным градиентом обычно.

Ну тут я подражал 4PDA, там они с бело-голубым градиентом. Но да, не совсем тот стиль получился. Они у меня какие-то слишком черные. Возможно, лучше заменить селектор на такой

.msg .reply li a {
	display: inline-block;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1px solid #469546;
	border-radius: 3px;
	text-decoration: none;
	color: #1c771c !important;
	background: linear-gradient(to bottom, #F0FFF7 0%, #95E4B2 100%);
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 12px;
	box-shadow: #469546 0 2px 3px -2px;
}

А вот это другое :)

Мода на всё блестящее и объемное была ближе к концу нулевых. В начале сайты выглядели так. Тем временем оригинал из конца 90-ых.

Мне кнопки напомнили кнопки из Mac OS X Jaguar, а она была уже в 2002. Ещё Talisman Desktop для Windows XP напоминает. Но в целом - да, только с выходом висты вошло в обиход и сайты начали подтягиваться к концу 10ых.

В целом вальс неплох, но считаю требует доработки, сделал под себя https://userstyles.world/style/16861/linux-org-ru-waltz-remix-freewebber

Может кому-нибудь пригодится - добавил ещё свои тёмные для opennet https://userstyles.world/style/16859/opennet-ru-solarized-dark-freewebber

И phpPgAdmin https://userstyles.world/style/16860/phppgadmin-dark-solar-freewebber

Ну Apple одними из первых стали продвигать скевоморфизм. CSS, который я использовал для кнопок, скорее всего и был подражанием старой макоси, я только не знал, что она так давно вышла.

Ещё Talisman Desktop для Windows XP напоминает.

Это что, альтернативная DE для винды?

В целом вальс неплох

Он же тупо белый. Глаза теряются. Он похож на встроенную RSSку в старой опере или лисе, не помню.

альтернативная DE для винды?

Типа того, пишут оболочка

Он же тупо белый

А какая ещё должна быть светлая тема? Я бы сказал контрастный, блёклый, зато нейтральный, большему числу подойдёт. Но в целом - habr и dtf почти такие же, я ими вдохновлялся когда делал под себя.

Я вальсом не пользовался, ибо слепит, а вот танго заходит вообще безовсяких изменений. Но раз уж сделал вальс под себя, то решил и танго прокачать https://userstyles.world/style/16894/linux-org-ru-tango-remix

С одной стороны, красиво. С другой, как автор юзерскрипта на ~1500 строк (позволял заблурирвать/разблуривать сообщения отдельных пользователей, даннные хранились в localstorage с возможностью экспорта/импорта, копию несколько лет назад скидывал m0rdod), считаю это всё ненужным усложнением. )

для лора

а чего только для лора? надо универсальную под все сайты пилить.

Помойму на мобильном ФФ работает не совсем корректно.

Лучше бы тему с понями вернул!

А какая ещё должна быть светлая тема?

Какая угодно. А что тёмная тема должна быть тупо черная?
Я хотел, чтобы цвета какие-то были. Мне зеленый нравится. Я хотел цветастые объемные иконки. 
Ну и я просто подумал, почему мне некомфортно на ЛОРе с дефолтной темой, и я стал смотреть, чем он отличается от других форумов. И тут понял - на них на всех блоки прямоугольные и разделены либо границами либо цветом. И еще я понял, что мне нравится, когда что-то на одной прямой расположено, как например меню и шапка.

dtf

Ну да, он тоже похож на что-то стоковое. Как будто это не сайт, а страничка в соцсети. DTF новомоднее чем ЛОР, но и там и там стерильный дизайн, мне такое не нравится.

Так на всех сайтах она и так похожая.

Seifulla, ну оно desktop-first все таки. Тут очень много что меняется от наведения мышки. Но верстка ехать не должна. А какие баги и сколько пикселей стороны экрана?

Vilicus, я сейчас пишу анимешно-эмскую тему под рабочим названием «2007» со статическим растровым фоном. Там если фон поменять, из нее легко получится почти то же, чем была тема с понями. Только там наверное от токсиков не то что реакции блочить, а модераторов просить комменты закрыть придется.

Вырвиглазные цвета, переливающиеся кнопки.

Если мышку на кнопку навести, она должна менять градиент. Меняет же?

Нет, там тень появляется, и только на глянцевых кнопках. По наведению заголовки топиков подсвечиваются белым, на никах рамка появляется и создается такой псевдо-стеклянный эффект, еще многие ссылки меняют свой цвет. Я хотел сделать скевоморфизм.

https://ibb.co/dLNtcFL https://ibb.co/6sNWjnR https://ibb.co/2Wtz38S https://ibb.co/wwWJZmS

Мобильный ФФ, экран 2880х1800 309 dpi. Пока тему не откроешь шрифт блеклый.

В настройках выбрана тема waltz? Галка «Старый вид трекера и форума» стоит?

Ну и я обновил CSS в шапке.

Все работает ок.

в стиле классических форумов

Это у каких классических форумов такие цвета были?

Мне зеленый нравится

Как видишь по ответам в этой теме - большинству не нравится. Я писал что вальс нейтральная, поэтому подойдёт большинству. Либо нужно делать 100500 тем для всех и каждого.

Большую часть можно переделать через usercss поэтому пусть каждый делает как хочет себе. Может даже и userscript добавить, если очень уж нужно. Я для себя делаю для некоторых часто посещаемых сайтов, если они сильно не устраивают

стерильный дизайн

Вот стерильный как раз обычно и подходит большинству, без крайностей.

А вообще - не видел годных дизайнов сайтов с зелёным цветом. Считаю что он не подходит для сайтов

Даже с оранжевым лучше как по мне

https://www.youtube.com/watch?v=aJXkJuSlwUQ

https://0x0.st/XcJL.png

Кошмар какой, пологаю что дело в кнопках с изображениям (php, jaba js и пр), лони делают все остальные кнопки шире и если смотреть на текст то он не отцентрован на всех кнопках.

Скриншоты

Для 1 апреля было бы норм

Как видишь по ответам в этой теме - большинству не нравится.

Так им не цвет не понравился. И вообще ругать кастомизации и лора и самого линупса - давняя лоровская традиция.

Я писал что вальс нейтральная, поэтому подойдёт большинству.

Опять непонимание. Я еще раз повторяю, waltz, как и tango, страшен не отсутствием цветов, а тем, что блоки друг от друга не отделены и глаз теряется. Везде цитата отделена пунктиром или сплошной рамкой и фоном светлее чем сообщение, тут она тупо курсив. Мне реально это мешало пользоваться. Вот форум, который тоже тупо белый (хотя и тот слегка с синевой), но там комфортно. Загадка от Жака Фреско - почему?

Либо нужно делать 100500 тем для всех и каждого.

Так в этом и смысл юзерстилей.

Вот стерильный как раз обычно и подходит большинству, без крайностей.

Т.е. идеальный css у библиотеки Максима Мошкова?

А вообще - не видел годных дизайнов сайтов с зелёным цветом. Считаю что он не подходит для сайтов

Почти все минтофорумы.

Есть такое. Я никак не могу сделать по центру и по вертикали и по горизонтали изображения. Текст как раз по центру. А изображения, они другого размера, из-за чего приходится уменьшая отступы подгонять размеры кнопок под них, и все равно они на пару пикселей выше. Ну и пиктограммки не на одной линии с надписями. Кстати, во втором варианте, на скриншоте ниже того, что в цитате, это вроде не так заметно, потому что индивидуальных границ у кнопок нет.

Кстати, во втором варианте, на скриншоте ниже того, что в цитате, это вроде не так заметно, потому что индивидуальных границ у кнопок нет.

Заметно - java выше, js ниже, когда элемент выбран (планета) то отсупы разные. Убрать изображения или нарисовать отдельные иконки под все кнопки в едином стиле.