Повторить сможет каждый желающий, сравнив с исходным вариантом у себя самого. Не уверен что весь код CSS корректен с точки зрения правильности (кучу лет уже не верстал), но визуально и графически все корректно отображается.
Что стало лучше, на мой взгляд:
- в главным меню теперь отображается больше элементов (без изменения размера шрифта) по сравнению с новым веб, но и немного меньше чем было у старого.
- главное меню теперь более контрастное, как и кнопки меню - активная кнопка и кнопка под курсором (как было в старом веб), темнее стал и сам ползунок скролла. Теперь боковое меню визуально лучше воспринимается отдельным блоком.
- более темная обводка границы карточки и усиленная тень от наведенного курсора, позволяет легче воспринимать глазом отдельные карточки. В движении похоже на material-дизайн))
Пример изменений:
Скрытый текст
Ждем реакции @eralde , а там, глядишь, хотя бы частично и в итоговый вариант что войдет)
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Question
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 , а там, глядишь, хотя бы частично и в итоговый вариант что войдет)
Edited by bigpuLink to comment
Share on other sites
6 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.