- 1
Измененный вариант светлой темы
-
Последние посетители 0 пользователей онлайн
- Ни одного зарегистрированного пользователя не просматривает данную страницу
На этом сайте используются файлы cookie. Нажимая "Я принимаю" или продолжая просмотр сайта, вы разрешаете их использование: Политика конфиденциальности.
Вопрос
bigpu
По-быстрому запилил свое видение светлой темы через расширение для Google Chrome - my-style и подставив в него измененные стили с кодом:
:root .light { --menu-background: #ebebeb; --menu-scrollbar: #9f9b9b; --menu-active-item: #cdcdcd; --menu-hover: #cdcdcd; --stroke: #bfbdbd; --box-shadow-1: 0 0 10px rgb(0 0 0 / 50%); } .menu-item__link>span { padding: 5px 16px 5px 32px !important; } .menu-item { height: 31px !important; }
Повторить сможет каждый желающий, сравнив с исходным вариантом у себя самого. Не уверен что весь код CSS корректен с точки зрения правильности (кучу лет уже не верстал), но визуально и графически все корректно отображается.
Что стало лучше, на мой взгляд:
- в главным меню теперь отображается больше элементов (без изменения размера шрифта) по сравнению с новым веб, но и немного меньше чем было у старого.
- главное меню теперь более контрастное, как и кнопки меню - активная кнопка и кнопка под курсором (как было в старом веб), темнее стал и сам ползунок скролла. Теперь боковое меню визуально лучше воспринимается отдельным блоком.
- более темная обводка границы карточки и усиленная тень от наведенного курсора, позволяет легче воспринимать глазом отдельные карточки. В движении похоже на material-дизайн))
Пример изменений:
Ждем реакции @eralde , а там, глядишь, хотя бы частично и в итоговый вариант что войдет)
Изменено пользователем bigpu6 ответов на этот вопрос
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.