Jump to content

Question

Posted (edited)

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

Пример изменений:

Скрытый текст

image.thumb.png.b1b3e91aa88fe8b464cf0c01fb32ccbf.png

Ждем реакции @eralde , а там, глядишь, хотя бы частично и в итоговый вариант что войдет)

Edited by bigpu
  • Thanks 1
  • Upvote 2

6 answers to this question

Recommended Posts

  • 0
Posted

На мой взгляд цвет меню #f4f4f4 и цвет активного элемента #e6e6e6 лучше смотрится

Скрытый текст

2023-08-0716-52-00.thumb.png.e79bb2b07cc3282e4699ec9145ce1cc6.png

 

  • Upvote 1
  • 0
Posted
23 минуты назад, Rootdiv сказал:

На мой взгляд цвет меню #f4f4f4 и цвет активного элемента #e6e6e6 лучше смотрится

У меня очень бледно с данными цветами и едва видна разница. Это цвета оригинального веб?

  • 0
Posted
4 минуты назад, bigpu сказал:

Это цвета оригинального веб?

Нет, это я изменил цвет меню в devtools

  • 0
Posted
5 минут назад, bigpu сказал:

Это цвета оригинального веб?

сам отвечу - нет, оригинальные еще светлее

 

  • 0
Posted

Поддержу, надо что-то делать с web-ui  и предложенные выше варианты гораздо лучше того,что есть!

  • 0
Posted
20 минут назад, krass сказал:

надо что-то делать с web-ui  и предложенные выше варианты гораздо лучше того,что есть!

4.3 пока не ставил, но насколько в курсе, там поменяли лишь цвета монитора трафика, (наконец-то!) по сравнению с версией 4.2

Еще в начале появления нового веб я предложил достаточно вариантов и предложений по его правкам.

Так что да, осталось что-то сделать, и в идеале хорошо, а не так как изначально и увы, до сих пор)

  • Upvote 1

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.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

This site uses cookies. By clicking "I accept" or continuing to browse the site, you authorize their use in accordance with the Privacy Policy.