4.2.1 Цвет фона в светлой теме.

mrGhotius · October 4

Обновил до 4.2.1 и увидел вот это:

Такой цвет заднего фона и задуман?

Opera One(версия: 114.0.5282.21), Microsoft Edge 129.0.2792.65

Edited October 4 by mrGhotius

keenet07 · October 4

@eralde

Подтверждаю. У меня также появилась серая заливка в центре. А справа и слева белые поля. на большом разрешении экрана.

Только на дашборде.

Edited October 4 by keenet07

eralde · October 4

Такие вопросы имеет смысл задавать @Anna_

Rootdiv · October 4

Подтверждаю, на KN-2610 так же наблюдается серая заливка фона в дашборде.

Edited October 4 by Rootdiv

keenet07 · October 4

Т.е. это дизайнерская задумка а не баг?

В разрешении 4K это выглядит вот так. Скриншот во всю ширину отображения страницы. И да, серый фон за вторым столбцом плиток больше в несколько раз.

Edited October 4 by keenet07

Anna_ · October 7

Всем добрый день! Постараюсь ответить на все вопосы)
1. Решили затемнить фон дашборда, чтобы улучшить контрастность/видимость карточек.
2. Сейчас на всех страницах при широком экране такое отображение, @keenet07. Просто с белым фоном это менее заметно.

Не очень поняла

Цитата

И да, серый фон за вторым столбцом плиток больше в несколько раз.

@keenet07, не могли бы сформулировать проблему иначе? И проблема ли это?

keenet07 · October 7

6 минут назад, Anna_ сказал:

не могли бы сформулировать проблему иначе? И проблема ли это?

Ещё раз рассмотрел этот серый фон и к чему именно он привязан, в целом задумка понятна.

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

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

keenet07 · October 7

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

Edited October 7 by keenet07

keenet07 · October 7

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Page with Gradient and Tiles</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            height: 100vh;
            display: flex;
        }

        .side {
            width: 10%;
            background-color: #ffffff;
            padding: 20px;
            box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
        }

        .menu {
            list-style-type: none;
            font-family: Arial, sans-serif;
            font-size: 16px;
            color: #333;
        }

        .menu-item {
            margin-bottom: 15px;
            cursor: pointer;
        }

        .menu-item:hover {
            color: #007BFF; /* Цвет при наведении */
        }

        .gradient {
            width: 80%;
            background: linear-gradient(to right, #cccccc, #ffffff 90%);
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .tiles-container {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: 1fr 1fr;
            width: 100%;
            height: 100%;
            gap: 20px;
            padding: 20px;
        }

        .tile {
            background-color: #ffffff;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            display: flex;
            justify-content: center;
            align-items: center;
            font-family: Arial, sans-serif;
            font-size: 18px;
            color: #333;
            text-align: center;
            padding: 10px;
        }
    </style>
</head>
<body>
    <div class="side">
        <ul class="menu">
            <li class="menu-item">Home</li>
            <li class="menu-item">Dashboard</li>
            <li class="menu-item">Reports</li>
            <li class="menu-item">Settings</li>
            <li class="menu-item">Help</li>
            <li class="menu-item">Contact Us</li>
        </ul>
    </div>
    <div class="gradient">
        <div class="tiles-container">
            <div class="tile">Tile with some data</div>
            <div class="tile">Another important tile</div>
            <div class="tile">More detailed info</div>
            <div class="tile">Statistics & Analysis</div>
        </div>
    </div>
    <div class="side"></div>
</body>
</html>

bigpu · October 7

1 час назад, Anna_ сказал:

Решили затемнить фон дашборда, чтобы улучшить контрастность/видимость карточек.

Доброго времени, в очередной раз покажу решение годичной давности и по данному поводу:

Согласен, с уважаемым выше:

1 час назад, keenet07 сказал:

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

заливка серым фона смотрится не ахти, может и правда, достаточно поиграть с ""более темная обводка границы карточки и усиленная тень от наведенного курсора" ?

mrGhotius · October 7

49 минут назад, bigpu сказал:

заливка серым фона смотрится не ахти, может и правда, достаточно поиграть с ""более темная обводка границы карточки и усиленная тень от наведенного курсора" ?

Поддерживаю.

Цитата

1. Решили затемнить фон дашборда, чтобы улучшить контрастность/видимость карточек.

Мне прежний вариант не доставлял никаких проблем с восприятием информации на плитках, а так серый фон "глаз режет" Мало того, как мне кажется, такой цвет фона портит все восприятие интерфейса в целом. Выглядит как-то дёшево что ли.

Edited October 7 by mrGhotius

Anna_ · October 7

@bigpu, благодаря активной обратной связи будем думать, что ещё и как можно изменить! Пока приостановим эту задачу и подождём, вдруг кто-то ещё захочет здесь высказаться 🙂

Rootdiv · October 13

В 07.10.2024 в 14:03, Anna_ сказал:

Решили затемнить фон дашборда, чтобы улучшить контрастность/видимость карточек.

Я со старым фоном хорошо различал карточки и как уже сказали выше для улучшения видимости достаточно увеличить яркость границ карточек.

keenet07 · October 14

6 часов назад, TSJ сказал:

бред какой то... тут одни блондинки, что ли собрались ?

Нашли о чем писать: цвет корзины, цвет фона..

В прошивках есть куча проблем, которые годами не устраняются.

В коллективе разные сотрудники занимаются разными задачами. Есть и те кто работает именно с интерфейсом. Эти запросы именно для некоторых из них.

На решение каких-то иных проблем прошивки это никак не влияет.

Edited October 14 by keenet07

eralde · October 14

8 часов назад, TSJ сказал:

бред какой то... тут одни блондинки, что ли собрались ?

Нашли о чем писать: цвет корзины, цвет фона..

В прошивках есть куча проблем, которые годами не устраняются.

И ваше сообщение, конечно, сильно поможет с устранением проблем

Если хотите пофлудить -- проследуйте в Курилку, пожалуйста.

bigpu · October 14

11 час назад, TSJ сказал:

бред какой то... тут одни блондинки, что ли собрались ?

И как, из кучи проблем в прошивке, многое уже помогли отладить, истеря как всЁпропальщик.

Имя · October 17

Перфекционизм вышел из чата, а так хотелось чтобы он вернулся

AndyFM · October 18

20 часов назад, Имя сказал:

Перфекционизм вышел из чата, а так хотелось чтобы он вернулся

Так плитки разного размера..... Почему они должны совпадать?

krass · October 19

В 13.10.2024 в 14:55, Rootdiv сказал:

Я со старым фоном хорошо различал карточки и как уже сказали выше для улучшения видимости достаточно увеличить яркость границ карточек.

Хорошо бы если ваш вариант внедрили. Но вот сколько ожидать этого внедрения?

Имя · October 22

В 18.10.2024 в 10:50, AndyFM сказал:

Так плитки разного размера..... Почему они должны совпадать?

Если поменять их местами всё равно криво. Шаблон подложки кривой, сам попробуй

vrodetogo · October 28

Можно просто сделать вот так, как по мне это будет лучше смотреться, то есть контуры менюшек на белом фоне ну и так же на ночном, просто тонкие контуры.

image.png.30856a8206f76df124f881943d0a96d8.png

FLK · October 29

keenet07 · October 29

А как вы это сделали? У меня самая нижняя часть экрана это то где у вас серый цвет кончается. Ниже не проматывается.

Отключили почти все плитки на высоту менее одной полной страницы? А серый фон наверное жестко привязан к нижней кнопке.

Edited October 29 by keenet07

FLK · October 29

2 минуты назад, keenet07 сказал:

А как вы это сделали? У меня самая нижняя часть экрана это то где у вас серый цвет кончается. Ниже не проматывается.

Да я особо ничего и не делал, просто компактно все сделал) и появилось белое внизу)

keenet07 · October 29

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

vrodetogo · October 29

23 часа назад, vrodetogo сказал:

Можно просто сделать вот так, как по мне это будет лучше смотреться, то есть контуры менюшек на белом фоне ну и так же на ночном, просто тонкие контуры.

Вот например для сравнения, как выглядит дэшборд на unifi

FLK · October 30

22 часа назад, vrodetogo сказал:

Вот например для сравнения, как выглядит дэшборд на unifi

Ну вот почему примерно такую цветовую гамму нельзя было взять?)))))

Тут есть основные цвета - красный, зеленый, желтый, синий, фиолетовый и т.д.

Лучше бы они повторялись в этих трех вкладках:

2024-10-30_15-33-20.png.9332c1f51dade7c728ae5fd5ae2a93f6.png

Зачем этот болотно-зеленый или ярко-голубой?) Сделать бы 7-8 основных цветов в каждой вкладке и все...

Еще раз повторюсь - Монитор трафика в старой версии был просто отличным по цветам, зачем было изобретать велосипед, да еще и без колес, непонятно...

Выцеливать мышкой эти микрополоски на диаграмме тоже то еще удовольствие:

2024-10-30_15-33-20.png.e90bddc74177033dd9c00a7b51cd3423.png

Edited October 30 by FLK

bigpu · October 30

19 минут назад, FLK сказал:

Выцеливать мышкой эти микрополоски на диаграмме тоже то еще удовольствие

и за это писал еще в начале появления нового веб, сделано с тех пор - ничего)

а вы к цветам придираетесь, которые хотя бы изменили)

Kotbaly · November 2

4.2.2 на светлом фоне не отображаются буквы. Вообще белая "тема" ужасная, все везде сливается, ничего толком не видно

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

Edited November 2 by Kotbaly

Rootdiv · November 2

25 минут назад, Kotbaly сказал:

светлом фоне не отображаются буквы

Плитка Монитор WiFi скрыта, поэтому и сливается.

@eralde, я думаю, что будет лучше в настройках плиток лучше цвет фона скрытой плитки не менять, либо название скрытой плитки сделать по виднее.

32 минуты назад, Kotbaly сказал:

Вообще белая "тема" ужасная, все везде сливается, ничего толком не видно

Не согласен, я пользуюсь только светлой темой и мне всё видно.

Sign In

4.2.1 Цвет фона в светлой теме.

Question

Link to comment

Share on other sites

29 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Recently Browsing 0 members