wondermarin / vdark Goto Github PK

На странице товара присутствуют черные цвета, а также некорректное отображение скидок.

Некорректное отображение стилей при создании истории.

Не покрашены их названия, цвет хранится примерно тут

.audio_block .video_item .video_item_info .video_item_title, .audio_section__artist_block .video_item .video_item_info .video_item_title, .audio_section__recoms_block .video_item .video_item_info .video_item_title, .audio_section__search_block .video_item .video_item_info .video_item_title, .CatalogSection .video_item .video_item_info .video_item_title {
    color: #222;
    font-weight: 500;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    font-size: 13px;
}

И ещё проблемны имена артистов, с которыми связаны видео

.audio_block .video_item .video_item_info .video_item_author, .audio_section__artist_block .video_item .video_item_info .video_item_author, .audio_section__recoms_block .video_item .video_item_info .video_item_author, .audio_section__search_block .video_item .video_item_info .video_item_author, .CatalogSection .video_item .video_item_info .video_item_author, .audio_block .video_item .video_item_info .video_item_author a, .audio_section__artist_block .video_item .video_item_info .video_item_author a, .audio_section__recoms_block .video_item .video_item_info .video_item_author a, .audio_section__search_block .video_item .video_item_info .video_item_author a, .CatalogSection .video_item .video_item_info .video_item_author a {
    color: #000;
}

Когда делишься постом иконка имеет белый фон.

При поиске по музыке ищутся и артисты:

Причём своих аватарок у них почти никогда нет, используются дефолтные от вк:

Они не раскрашиваются стилем, а хотелось бы. Элемент и его код выглядят так:

.audio_page_layout .audio_block_small_item.artist_no_image .audio_block_small_item__img {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20viewBox%3D%22…6%204.5-4.5%204.5z%22%20fill%3D%22%23afbac6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-color: #ebedf0;
    background-size: 25px;
}

Предлагаю background-color перекрасить под тёмные цвета

Желательно перекрасить и передний план иконки, но это уже совсем мелочь.

В беседах рядом с поиском появилась эта кнопка
<button type="button" aria-label="Call" data-type="call" class="_im_header_icon im-page--header-icon im-page--header-icon_call im-page--header-icon_shown"></button>
Она вызывает меню с естественно непокрашенными элементами, один даже починил:
.Modal__footerHint { color: #ddd; }

aka vk.com/support
Если с ними чатиться будет вот это:

Элемент называется ".tickets_post_form__panel", причём background-color по-умолчанию у него нету.
 
 

Когда они отвечают, через уведомление помечается сообщение, на которое перешёл. В строке браузера это "&reply_id=xxxxxxxxxxx", в коде пометка такая:

(Был белый цвет, я, чтобы выяснить, поменял на красный)

Не совсем понимаю, зачем он был добавлен в исключения. Всяко лучше увидеть мелкие недочёты, чем светлую тему посреди ночи.
Но я решил сам поковырять код, сюда скинуть (не уверен, что на гитхабе предложения по коду в ошибки надо постить):

.bt_report_title_link {
     font-weight: 700;
      -webkit-font-smoothing: antialiased;
     color: #ddd;
     font-size: 13px;
    }
    
    .bt_reports_found {
    font-weight: 500;
    -webkit-font-smoothing: subpixel-antialiased;
    color: #aaa;
    font-size: 13px;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 5px 5px;
    margin: 0px -15px 0px 0px;
}

.bt_report_info {
    color: #aaa;
    font-size: 12px;
}

.bt_tag_label {
    color: #000;
    display: inline-block;
    font-size: 12.5px;
    line-height: 12.5px;
    vertical-align: top;
    border-radius: 3px;
    padding: 5px 9px 4px;
    background: #ccc;
}

Как переделать .no_rows (инфа про устройства) я не разобрался
a (которая #fff и имя человека) решил не менять т.к. не знаю почему оно уже так отмечено.

Это было предложение. А вот баг: сами страницы багов в исключения не попадают и поэтому выглядят плохо. Там тоже что-то поменял:

.bt_report_footer {
    border-top: 1px solid #e7e8ec;
    padding: 11px 20px 11px;
    background: #212121;
    white-space: nowrap;
}

.bt_report_one_info_row_label {
    color: #d1d1d1;
    float: left;
    width: 230px;
}

.bt_report_one_descr>h3 {
    color: #eee;
    font-size: 12px;
    font-weight: 500;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    margin: 12px 0 8px;
}

.bt_comment_form_unavailable {
    padding: 35px 75px;
    text-align: center;
    background: #212121;
    color: #ddd;
    line-height: 160%;
}

Не знаю как изменить .box_controls .flat_button.secondary, .flat_button.secondary.button_light
ну и других мелких недочётов остаётся много. Я их исправить не могу т.к. в теме всяких вебов и css разбираюсь плохо.

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

Исправить иконку подтвержденных пользователей/сообществ в диалогах.

Неправильно покрашена стрелочка

<div class="eltt_arrow_back _eltt_arrow_back" style="margin-left: 329.986px;">
            <div class="eltt_arrow"></div>
          </div>

Сломалась покраска выпадающего меню

У него есть такая же стрелочка

Стили при подаче заявки отображаются некорректно.

Стили при присоединении в беседу сообщества отображаются некорректно.

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

Исправить все некорректные элементы Баг-трекера.

Установил всё последней версии, но крестик всё ещё остался.

Похоже, совсем недвно сломалась
Без VDARK:

С ним:

Под "классический дизайн" адаптация темы хорошая, но у ВК есть и другой - "новый интерфейс", скрытый за шестерёнкой

Мне лично он более удобный, но с ним адаптация темы уже не очень качественная:


(использовал тестовый аккаунт вк, который у меня почему-то ещё не отобрали, так что личных данных на скринах нет)
Как можно заметить, тут у некоторых элементов исчезают рамки
Ну а по недочётам для всех вариаций ЛС:

• неправильный цвет иконки откючения уведомлений
• не покрашена дефолтная иконка бесед (<img alt="" src="https://vk.com/images/icons/im_multichat_50.png">)
• для диалогов со включенными оповещениями у вк иконка с акцентом, без оповещений - серая. А у VDARK для всех случаев она серая:
  
  
  
  

При переходе на новую строку во время ввода сообщения текст становится черного цвета.

without theme / with theme

Переработать стили сообществ, их редактирование и т.д.

Их обрезает по краям

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

Иконка кнопки имеет белый цвет.

line 3021 .im-replied-container--remove

renamed
im-replied-container--remove _im_remove_replied

maybe it's another element, but it worked

search button
idk former namem but now it's _im_header_icon im-page--header-icon im-page--header-icon_search im-page--header-icon_shown

Обводка непросмотренных историй имеет некорректный цвет.

Изменить страницу входа/регистрации, а также изменить стили при аутентификации через сторонний сервис.

Некорректное отображение виджета "Донаты" в сообществах.