По-быстрому запилил свое видение светлой темы через расширение для 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 , а там, глядишь, хотя бы частично и в итоговый вариант что войдет)