Dark theme for vk (inspired by NewVK dark theme MOD)
VK Dark theme by themacjoseph
Details
Authorthemacjoseph
LicenseNo License
Categoryvk.com
Created
Updated
Size16 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 VK Dark theme
@namespace USO Archive
@author Marro
@description `Dark theme for vk (inspired by NewVK dark theme MOD)`
@version 20211120.15.15
@license CC0-1.0
@preprocessor uso
==/UserStyle== */
@-moz-document regexp("https://vk.com/(?!ads).*") {
:root,
.MEConfig {
--steel_gray_10: #2E2E2E;
--steel_gray_40: #151515;
--steel_gray_60: #151515;
--steel_gray_80: #1C1C1C;
--steel_gray_100: #1C1C1C;
--steel_gray_120: #2E2E2E;
--steel_gray_200: #282b2f;
--steel_gray_600: #e0e0e0;
--field_background: var(--steel_gray_10);
--text_primary: #e0e0e0;
--text_secondary: #A4A4A4;
--header_text: var(--text_primary);
--header_background: #1C1C1C;
--background_content: #1C1C1C;
--blue_400: #848484;
--blue_600: #848484;
--light_blue_40: #424242;
--light_blue_700: #2E2E2E;
--light_blue_500: #7b7b7b;
--steel_gray_20: var(--steel_gray_40);
--steel_gray_540: #7b7b7b;
--steel_gray_A540: #2E2E2E;
--modal_card_background: var(--steel_gray_10);
--input_background: var(--steel_gray_40);
--icon_tertiary: var(--text_secondary);
--icon_tertiary_alpha: var(--text_secondary);
--snippet_background: var(--steel_gray_10);
--snippet_border: var(--steel_gray_40);
--im_bubble_gift_background: var(--steel_gray_20);
--gray_900: var(--text_primary);
--gray_800: var(--text_primary);
--background_highlighted: var(--steel_gray_10);
--button_secondary_foreground_highlighted: var(--background_content);
--fastchats_border: var(--steel_gray_100);
--content_tint_background: var(--steel_gray_100);
--fastchats_panel_hover: var(--steel_gray_100);
--im_bubble_incoming: var(--steel_gray_100);
--im_bubble_outgoing: var(--steel_gray_40);
--text_link: var(--blue_600);
--im_reply_separator: var(--light_blue_700);
--text_subhead: var(--text_secondary);
--button_secondary_foreground: var(--text_primary);
--button_secondary_background_highlighted: var(--steel_gray_100);
}
[dir] body.new_header_design #page_header_cont,
[dir] .friends_user_row .online::after,
[dir] .chat_tab_imgcont.online::after,
[dir] .UiEntityMiniatures__itemImage,
[dir] .like_share_ava.wdd_imgs .wdd_img_full,
[dir] .like_share_ava.wdd_imgs .wdd_img_half,
[dir] .like_share_ava.wdd_imgs .wdd_img_tiny,
[dir] .ts_contact_photo.online::after,
[dir] .nim-peer.online::after,
[dir] .search_row .online::after {
border: 0;
}
[dir=ltr] #side_bar_inner {
position: fixed!important;
margin-left: 0!important;
margin-top: 42px!important;
top: 0!important;
}
[dir] .friends_more {
border-top: 0
}
[dir] .ui_search {
border-bottom: 0
}
.friends_phonebook .friends_photo,
.friends_phonebook .friends_photo_wrap,
.friends_phonebook .friends_photo_img {
width: 80px;
height: 80px;
}
[dir] .nim-dialog.nim-dialog_pinned + .nim-dialog:not(.nim-dialog_pinned)::before {
height: 1px;
}
[dir=ltr] ::-webkit-scrollbar-thumb,
[dir=ltr] .mv_pl_scrollbar_cont.scrollbar_cont,
[dir] .ui_scroll_default_theme.ui_scroll_scrolled > .ui_scroll_bar_container > .ui_scroll_bar_outer > .ui_scroll_bar_inner,
[dir] .ui_scroll_default_theme > .ui_scroll_bar_container > .ui_scroll_bar_outer > .ui_scroll_bar_inner {
height: 150px;
background: var(--steel_gray_120)
}
[dir=ltr] ::-webkit-scrollbar-thumb:hover,
[dir] .ui_scroll_default_theme.ui_scroll_dragging > .ui_scroll_bar_outer > .ui_scroll_bar_inner,
[dir] .ui_scroll_default_theme .ui_scroll_bar_container:hover > .ui_scroll_bar_outer > .ui_scroll_bar_inner {
background: var(--steel_gray_540);
}
[dir=ltr] ::-webkit-scrollbar {
width: 10px;
background: var(--steel_gray_10);
}
.GroupsRecommendationsBlock__header,
.search_row .labeled,
.DonutCatalogPromo__text,
.friends_field {
color: var(--text_subhead);
}
.groups_nearest_event__title {
color: var(--text_name);
}
.groups_nearest_event__body {
color: var(--text_subhead);
}
[dir] .flat_button,
[dir] .FlatButton--primary,
[dir] .button_gray button,
[dir] .button_blue button,
[dir] .VideoRecomsItem:hover {
background-color: var(--light_blue_40);
}
[dir=ltr] .button_gray button.hover,
[dir=ltr] .button_gray button:hover,
[dir=ltr] .flat_button.secondary.hover,
[dir=ltr] .flat_button.secondary:hover,
[dir] #stat_group_postsreach_table tr:hover td {
background-color: var(--steel_gray_40);
}
[dir=ltr] .im-page .im-page--top-date-bar,
#stat_group_postsreach_table td,
.wl_postreach_stat_smalltext,
.PlaceholderSmall__title,
.audio_page_player2 .audio_page_player_title_song,
.tabbed_box .summary_tab_sel .summary_tab3,
.mv_title,
.mv_recom_block_title,
.app_widget_text_content,
.selector_container td.selector input.selected,
.selector_container td.selector input.focused,
.ui_search_fltr b,
.page_media_event .page_media_event_name,
.narrow_column .group_chats .module_body .group_chat_label .group_chat_label_count,
#payments_box,
.apps_options_bar .apps_options_bar_left .app_summary_name,
.MiniAppLayerControls .ui_actions_menu_wrap .app_ui_actions_menu .ui_actions_menu_item,
.MiniAppLayerControls .ui_actions_menu_wrap .ui_actions_menu_item.ui_actions_menu_item_lock .ui_actions_menu_item_lock_text,
.apps_options_bar_right .ui_actions_menu_wrap .ui_actions_menu._ui_menu .ui_actions_menu_item,
.apps_options_bar_right .ui_actions_menu_wrap .ui_actions_menu._ui_menu .ui_actions_menu_item .ui_actions_menu_item_lock_text,
.apps_footer_right .ui_scroll_overflow .ui_scroll_blocker .ui_scroll_content.clear_fix .ui_actions_menu_item,
.apps_footer_right .ui_scroll_overflow .ui_scroll_blocker .ui_scroll_content.clear_fix .ui_actions_menu_item b,
.apps_footer_right .ui_scroll_overflow .ui_scroll_blocker .ui_scroll_content.clear_fix .ui_actions_menu_item.ui_actions_menu_item_lock_text,
[dir] .wpost_post,
.post_video_title.post_video_title_music,
input,
.StickerStylesMenuItem__title,
._31-Xarb_9ywkFuvI64vRoY,
.settings_transfer_empty_box_header {
color: var(--text_primary)!important
}
#payments_box.payments_money_transfer_box .payments_money_transfer_link_copy_input {
color: var(--text_primary);
-webkit-text-fill-color: var(--text_primary);
}
[dir] .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected .nim-dialog--photo .online.mobile::after,
[dir] .nim-dialog:not(.nim-dialog_deleted).nim-dialog_muted.nim-dialog_selected .nim-dialog--photo .online.mobile::after {
background-color: var(--blue_400);
border: 1px solid var(--blue_400);
}
.friends_user_row .online.mobile::after,
.friends_phonebook .online.mobile::after {
bottom: 1.25%;
width: 9px;
height: 14px;
}
.friends_phonebook .online::after {
width: 10px;
height: 10px;
}
[dir="ltr"] .friends_user_row .online.mobile::after,
[dir="ltr"] .friends_phonebook .online::after {
right: 6.25%;
}
[dir] .friends_user_row .online.mobile::after,
[dir] .friends_user_row .online.mobile::after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%2214%22%3E%3Cpath%20fill%3D%22%234bb34b%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%202c0-1%20.9-2%202-2h5a2%202%200%20012%202v10a2%202%200%2001-2%202H2a2%202%200%2001-2-2V2zm2%201h5v7H2V3z%22%2F%3E%3C%2Fsvg%3E");
}
#groups_apps_catalog_promo .apps_group_catalog_promo_header,
.ImageStatusPopup__description {
color: var(--gray_900);
}
[dir] .groups_edit_event_log_page .groups_edit_event_log_items_wrap .groups_edit_event_log_item_counter {
border: 2px solid var(--icon_tertiary);
background: var(--icon_tertiary);
}
[dir=ltr] .wall_module .copy_quote {
border-left: 1px solid var(--steel_gray_400);
}
[dir] .stats_cont_browse_tile {
background-color: var(--steel_gray_200);
}
.tabbed_box .summary_tab a,
.tabbed_box .summary_tab .summary_tab3,
.tabbed_box .summary_tab_sel a,
.tabbed_box .summary_tab_sel .summary_tab3,
span#wk_posts_reach_tooltip_link,
.ui_tabs_box .ui_tab_sel .ui_tab_count,
.page_photo.page_action_menu_groups .page_actions_item.group_send_msg_status_block .group_send_msg_status_block_title {
color: var(--text_secondary);
}
[dir] .tabbed_box .summary_tab_sel .summary_tab2 {
background-color: var(--steel_gray_10);
}
[dir] .tabbed_box .summary_tab a:hover,
[dir] .tabbed_box .summary_tab .summary_tab3:hover,
[dir] .tabbed_box .summary_tab_sel a:hover,
[dir] .tabbed_box .summary_tab_sel .summary_tab3:hover,
[dir] .emoji_tab_sel,
[dir] .emoji_tab_sel:hover {
background-color: var(--steel_gray_120);
}
[dir=ltr] .olist_checkbox,
.PageActionCell--accent .PageActionCell__icon,
.PageActionCell--accent,
[dir] .page_photo.page_action_menu_groups .page_actions_item.group_send_msg_status_block:before {
filter: grayscale(100%);
}
.box_grey .box_title .tab_link,
.box_grey .box_title .toggle,
.box_grey .box_title .toggle a,
.box_grey .box_title .divider::before,
a.ui_box_header_link,
.audio_page__shuffle_all .audio_page__shuffle_all_button,
.friends_phonebook .friends_field {
color: var(--text_link);
}
[dir] .search_filters_minimized_text {
background: var(--background_content) url(https:\/\/vk\.com\/images\/search_integration\.png) no-repeat;
}
[dir] .tt_w.like_tt,
[dir] .tt_w.voting_tt,
[dir] .ChatSettingsMembersWidget__add::before,
[dir] .PostBottomAction,
.PostBottomAction.like.active,
[dir] .search_item_img,
[dir] .group_row_img,
[dir] .friends_photo_img {
background-color: var(--steel_gray_40)!important
}
[dir=ltr] .im_fwd_log_wrap,
[dir=ltr] .im_wall_log_wrap {
border-left: 1px solid var(--steel_gray_40);
}
[dir] #pv_box,
[dir] #pv_more_acts_tt,
[dir] #fc_contacts,
[dir] #fc_ctabs_cont,
[dir] .fc_tab_title,
[dir=ltr] .fc_tab_close_wrap,
[dir=ltr] .f...