Тёмная тема для VK
Verze ze dne
// ==UserScript== // @name Dark VK Theme // @description Тёмная тема для VK // @author DygDyg // @homepage http://dygdyg.ddns.net // @include https://vk.com/* // @require https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js // @require https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js // @icon https://vk.com/images/icons/favicons/fav_logo.ico // @version 0.0.11381.5M370 // @run-at document-start // @grant GM_setValue // @grant GM_getValue // @grant GM_addStyle // @grant GM_info // @grant GM_unregisterMenuCommand // @grant GM_registerMenuCommand // @grant GM_openInTab // @grant GM_getResourceText // @grant GM_notification // @namespace https://greasyfork.org/users/303755 // ==/UserScript== var $ = window.jQuery; var darkStyle1, darkStyle, darkStyleBacground; if (GM_getValue('enable', null) == null) GM_setValue('enable', true); if (GM_getValue('names', null) == null) GM_setValue('names', JSON.stringify([])); if (GM_getValue('debug', null) == null) GM_setValue('debug', false); if (GM_getValue('group', null) == null) GM_setValue('group', 'Группы'); if (GM_getValue('ver_info', null) == null) GM_setValue('ver_info', '0'); if (GM_getValue('ver_info', null) == null) GM_setValue('ver_info', '0'); var ver_info = '2'; var col = 0; var _info = 'Работает включение/выключение темы, ищите пункт в настройках'; if (GM_getValue('debug', false)) { $(document).ready(function () { test(); }) } //#region Дебаг режим GM_registerMenuCommand('Дебаг режим', () => { GM_setValue('debug', !GM_getValue('debug')); if (GM_getValue('debug') == true) { GM_notification({ title: 'Дебаг режим:', text: '✅ Включён', timeout: 3000 }); } else { GM_notification({ title: 'Дебаг режим:', text: '⛔ Выключен', timeout: 3000 }); } }); //#endregion //#region Тело скина function theme() { if (darkStyleBacground && darkStyleBacground.id) { darkStyleBacground.remove() } if (darkStyle && darkStyle.id) { darkStyle.remove() } if (darkStyle1 && darkStyle1.id) { darkStyle1.remove() } $('#button_spawn').css({ 'display': 'none' }); $('#button_delete').css({ 'display': 'block' }); darkStyle1 = GM_addStyle(` .body_im .side_bar { padding-left: 130px !important; } .side_bar_inner { width: 160px !important; } .dark-theme-box { position: fixed; white-space: nowrap; z-index: 200; height: 42px; top: 0; left: 0; padding: 0 5px 0 10px; line-height: 42px; } .dark-theme-box a { color: red; } `); darkStyle = GM_addStyle(` .ui_rmenu_item, .olist_item_name, .app_widget_list_row, .flat_button.ui_load_more_btn, .audio_subscribe_promo__text, a, .web_cam_photo, .ui_rmenu_subitem, .reply_submit_hint_opts .radiobtn, .gtop_complex_message .gtop_content .gtop_header, .deep_active .post_replies_header .post_replies_reorder, .post_action_btn.on, .box_controls .flat_button.secondary, .flat_button.secondary.button_light, #mv_publish, .deep_active.wall_module .post_replies_header .post_replies_reorder { color: #afc6dc !important; } .left_settings_inner { width: 20px !important; height: 21px !important; left: -16px !important; opacity: 1 !important; background-size: 161%; background-color: #353535b3; background-position-x: 3px; background-position-y: -57px; border-radius: 5px; background-image: url(/images/icons/common.png?6); filter: initial; } .ui_rmenu_item:hover, .ui_rmenu_subitem:hover, .ui_rmenu_item_sel, .ui_rmenu_item_sel:hover, .olist_item_wrap:hover, .docs_choose_upload_area:hover, .box_title_wrap.box_grey { background-color: #4a76a8 !important; } #top_profile_menu, .thumbed_link__label, textarea, .mv_info, .media_link__label .online.mobile:after, .media_link__label, .im-mess.im-mess_light, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_unread.nim-dialog_classic, div.fc_tab_txt, #wk_box, .pv_cont .pv_comments_header, .Button--mobile:hover, .ListItem--active, .EditableLabel:hover .EditableLabel__text, .ListItem--can-be-hovered.ListItem--selectable:hover, .result_list ul li.active, .emoji_tab:hover, .ui_actions_menu, .nim-dialog:not(.nim-dialog_deleted):hover, div.wdd, .ListItem--active, .ListItem--border:before, .wddi_over, .photos_choose_upload_area:hover, .web_cam_photo:hover, .mail_box_cont, .wddi_no, .flist_item_wrap:hover, .tt_default, .tt_default_right, .cal_clear, #mv_publish, .info_msg { background: #2f2f2f !important; box-shadow: 2px 7px 3px rgba(0,0,0,.1); } .deep_active .replies .reply_fakebox, .ui_tabs.ui_tabs_box, .prefix_input_wrap, .audio_row:hover:not(.audio_row__current) .audio_row_content, .audio_page__shuffle_all .audio_page__shuffle_all_button:hover, .audio_layer_container .audio_friend:hover, .ui_search_sugg_list .ui_search_suggestion_selected, .top_notify_cont .feedback_row:not(.dld):hover, .feedback_row_clickable:not(.feedback_row_touched):hover, .audio_row.audio_row__current .audio_row_content, .page_actions_item:hover:not(.grey_hoverable), .nim-dialog.nim-dialog_classic.nim-dialog_unread-out .nim-dialog--inner-text, .fc_tab, .tabbed_box .summary_tab_sel .summary_tab2, .feedback_row_wrap.unread:not(.feedback_row_touched), .tabbed_box .summary_tab a:hover, .blst_last:hover, .tabbed_box .summary_tab .summary_tab3:hover, .photos_container .photos_row, .ms_items_more, .sticker_hints_tt, .box_msg, .box_msg_gray, .msg, .tabbed_box .summary_tab_sel .summary_tab3:hover, .my_current_info:hover, .audio_pl_snippet2, .im_msg_audiomsg .audio-msg-track:not(.audio-msg-player):hover, .article_ed_layer .article_ed_layer__header, #admin_tips #gtop_admin_tips.gtop_complex_message, #page_block_group_admin_tips .group_edit_admin_tips_item:hover, .group_edit.group_edit_admin_tips .group_edit_admin_tips_item:hover, .eltt .eltt_fancy_action:hover, .cal_table .day, .market_item_content, .button_gray button, .flat_button.secondary, .audio_page_layout .audio_page_separator, .stats_cont_browse_tile, .piechart_col_header th, #stat_group_postsreach_table td, .group_info_rows_redesign .group_info_row.onboarding_placeholder .line_value.line_edit, .group_info_rows_redesign .group_info_row.onboarding_placeholder .line_value:hover, .my_current_info:hover, .no_current_info:hover, .mv_live_gifts_arrow_right:before, .mv_live_gifts_supercomment:hover, .docs_choose_rows .docs_item:hover, .docs_choose_upload_area, a.ts_contact.active, a.ts_search_link.active, #market_choose_box .market_block_layout, .photo_upload_separator { background-color: #2f2f2f !important; box-shadow: 2px 7px 3px rgba(0,0,0,.1); } body::-webkit-scrollbar { -webkit-appearance: none; width: 11px; } body::-webkit-scrollbar-thumb, .ui_scroll_default_theme>.ui_scroll_bar_container>.ui_scroll_bar_outer>.ui_scroll_bar_inner { border-radius: 3px; background-color: #4a76a8; transition: background-color 200ms linear, width 150ms linear; } #side_bar ol li .left_row, body, .ui_rmenu_subitem, ._im_to_unread.im-page--dialogs-filter-wrap a, .top_notify_cont, .wddi_text, .module_header .header_top, .page_actions_item, input, textarea, .tabbed_box .summary_tab_sel .summary_tab3, .ChatSettingsInfo__title, .result_list ul li.active, .im-aside-notice-promo.group-messages-notify-block .im-aside-notice--title, .im-aside-notice, .search_filter_main, .result_list ul li, .search_filter_shut, .im-fwd.im-fwd_msg .im-fwd--messages, .links-list__title, #mv_pl_tt .mv_tt_playlist, .wide_column .topics_module .topic_title, .topics_module .topic_inner_link, .ui_search_fltr, .ui_search_fltr_label, .post_author_data .post_author_data_title, .im-chat-input--editing-head, .page_market_item_narrow_price, .audio_subscribe_promo__title, .box_title_wrap.box_grey .box_title, .page_block_sub_header, ul.listing li span, .notify_sources_tt_content .line_cell .info, .article>h1, .group_info_rows_redesign .group_info_row.time .address_time_status_cur_time, #admin_tips #gtop_admin_tips.gtop_complex_message .gtop_content .gtop_message, .wk_address_content .addresses_wrap .address .address_timetable .address_timetable_one_day, .eltt .eltt_fancy_action, .medadd_h, .market_item_title, .market_item_price, .stats_cont_browse_tile, .validation_device_info_name, .top_profile_mrow, .microdata_price, #market_choose_box .market_block_layout .market_row .market_row_price { color: #cacaca !important; } div[contenteditable=true], .audio_page_layout .audio_search_wrapper, .im-page_classic.im-page .im-chat-history-resize, .wall_module .reply_fakebox_wrap { background: #ffffff00 !important; } #side_bar ol li .left_row:hover { color: #292929 !important; background: #909090 !important; box-shadow: 2px 7px 3px rgba(0,0,0,.1); } .eltt, .pv_author_block, .pv_cont .narrow_column, .wall_module .reply_form, .top_notify_show_all, .ui_tabs_header, .box_body, input, .pv_cont .narrow_column, .wall_module .reply_box, .mention_tt_actions, .group_l_row, .group_tokens_row, .groups_edit_event_log_page .groups_edit_event_log_controls, .ui_search_sugg_list, .links-list__item:hover, .online.mobile:after, .stl_active.over_fast #stl_bg, .profile_info_header, .profile_info_edit, #mv_pl_tt .mv_tt_add_playlist, .emoji_tt_wrap, .fc_msgs, .deep_active .replies .reply_box_inner_wrap.fixed, #groups_menu_items .groups_edit_menu_items .group_apps_list_row_drag_wrapper, .audio_pl_snippet2 .audio_shuffle_all_button:hover, #group_apps_list .group_apps_list_rows.group_apps_list_rows_multi .group_apps_list_row_drag_wrapper, #top_notify_wrap, .audio_page_player2.audio_page_player_fixed, .video_upload_separator_text, .cal_table .next_month_day, .cal_table .prev_month_day, .flat_button.secondary:hover, .ui_search_new.ui_search_field_empty .ui_search_button_search, .article_ed_layer, #stats_cont.stats_cont_browse, .paginated_table_header th.paginated_table_cell, .mv_live_gifts_item:hover, .mv_live_gifts_supercomment:hover, .mv_live_gifts_arrow_left:before, .mv_live_gifts_arrow_right:hover:before, .ts_cont_wrap, .box_controls { background-color: #272727 !important; } .page_block, .ui_search, .im-page--toolsw, .im-chat-input, .im-page .im-page--dialogs-footer.ui_grey_block, .audio_page_layout .audio_friends_list, .tt_default, .wddi, .im-chat-input .im-chat-input--txt-wrap, .im-page--chat-header, .wpost_post, .submit_post, .im-mess.im-mess_unread+.im-mess:before, .im-page_classic.im-page .im-page--dcontent, .im-mess.im-mess_selected+.im-mess:before, .page_block_header, .settings_block_footer, .page_actions_wrap, .im-page_classic.im-page .im-page--chat-body-wrap-inner, .im-page .im-page--mess-search, .ChatSettings__content, .gedit_block_footer, .selector_container, .result_list ul, .List, .im-dropbox, .im-create .im-create--tabs, .im-create, .emoji_tabs_l_s, .emoji_tabs_r_s, .im-aside-notice, .emoji_tab_sel, .emoji_tab_sel:hover, .emoji_cat_title, .im-page.im-page_classic.im-page_group .im-group-online .im-group-online--inner, .im-page.im-page_classic.im-page_group .im-group-online, .emoji_tabs, .Button--mobile, .ChatSettingsMembersWidget, .ui_grey_block, .ChatSettingsInfo, .ui_search_fltr, .emoji_sticker_item:hover, .photos_choose_upload_area, .web_cam_photo, .pv_white_bg, .im-audio-message-input, .wk_address_content .addresses_header, .MessageForward__content { background: #272727d4 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23383838' stroke-width='2'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23696969'%3E%3Ccircle cx='769' cy='229' r='8'/%3E%3Ccircle cx='539' cy='269' r='8'/%3E%3Ccircle cx='603' cy='493' r='8'/%3E%3Ccircle cx='731' cy='737' r='8'/%3E%3Ccircle cx='520' cy='660' r='8'/%3E%3Ccircle cx='309' cy='538' r='8'/%3E%3Ccircle cx='295' cy='764' r='8'/%3E%3Ccircle cx='40' cy='599' r='8'/%3E%3Ccircle cx='102' cy='382' r='8'/%3E%3Ccircle cx='127' cy='80' r='8'/%3E%3Ccircle cx='370' cy='105' r='8'/%3E%3Ccircle cx='578' cy='42' r='8'/%3E%3Ccircle cx='237' cy='261' r='8'/%3E%3Ccircle cx='390' cy='382' r='8'/%3E%3C/g%3E%3C/svg%3E") !imortant; } .article_ed_layer__wrap, .fakeinput, input.big_text, input.dark, input.search, /*input.text,*/ textarea { background: #272727 !important; } .im-page .im-page--center-empty { background: url('https://psv4.userapi.com/c856228/u51863636/docs/d14/41e6a3400829/empty_icon.png') no-repeat top !important; } .nim-dialog .nim-dialog--name .nim-dialog--name-w, .im-page .im-search-results-head, .im-popular--name, .ui_actions_menu_item, .im-page--title-main-inner, .feedback_header b, .ui_tabs .ui_tab_sel, .page_block_header, .settings_block_footer, h2, #groups_menu_promo .apps_group_catalog_promo_header, input.dark, .nim-dialog.nim-dialog_typing .nim-dialog--typing, .im-page .im-page--mess-search, .mail_box_group_first_message, .page_name, h1.page_name, .audio_pl_snippet2 .audio_shuffle_all_button, .audio_pl_item2 .audio_pl__subtitle>a, .wk_address_content .addresses_wrap .address .address_timetable .address_timetable_one_day.on, .wk_address_content .addresses_wrap .address .address_time_status .address_time_status_cur_time, .medadd_poll_answer_add { color: #ffff !important; } .nim-dialog .nim-dialog--date, div[contenteditable=true], .nim-dialog .nim-dialog--who, .ms_items_more._more_items a, .im-replied--text, .im-page .im-page--history-new-bar>span, .audio_page_player2 .audio_page_player_title_song, .ui_tab_default .ui_tab_plain, .mv_title, .mv_comments_summary, .emoji_cat_title, .mv_recom_block_title, #stat_group_postsreach_table td, #group_section_menu .module_body .ui_gallery .ui_gallery_item .groups_menu_item .groups_menu_item_title { color: #e6e6e6 !important; } .nim-dialog .nim-dialog--preview, .top_notify_header, .top_notify_cont .feedback_header, .feedback_header, .Tabs__item--active>*, .audio_page_layout .audio_item__title { color: #949494 !important; } .ui_actions_menu_item:hover, .media_selector .ms_items_more .ms_item:hover, .profile_more_info_link:hover { background-color: #a3a6a9 !important; color: #000000 !important; } .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_hovered { background: #3d5877 !important; } .page_counter .count, .subheader, h4.subheader, .tt_w, .Entity__title, .audio_page__shuffle_all .audio_page__shuffle_all_button { color: #eceff3 !important; } .im-mess.im-mess_unread:not(.im-mess_light), .im-mess.im-mess_selected:last-child:before, .im-mess.im-mess_unread:last-child:before, .page_actions_header, .im-mess.im-mess_selected:not(.im-mess_is_editing) { background: #252a31 !important; } #side_bar .more_div, .nim-dialog .nim-dialog--content, .im-chat-input, .ui_rmenu_sep, .wall_module .replies_list, #ads_left.ads_left_empty+.left_menu_nav_wrap, .pv_comments, .deep_active .replies .replies_wrap_deep, .deep_active .post_replies_header, .wddi, .wall_module .reply_box, .submit_post, .mention_tt_actions, .im-page .im-page--dialogs-footer, .wide_column .topics_module .topic_row, .flat_button.ui_load_more_btn, .gedit_block_footer, .top_profile_sep, .nim-dialog:not(.nim-dialog_deleted):hover+.nim-dialog, .nim-dialog:not(.nim-dialog_deleted).nim-dialog:hover, .page_actions_separator, .ui_actions_menu_sep, .audio_subscribe_promo, .ui_search_sugg_list, .top_notify_show_all, .feedback_row, .wall_module .reply~.reply .reply_wrap, .page_actions_inner, div.fc_tab_txt, .olist_item_wrap:hover, .profile_info_block, .ui_grey_block, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected+.nim-dialog, .im-page .im-page--mess-search, .search_sep, .search_row, .bp_post, .friends_user_row, .feed_row~.feed_row .feedback_row_clickable:not(.feedback_row_touched):hover, .im-audio-message-input, .docs_item, .counts_module { border-top-color: #464748 !important; } .deep_active .replies .reply_field_wrap .reply_field, .deep_active .replies .reply_fakebox, .wdd_list, div.wdd, .wpost_post, .ui_search_new .ui_search_input_inner, .module, #top_profile_menu, .ms_items_more, .ui_actions_menu, .eltt, .ui_search_sugg_list, #top_notify_wrap, .page_actions_wrap, .fc_msgs, .fc_tab, div[contenteditable=true], .tt_default, .ui_search_new .ui_search_button_search, .audio_layer_container .audio_page__footer, .audio_layer_container .audio_page_player_wrap, #mv_publish, .im-chat-input .im-chat-input--txt-wrap { border-color:#2f2f2f !important; } /*.page_block { box-shadow: 0 0 0 0 #d7d8db, 0 0 0 0px #e3e4e8 !important; }*/ .ui_search, .im-page--toolsw, input.BlockSearchInput, .ui_tabs, .wide_column .page_top, .group_l_row, .group_edit_row_sep, .page_block_header, .group_tokens_row, .group_list_row, .pv_author_block, .mv_actions_block, .im-page .im-page--mess-search, .olist_item_wrap, .Tabs, .im-page_classic.im-page .im-page--chat-input, .feed_new_posts, .feedback_row_clickable:not(.feedback_row_touched):hover, .audio_layer_container .audio_page_player_wrap, .bt_header, .gifts_box_rows .post, .blst_row, .paginated_table_header th.paginated_table_cell, .mv_live_gifts_block, .docs_choose_rows .docs_item, .mv_comments_summary { border-bottom-color: #2f2f2f !important; } .mv_info_narrow_column, .mv_recom_block_title, .im-page_classic.im-page .im-page--header, .mv_live_gifts_supercomment, .wall_module .copy_quote { border-left-color: #272727 !important; } .audio_page_layout .has_friends_block .audio_page__rows_wrap, .im-page_classic.im-page .im-page--header { border-right-color:#272727 !important; } .chat_onl_inner { /* убираем «быстрые диалоги» */ display:none !important; } .page_photos_module { padding: 15px 15px 15px !important; } #page_header_cont .back, .page_avatar_img, .stl_active.over_fast #stl_bg, #profile_message_send, .stories_feed_preview_item, .post_img, .page_post_sized_thumbs, .im-page--header-more .ui_actions_menu, .nim-dialog:not(.nim-dialog_deleted).nim-dialog:hover, .im-chat-input .ms_items_more, .button_blue button, .button_gray button, .button_light_gray button, .emoji_tt_wrap, .fc_tab, .info_msg, .im-aside-notice, .List--border, .page_block, .online:after, .audio_page_layout .audio_block:before, .page_block._audio_page_content_block:before, .im-page.im-page_classic.im-page_group .im-group-online .im-group-online--inner { box-shadow: 7px 7px 3px 3px rgba(0,0,0,.1) !important; } .online:after { border: 0px solid #ffffff !important; box-shadow: 1px 3px 2px 2px rgba(0,0,0,.1); } .module_body { padding: 12px 14px 15px !important; } .im-page_classic.im-page .im-page--dialogs-search, .im-page_classic .im-page--chat-header-in, .im-chat-input.im-chat-input_classic, .nim-dialog.nim-dialog_unread .nim-dialog--unread, .ChatSettingsInfo, .ChatSettingsMembersWidget, .List--border, .Button--mobile, #admin_tips #gtop_admin_tips.gtop_complex_message, .im-page_classic.im-page .im-page--chat-body-abs { box-shadow: 2px 7px 3px rgba(0,0,0,.1) !important; } .im-page_classic .im-page--chat-header, .im-page_classic.im-page .im-page--chat-input, .nim-dialog:not(.nim-dialog_deleted).nim-dialog.nim-dialog_classic.nim-dialog_unread, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_unread.nim-dialog_classic+.nim-dialog, .ui_tabs.ui_tabs_box, .ListItem--active, .ListItem--can-be-hovered.ListItem--selectable:hover, .like_cont, .emoji_tt_wrap, .photos_container .photos_row, .info_msg, .ListItem--active, .group_friends_image, .ui_search_fltr, .emoji_tt_wrap.tt_down:after, .emoji_tt_wrap.tt_down:before, #mv_pl_tt .mv_tt_private_only+.mv_tt_playlists, #mv_pl_tt .mv_tt_add_playlist, .like_share_ava.wdd_imgs .wdd_img_full, .like_share_ava.wdd_imgs .wdd_img_half, .like_share_ava.wdd_imgs .wdd_img_tiny, .sticker_hints_tt, .Avatar--online:after, .box_controls, .online:after, .sticker_hints_arrow, .cal_table>tbody, .market_item_footer_wrap, .wk_address_content .addresses_header, .app_widget_list_row, .stats_browse_filter, #mv_publish, .im-page_classic.im-page .im-page--chat-body-wrap-inner, .im-page_classic.im-page .im-page--header { border-top-color: #ffffff00 !important; border-color: #ffffff00 !important; border-bottom-color: #ffffff00 !important; border-left-color: #ffffff00 !important; border-right-color: #ffffff00 !important; } .im-page_classic.im-page .im-page--chat-input { border-bottom: solid 0px #ffffff00 !important; } .im-page_classic .im-page--chat-header { top: 42px !important;; } /*.page_actions_cont.narrow .page_actions_header,*/ .page_actions_cont.narrow .page_extra_actions_btn { background-image: url(/images/icons/profile_dots.png?1) !important; background-color: #2f2f2f !important; } .im-page--back-btn:hover { background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="16" viewBox="0 0 9 16" fill="rgb(128,141,153)"><path fill="curentCollor" d="M8 15.9c-.2 0-.4-.1-.6-.3l-7-7c-.3-.3-.3-.9 0-1.2l7-7c.3-.3.9-.3 1.2 0 .3.3.3.9 0 1.2l-6.4 6.4 6.4 6.4c.3.3.3.9 0 1.2-.2.2-.4.3-.6.3z" opacity=".7"/></svg>') 15px 16px no-repeat, linear-gradient(90deg, #2f2f2f 50%, #272727) !important; } .olist_checkbox, .wall_post_source_icon { filter: invert(83%); } .bp_post.bp_selected.bp_animated { background-color: transparent !important; border-color: transparent !important; } .bp_post.bp_selected { background-color: #4872a3 !important; transition: background-color 5000ms linear, border-color 5000ms linear !important; } .notify_sources_tt_content .content:not(:hover) .line_cell.selected, .notify_sources_tt_content .line_cell:hover { background-color: #4872a3 !important; } .emoji_sprite, .ui_scroll_default_theme.ui_scroll_emoji_theme>.ui_scroll_overflow>.ui_scroll_shadow_top, .ui_scroll_default_theme.ui_scroll_emoji_theme>.ui_scroll_overflow>.ui_scroll_shadow_bottom { filter: invert(90%) !important; } .sticker_hints_arrow { background: #272727 url(/images/icons/stickers_hints_arrow.png) no-repeat 50% 50% !important; } .wddi, .wddi_over, .post_actions_btns, .submit_post { border-top-color: #2f2f2f !important; } .nim-peer .nim-peer--photo .im_grid>img, .nim-peer .nim-peer--photo>img, .nim-peer .nim-peer--photo-w, .post_img, .wall_module .copy_post_img, .module_body .people_cell_img, .page_list_module .thumb, .wall_module .reply_img, .post_field_user_image, .top_profile_img, .ow_ava.ow_ava_comm, .friends_photo_img, .right_list_img, .group_row_photo, .group_row_img, .page_square_photo, .page_avatar_img { border-radius: 10px !important; } .left_menu_nav_wrap, #side_bar ol { box-shadow: 7px 7px 3px 3px rgba(0,0,0,.1) !important; padding: 9px 9px !important; padding-left: 14px !important; background-color: #272727a3 !important; border-radius: 5px !important; } /*div#layer_wrap,*/ /*div#box_layer_wrap*/ #layer_bg, #box_layer_bg { backdrop-filter: blur(3px); background: #00000038 !important; opacity: 1 !important; } .tt_default, .tt_default_right { border: 1px solid #6b6969 !important; } .im-page .im-page--history-new-bar { background: #ffffff00 !important; } .im-page .im-page--history-new-bar>span { background: #2f2f2f !important; border-radius: 17px !important; box-shadow: 2px 7px 3px rgba(0,0,0,.1) !important; } .im-page .im-page--history-new-bar:after, .im-page .im-page--history-new-bar:before { display: block; content: ''; height: 1px; width: 50%; background: #e4e6e980 !important; position: absolute; top: 50%; margin-left: 43px; } .article_ed_layer .article_ed_layer__close { filter: invert(1); } .mv_live_gifts_arrow_left:hover:before, .mv_live_gifts_arrow_right:hover:before { background-image: linear-gradient(0deg, #fff, #f0f2f5, #fff) !important; } #ads_left, ._ads_block_data_w, .page_block .apps_feedRightAppsBlock .apps_feedRightAppsBlock_single_app, .fc_tab_wrap { display: none !important; } `); blur = GM_addStyle(` .left_menu_nav_wrap, #side_bar ol, .ui_scroll_inner.tt_noappend { backdrop-filter: blur(3px); } `); darkStyleBacground = GM_addStyle(` body { background-image: url(${GM_getValue('background')}); background-color: #2f2f2f; background-attachment: fixed; background-size: 100%; } `); } //#endregion $(document).ready(function () { if (GM_getValue('enable') == true) $('body').css({ 'background-image': 'url("' + GM_getValue('background') + '")', 'background-size': '100%', 'background-attachment': 'fixed' }); }); function removeStyle() { if (darkStyle && darkStyle.id) { darkStyle.remove(); } if (darkStyleBack && darkStyleBack.id) { darkStyleBack.remove(); } if (blur && blur.id) { blur.remove(); } } //#region переименование группы $(document).ready(function () { $('#l_gr > a > span > span.left_label.inl_bl').text(GM_getValue('group')); }) //#endregion $(document).ready(function () { let names = JSON.parse(GM_getValue('names')).map(v => v.toLowerCase()); let userName = $('.top_profile_name').text(); if (names.indexOf(userName.toLowerCase()) > -1) { if (darkStyle && darkStyle.id) { $(`#${darkStyle.id}`).remove(); } } $('#side_bar_inner ol').append($('<div>', { class: 'more_div' })).append($('<li>', { id: 'l_bt' }).append($('<a>', { class: 'left_row' }).on("click", () => { window.open('https://greasyfork.org/ru/scripts/392169-dark-vk-theme') }).append($('<span>', { class: 'left_fixer', html: [ $('<span>', { class: 'left_count_wrap fl_r left_void' }).append($('<span>', { class: 'inl_bl left_count_sign' })), $('<span>', { class: 'left_icon fl_l' }), $('<span>', { class: 'left_label inl_bl', text: `Версия: ${GM_info.script.version}` }) ] })))) $('#side_bar_inner ol').append($('<li>', { id: 'l_bt' }).append($('<a>', { class: 'left_row' }).on("click", () => { window.open('https://vk.com/dygdyg') }).append($('<span>', { class: 'left_fixer', html: [ $('<span>', { class: 'left_count_wrap fl_r left_void' }).append($('<span>', { class: 'inl_bl left_count_sign' })), $('<span>', { class: 'left_icon fl_l' }), $('<span>', { class: 'left_label inl_bl', text: `Автор: DygDyg` }) ] })))) $('#side_bar_inner ol').append($('<li>', { id: 'l_bt' }).append($('<a>', { class: 'left_row' }).on("click", () => { window.open('https://vk.com/topic-109462867_43703182') }).append($('<span>', { class: 'left_fixer', html: [ $('<span>', { class: 'left_count_wrap fl_r left_void' }).append($('<span>', { class: 'inl_bl left_count_sign' })), $('<span>', { class: 'left_icon fl_l' }), $('<span>', { class: 'left_label inl_bl', text: `Нашли баг?` }) ] })))) $('#side_bar_inner ol').append($('<li>', { id: 'l_bt' }).append($('<a>', { class: 'left_row' }).on("click", test).append($('<span>', { class: 'left_fixer', html: [ $('<span>', { class: 'left_count_wrap fl_r left_void' }).append($('<span>', { class: 'inl_bl left_count_sign' })), $('<span>', { class: 'left_icon fl_l' }), $('<span>', { class: 'left_label inl_bl', text: `Настройки` }) ] })))) }); //#region Модальное окно //стиль GM_addStyle(` #alert { background: #000000a3; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23383838' stroke-width='2'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23696969'%3E%3Ccircle cx='769' cy='229' r='8'/%3E%3Ccircle cx='539' cy='269' r='8'/%3E%3Ccircle cx='603' cy='493' r='8'/%3E%3Ccircle cx='731' cy='737' r='8'/%3E%3Ccircle cx='520' cy='660' r='8'/%3E%3Ccircle cx='309' cy='538' r='8'/%3E%3Ccircle cx='295' cy='764' r='8'/%3E%3Ccircle cx='40' cy='599' r='8'/%3E%3Ccircle cx='102' cy='382' r='8'/%3E%3Ccircle cx='127' cy='80' r='8'/%3E%3Ccircle cx='370' cy='105' r='8'/%3E%3Ccircle cx='578' cy='42' r='8'/%3E%3Ccircle cx='237' cy='261' r='8'/%3E%3Ccircle cx='390' cy='382' r='8'/%3E%3C/g%3E%3C/svg%3E"); backdrop-filter: blur(2px); width: 100%; height: 100%; position: fixed; z-index: 99999999; text-align: center; } #window1 { background-color: #272727db !important; width: 300px; /*height: 120px;*/ border-radius: 4px; position: absolute; top: 10%; left: 50%; transform: translate(-50%); padding: 10px 10px 10px 10px; box-shadow: 7px 7px 3px 3px rgba(0,0,0,.1); } .stop-scrolling { height: 100%; overflow: hidden; } .theme_button { display: block; padding: 7px 16px 8px; margin: 5px; font-size: 12.5px; zoom: 1; cursor: pointer; white-space: nowrap; outline: none; font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,"Noto Sans Armenian","Noto Sans Bengali","Noto Sans Cherokee","Noto Sans Devanagari","Noto Sans Ethiopic","Noto Sans Georgian","Noto Sans Hebrew","Noto Sans Kannada","Noto Sans Khmer","Noto Sans Lao","Noto Sans Osmanya","Noto Sans Tamil","Noto Sans Telugu","Noto Sans Thai",sans-serif; vertical-align: top; line-height: 15px; text-align: center; text-decoration: none; background: none; background-color: #5181b8; color: #fff; border: 0; border-radius: 4px; box-sizing: border-box; box-shadow: 7px 7px 3px 3px rgba(0,0,0,.1); } div#test1 { text-align: center; } div#key { text-align: center; margin-bottom: 40px; } .text_menu { width: 290px; margin: 5px; box-sizing: border-box; padding: 7px; border: none; border-radius: 2px; display: flex; height: 86px; resize: none; background: #6b6b6bad !important; color: white; box-shadow: 7px 7px 3px 3px rgba(0,0,0,.1); } div#image { width: 290px; height: 180px; margin: 0 auto; margin-bottom: 5px; border-radius: 4px; } .theme_text_name { font-size: 19px; line-height: 25px; font-weight: 400; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; margin: -1px 0 -1px -1px; overflow: hidden; text-overflow: ellipsis; padding-left: 1px; color: #fff; box-shadow: 7px 7px 3px 3px rgba(0,0,0,.1); } .cont-bottom { border-bottom: 1px solid #b5b1b191; } img.izo { object-fit: cover; width: 100%; height: 100%; background: url(https://sun9-57.userapi.com/c857620/v857620009/18a5fd/uOxmtZm_L2A.jpg); background-size: 100%; box-shadow: 7px 7px 3px 3px rgba(0,0,0,.1); } #alert { cursor: url('https://psv4.userapi.com/c856236/u51863636/docs/d18/10eb2dcc6647/636329186537635884.png'), auto; } `) //#endregion //#region Модальное окно //логика var on = true; var range_11 = 0; function test() { var newImage; $('body').addClass('stop-scrolling').prepend( $('<div>', { id: 'alert' }).append( $('<div>', { id: 'window1' }).append( $('<div>', { class: 'cont-bottom', id: 'cont1', html: [ $('<div>', { class: 'theme_text_name', text: 'Установка фона' }), $('<div>', { id: 'image' }).append($('<img>', { class: 'izo', src: GM_getValue('background') })), $('<textarea>', { class: 'text_menu', id: 'text_background', text: GM_getValue('background') }).on('change keyup blur', function (e) { let URLtext = $('#text_background').val(); $('#image img.izo').attr('src', URLtext); newImage = URLtext; }) ] })).append( $('<div>', { class: 'cont-bottom', id: 'cont1', html: [ $('<div>', { class: 'theme_button', id: 'button_delete', style: 'display: none;', text: 'Выключить тему' }).on('click', () => { theme_off(); GM_setValue('enable', false); exit_(); }), $('<div>', { class: 'theme_button', id: 'button_spawn', style: 'display: none;', text: 'Включить тему' }).on('click', () => { theme(); GM_setValue('enable', true); exit_(); }) ] })).append( $('<div>', { class: 'cont-bottom', id: 'cont1', html: [ $('<div>', { class: 'theme_text_name', style: 'margin-top: 10px;', text: 'Текст кнопки группы' }), $('<textarea>', { class: 'text_menu', id: 'text_group', text: GM_getValue('group'), style: 'height: 32px;' }).on('change keyup blur', function (e) { _group = $('#text_group').val(); }), ] })).append( $('<div>', { class: 'theme_button', id: 'button_save', style: 'margin-top: 10px;', text: 'Сохранить' }).on('click', () => { newImage = $('#text_background').val(); _group = $('#text_group').val(); GM_setValue('background', newImage); GM_setValue('group', _group); $('#l_gr > a > span > span.left_label.inl_bl').text(GM_getValue('group')); $('body').css({ 'background': 'url("' + newImage + '") #2F2F30', 'background-size': '100%', 'background-attachment': 'fixed' }); exit_(); })).append( $('<input>', { type: 'range', class: 'theme_range', id: 'range_col', value: 55, min: 0, max: 360, style: 'width: 95%; size: auto; margin: 0 auto;', oninput: 'range_11 = this.value' })).on('input', function () { col = $("#range_col").val(); range_col() }).append( $('<div>', { class: 'theme_button', id: 'button_exit', text: 'Закрыть' }).on('click', exit_)).append( $('<button>', { class: "jscolor {valueElement:'chosen-value', onFineChange:'setTextColor(this)'}", text: 'ТЕСТ', style: 'display: none;' }) ) ) ); function setTextColor(picker) { document.getElementsByTagName('body')[0].style.color = '#' + picker.toString() } var range_coll; range_col() function range_col() { if (range_coll && range_coll.id) { range_coll.remove() }; //console.log(col); range_coll = GM_addStyle(` .top_audio_player:hover, .audio_page_player2 .audio_page_player_play:hover .icon, .audio_page_player2 .audio_page_player_play .icon, .slider .slider_amount, .slider .slider_back, .theme_button, #page_header_cont .back, .top_nav_link:hover, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_hovered, .ui_rmenu_item:hover, .ui_rmenu_subitem:hover, .ui_rmenu_item_sel, .ui_rmenu_item_sel:hover, .olist_item_wrap:hover, .docs_choose_upload_area:hover, .box_title_wrap.box_grey, .ui_tab_sel, .ui_tab_sel:hover, .ui_tabs .ui_tab_sel, .ui_tabs .ui_tab_sel:hover, .ui_tabs_box .ui_tab_sel, .ui_tabs_box .ui_tab_sel:hover, .ui_rmenu_item:hover, .ui_rmenu_subitem:hover, .ui_rmenu_item_sel, .ui_rmenu_item_sel:hover, .olist_item_wrap:hover, .docs_choose_upload_area:hover, .button_blue button, .button_gray button, .button_light_gray button, .flat_button, .box_title_wrap.box_grey { filter: hue-rotate(${col}deg) saturate(100%); /*background: hsl(${col}, 39%, 47%) !important;*/ } `); } function theme_off() { darkStyleBacground.remove(); darkStyle.remove(); darkStyle1.remove(); $('body').css({ 'background-color': '', 'background-image': '' }); $('#button_delete').css({ 'display': 'none' }); $('#button_spawn').css({ 'display': 'block' }); } if (GM_getValue('enable') == true) $('#button_delete').css({ 'display': 'block' }); if (GM_getValue('enable') == false) $('#button_spawn').css({ 'display': 'block' }); } //#endregion var t = ' '; /*$(document).keyup(function (e) { t = e.code; console.dir(t); });*/ let pressed = new Set(); $(document).on('keyup', function (e) { t = e.originalEvent.code; pressed.add(t); //console.log(pressed); pressed.clear(); console.log(t); }); /*$(document).ready(function () { $("body").keydown(function (event) { // задаем функцию при отпускании после нажатия любой клавиши клавиатуры на элементе console.log(event.which); // выводим код нажатой клавиши }); });*/ function exit_() { $('#alert').remove(); $('body').removeClass('stop-scrolling'); } ///Модальное окно $(document).ready(function () { if (GM_getValue('ver_info') != ver_info) { info(); GM_setValue('ver_info', ver_info); } }) if (GM_getValue('enable') == true) theme(); function info() { $('body').addClass('stop-scrolling').prepend( $('<div>', { id: 'alert' }).append( $('<div>', { id: 'window1' }).append( $('<div>', { class: 'cont-bottom', id: 'cont1', html: [ $('<div>', { class: 'theme_text_name', text: GM_info.script.name + ' ' + GM_info.script.version }), $('<div>', { class: 'theme_text_name', text: 'Нововведения:' }), ] }) ).append( $('<div>', { class: 'cont-bottom', id: 'cont1', html: [ $('<div>', { style: 'font-size: 14px; text-align: -webkit-auto;', class: 'theme_text_name', text: _info }) ] })).append( $('<div>', { class: 'theme_button', id: 'button_exit', text: 'Закрыть' }).on('click', exit_)) ) ) }
