Skip to content

VK Dark theme by themacjoseph

Screenshot of VK Dark theme

Details

Authorthemacjoseph

LicenseNo License

Categoryvk.com

Created

Updated

Size16 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark theme for vk (inspired by NewVK dark theme MOD)

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...

Reviews

No reviews yet.