Skip to content

NewVK Dark Theme MOD by whitebrim

NewVK Dark Theme MOD screenshot
Homepage Write a review Install Get Stylus

Details

Authorwhitebrim

LicenseCC0 - Public Domain

Created

Updated

Categoryhttps://vk.com/

Statistics

Learn how we calculate statistics in the FAQ.

Total views

Total installs

Weekly installs

Weekly updates

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.