NewVK Dark Theme MOD by whitebrim

Details

Authorwhitebrim
LicenseCC0 - Public Domain
Categoryhttps://vk.com/
Created3 years, 6 months ago
Updated3 years, 4 months ago
Size246 kB
Statistics

Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description

Стиль больше не поддерживается. Вк мертв, используйте телеграм. Пусть мэйловцы сами делают темную тему - у них все подготовлено к этому.
Notes

Userstyle doesn't have notes.
Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           NewVK Dark Theme MOD
@namespace      vk.com
@version        1.0.1
@description    VK dark theme
@author         Whitebrim
==/UserStyle== */

@-moz-document domain("vkforms.ru"), regexp("https:\\/\\/vk\\.com\\/(?!ads).*") {
[dir=ltr] body {
	background: #282B2F;
	color: #E0E0E0;
}

[dir=ltr] a {
	color: #F8F8F8;
}

[dir=ltr] *::selection {
	background: #9ECDFF;
}

[dir=ltr] *::-moz-selection {
	background: #9ECDFF;
}

[dir=ltr] #side_bar ol li .left_row {
	color: #F8F8F8;
}

[dir=ltr] .fakeinput, [dir=ltr] .fakeinput~.placeholder .ph_input,[dir=ltr] div[contenteditable=true],[dir=ltr] div[contenteditable=true]~.placeholder .ph_input,[dir=ltr] input.big_text,[dir=ltr] input.big_text~.placeholder .ph_input,[dir=ltr] input.dark,[dir=ltr] input.dark~.placeholder .ph_input,[dir=ltr] input.search,[dir=ltr] input.search~.placeholder .ph_input,[dir=ltr] input.text,[dir=ltr] input.text~.placeholder .ph_input,[dir=ltr] textarea,[dir=ltr] textarea~.placeholder .ph_input {
	color: #F8F8F8;
}

[dir=ltr] .im-page .im-page--mess-search {
	color: #F8F8F8;
}

[dir=ltr] .left_count_wrap {
	background: #484B4E;
	color: #F8F8F8;
}

[dir=ltr] .im-page .im-page--peer {
	color: #F8F8F8;
}

[dir=ltr] .vkf-new-design #vkf-url-shortener-input {
	color: #F8F8F8;
}

[dir=ltr] .post_video_title {
	color: #737578 !important;
}

[dir=ltr] .nim-dialog .nim-dialog--name .nim-dialog--name-w {
	color: #F8F8F8;
}

[dir=ltr] .nim-dialog--text-preview {
	color: #737578;
}

[dir=ltr] .page_block {
	background: #373B3E;
}

[dir=ltr] .nim-dialog.nim-dialog_unread.nim-dialog_muted .nim-dialog--unread, [dir=ltr] .nim-dialog.nim-dialog_unread.nim-dialog_prep-injected.nim-dialog_muted .nim-dialog--unread {
	background: #777777;
}

[dir=ltr] .nim-dialog.nim-dialog_unread .nim-dialog--unread, [dir=ltr] .nim-dialog.nim-dialog_unread.nim-dialog_prep-injected .nim-dialog--unread {
	background: #DB6364;
}

[dir=ltr] .nim-dialog_selected._im_dialog_selected.nim-dialog.nim-dialog_unread .nim-dialog--unread, [dir=ltr] .nim-dialog.nim-dialog_unread.nim-dialog_prep-injected .nim-dialog--unread {
	background-color: #F8F8F8;
}

[dir=ltr] #page_header_cont .back {
	position: absolute;
	width: 100%;
	background: #181B1F;
	height: 42px;
	box-sizing: border-box;
	border-bottom: 1px solid #181B1F;
}

[dir=ltr] .round_tab.selected, [dir=ltr] .round_tab.selected:hover {
	color: #F8F8F8;
	background: #181B1F;
}

[dir=ltr] .top_notify_count {
	border-color: #181B1F;
}

[dir=ltr] input.text.ts_input {
	border: 0;
	box-sizing: border-box;
	padding: 6px 6px 6px 19px;
	margin: 7px 0;
	height: 28px;
	line-height: 16px;
	width: 230px;
	border-radius: 14px;
	-o-transition: background-color 0.05s, color 0.05s;
	transition: background-color 0.05s, color 0.05s;
	background: #282B2F url('https://vk.com/images/svg_icons/ic_head_loupe.svg') no-repeat;
	padding-left: 19px;
	border-left: 8px solid transparent;
	background-position: left 8px;
	color: #d9e2ec;
}

[dir=ltr] input.text.ts_input::-webkit-input-placeholder {
	color: #8fadc8;
}

[dir=ltr] input.text.ts_input::-moz-placeholder,[dir=ltr] input.text.ts_input:-moz-placeholder {
	color: #8fadc8;
}

[dir=ltr] input.text.ts_input:-ms-input-placeholder {
	color: #8fadc8;
}

[dir=ltr] input.text.ts_input~.placeholder .ph_content {
	color: #8fadc8;
}

[dir=ltr] input.text.ts_input:focus {
	background-color: #F8F8F8;
	color: #000;
}

[dir=ltr] .ts_wrap .input_back_content {
	font-size: 13px;
	color: #8fadc8;
	line-height: 16px;
}

[dir=ltr] .ts_cont_wrap {
	position: absolute;
	top: 39px;
	left: 173px;
	background: #F8F8F8;
	width: 248px;
	z-index: 800;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0,0,0, .2);
	overflow: hidden;
	display: none;
}

[dir=ltr] .im-member-item .im-member-item--photo img {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background-color: #282B2F;
}

[dir=ltr] .im-prebody img {
	position: relative;
	overflow: hidden;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #282B2F;
}

[dir=ltr] .box_title_wrap {
	position: relative;
	padding: 0;
	background-color: #484B4E;
	color: #F8F8F8;
	border-radius: 4px 4px 0 0;
}

[dir=ltr] .button_blue button, [dir=ltr] .button_gray button, [dir=ltr] .button_light_gray button, [dir=ltr] .flat_button {
	padding: 7px 16px 8px;
	margin: 0;
	font-size: 12.5px;
	zoom: 1;
	cursor: pointer;
	white-space: nowrap;
	outline: none;
	font-family: -apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;
	vertical-align: top;
	line-height: 15px;
	text-align: center;
	text-decoration: none;
	background: none;
	background-color: #484B4E;
	color: #F8F8F8;
	border: 0;
	border-radius: 4px;
	box-sizing: border-box;
}

[dir=ltr] .top_notify_cont .feedback_img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	-moz-force-broken-image-icon: 0;
	background-color: #282B2F;
	display: inline-block;
}

[dir=ltr] .group_tokens_row {
	border-bottom: 1px solid #e7e8ec;
	background-color: #373B3E;
	padding: 15px 0;
}

[dir=ltr] .ui_photo_grid_1 img, [dir=ltr] .ui_photo_grid_2 img, [dir=ltr] .ui_photo_grid_3 img, [dir=ltr] .ui_photo_grid_4 img {
	position: relative;
	vertical-align: top;
	-moz-force-broken-image-icon: 0;
	background-color: #282B2F;
}

[dir=ltr] .im-page .im-page--center-empty {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAABCCAIAAACO6ozGAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAE9SURBVGje7drBCoQgEAbg3qpDEUJFCC3s+z/NHgQRM21C15nhB4+y+LUzzmQO47QUh9kO+/kyH2Y7xmkZdGA8qewJ9WzHbFa3zqcezphwnfDAAw888MjxXDsAwZ5kOyPYU2xnRHr05A888MDDxeN3/8yGWWtOc09UypJLqTXnH558Xa47Bx7Em7b9APUHHnjggQceeOCBBx544NHgYf693r//lT2t71PknxT5PsWTcOpIIt936Zse/l7Hbs8q2Tt0T/fZrLs970jyPFFIK/HckQR7wnRS4glJbr8S74lIGjzXykP28Gxn3D5O81Brf9M24vpY3W8SPNR1tO6JkiSahxTQ+VjvHqIVPPkGTJKn2E1K8kSFT7bnxfdAvh5fFmazcitZZA9nzBsP8+OeN/8P54Memoc5huZhfgTnxg9vC9CEGNcpsgAAAABJRU5ErkJggg==')no-repeat top;
	color: #737578;
}

[dir=ltr] .video_upload_separator_text {
	background-color: #373B3E;
	color: #777;
}

[dir=ltr] .video_upload_separator_line {
	background-color: #494D50;
}

[dir=ltr] .scrollbar_inner {
	background: #7E8082;
}

[dir=ltr] .scrollbar_inner:hover {
	background: #BEBFC0;
}

[dir=ltr] .ui_search_input_block {
	background: #373B3E;
}

[dir=ltr] .im-page .im-page--dialogs-footer.ui_grey_block {
	background: #373B3E;
}

[dir=ltr] .fakeinput,[dir=ltr] div[contenteditable=true],[dir=ltr] input.big_text,[dir=ltr] input.dark,[dir=ltr] input.search,[dir=ltr] input.text,[dir=ltr] textarea {
	background: #373B3E;
}

[dir=ltr] .im-page .im-page--history-new-bar:after, [dir=ltr] .im-page .im-page--history-new-bar:before {
	background: #DB6364;
}

[dir=ltr] .im-page .im-page--history-new-bar {
    font-weight: 500;
	color: #DB6364;
}

[dir=ltr] .im-mess.im-mess_selected, [dir=ltr] .im-mess.im-mess_selected:hover {
	background: #494D50;
}

[dir=ltr] .im-mess.im-mess_selected:last-child:before, [dir=ltr] .im-mess.im-mess_unread:last-child:before {
	background: #494D50;
}

[dir=ltr] #side_bar ol li .left_row:hover {
	background: #3E4144;
}

[dir=ltr] .im-mess.im-mess_selected+.im-mess:before, [dir=ltr] .im-mess.im-mess_unread+.im-mess:before {
	background: #494D50;
}

[dir=ltr] .im-mess-stack .im-mess-stack--content .im-mess-stack--pname a {
	color: #7E8082;
}

[dir=ltr] .nim-dialog.nim-dialog_muted.nim-dialog_selected, [dir=ltr] .nim-dialog.nim-dialog_selected {
	background: #7293b6 !important;
}

[dir=ltr] .nim-dialog.nim-dialog_hovered, [dir=ltr] .nim-dialog:hover {
	background: #494D50;
}

[dir=ltr] .nim-dialog:hover .nim-peer.nim-peer_online .nim-peer--online {
	border-color: #494D50;
}

[dir=ltr] .nim-dialog:hover .nim-peer.online:after {
	border-color: #494D50;
}

[dir=ltr] .nim-dialog.nim-dialog_hovered .nim-dialog--photo .online.mobile:after, [dir=ltr] .nim-dialog:hover .nim-dialog--photo .online.mobile:after {
	background-color: #494D50;
}

[dir=ltr] .online.mobile:after {
	background-color: #373B3E;
}

[dir=ltr] .nim-dialog.nim-dialog_hovered, [dir=ltr] .nim-dialog.nim-dialog_hovered+.nim-dialog, [dir=ltr] .nim-dialog:hover, [dir=ltr] .nim-dialog:hover+.nim-dialog {
	border-color: #484B4E;
}

[dir=ltr] .vkf-new-design.vkf-highlight-unread-im .im-mess_unread {
	background: #494D50 !important;
}

[dir=ltr] .nim-dialog.nim-dialog_selected .nim-peer.nim-peer_online .nim-peer--online {
	border-color: #7293b6;
}

[dir=ltr] .nim-dialog.nim-dialog_selected .nim-peer.nim-peer_online .nim-peer--online .nim-dialog:hover .nim-peer.online:after {
	border-color: #7293B6;
}

[dir=ltr] .im-mess.im-mess_light {
	background: #494D50;
	border-radius: 2px;
}

[dir=ltr] .im-mess .im-mess--btn {
	color: #737578;
}

[dir=ltr] .im-page .im-page--history-new-bar {
	background: #373B3E;
}

[dir=ltr] .im-page .im-page--history-new-bar>span {
	background: #373B3E;
}

[dir=ltr] .im-fwd .im-fwd--messages {
	color: #737578;
}

[dir=ltr] .im_rc_emojibtn:hover {
	background: #494D50;
}

[dir=ltr] .ads_ad_box.redesign .ads_ad_description {
	color: #8C8F95;
}

[dir=ltr] a._im_start_new {
	color: #ccc;
}

[dir=ltr] .ads_ad_box_border {
	border-color: #484B4E;
}

[dir=ltr] .page_doc_row .page_doc_title {
	color: #C4D1DE;
}

[dir=ltr] .mention_tt_actions {
	background-color: #282B2F;
	border-top-color: #484B4E;
}

[dir=ltr] .tt_w {
	color: #C4D1DE;
}

[dir=ltr] .im-page .im-page--mess-search {
	border-top-color: #484B4E;
	border-bottom-color: #484B4E;
	background: #373B3E;
}

[dir=ltr] .im-page .im-page--mess-search:hover {
	background: #494D50;
}

[dir=ltr] .box_controls {
	background-color: #373B3E;
	border-top-color: #484B4E;
}

[dir=ltr] .wall_reasons_list {
	color: #F8F8F8;
	...
Reviews

No reviews yet.