This repository is dead. Use: a0eoc/VDARK
Stylus:
Code released under the CC-BY-NC-4.0 license.
Perhaps the best dark theme for VK
Stylus:
Code released under the CC-BY-NC-4.0 license.
Некорректное отображение виджета "Донаты" в сообществах.
Исправить все некорректные элементы Баг-трекера.
При поиске по музыке ищутся и артисты:
Причём своих аватарок у них почти никогда нет, используются дефолтные от вк:
Они не раскрашиваются стилем, а хотелось бы. Элемент и его код выглядят так:
.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 перекрасить под тёмные цвета
Желательно перекрасить и передний план иконки, но это уже совсем мелочь.
Стили при присоединении в беседу сообщества отображаются некорректно.
Изменить страницу входа/регистрации, а также изменить стили при аутентификации через сторонний сервис.
Стили при подаче заявки отображаются некорректно.
Не покрашены их названия, цвет хранится примерно тут
.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;
}
В беседах рядом с поиском появилась эта кнопка
<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 разбираюсь плохо.
Багов тут не мало, а поскольку нормальный человек заходить в этот раздел не будет, то можно и в исключених оставить. Но тут и не очень агрессивные баги всё же
Ну или фиксить, тут не сложно, т.к. все цвета расписаны сразу в коде элементов с нормальными названиями
При переходе на новую строку во время ввода сообщения текст становится черного цвета.
Под "классический дизайн" адаптация темы хорошая, но у ВК есть и другой - "новый интерфейс", скрытый за шестерёнкой
Мне лично он более удобный, но с ним адаптация темы уже не очень качественная:
(использовал тестовый аккаунт вк, который у меня почему-то ещё не отобрали, так что личных данных на скринах нет)
Как можно заметить, тут у некоторых элементов исчезают рамки
Ну а по недочётам для всех вариаций ЛС:
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.