Skip to content

NewVK Dark Theme MOD by whitebrim

Screenshot of NewVK Dark Theme MOD

Details

Authorwhitebrim

LicenseCC0 - Public Domain

Categoryhttps://vk.com/

Created

Updated

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.