☰

Greasy Fork is available in English.

Dark VK Theme

Тёмная тема для VK

Verze ze dne 15. 12. 2020. Zobrazit nejnovější verzi.

  1. // ==UserScript==
  2. // @name          Dark VK Theme
  3. // @description	  Тёмная тема для VK
  4. // @author        DygDyg
  5. // @homepage      http://dygdyg.ddns.net
  6. // @include       https://vk.com/*
  7. // @require       https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
  8. // @require       https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js
  9. // @icon          https://vk.com/images/icons/favicons/fav_logo.ico
  10. // @version       0.0.11.48
  11. // @run-at        document-start
  12. // @grant         GM_setValue
  13. // @grant         GM_getValue
  14. // @grant         GM_addStyle
  15. // @grant 		  GM_info
  16. // @grant         GM_unregisterMenuCommand
  17. // @grant         GM_registerMenuCommand
  18. // @grant         GM_openInTab
  19. // @grant         GM_getResourceText
  20. // @grant         GM_notification
  21. // @namespace https://greasyfork.org/users/303755
  22. // ==/UserScript==
  23.  
  24. var $ = window.jQuery;
  25.  
  26. var darkStyle1, darkStyle, darkStyleBacground;
  27.  
  28. if (GM_getValue('enable', null) == null) GM_setValue('enable', true);
  29. if (GM_getValue('names', null) == null) GM_setValue('names', JSON.stringify([]));
  30. if (GM_getValue('debug', null) == null) GM_setValue('debug', false);
  31. if (GM_getValue('group', null) == null) GM_setValue('group', 'Группы');
  32. if (GM_getValue('message_name', null) == null) GM_setValue('message_name', 'Сообщения');
  33. if (GM_getValue('ver_info', null) == null) GM_setValue('ver_info', '0');
  34. if (GM_getValue('ver_info', null) == null) GM_setValue('ver_info', '0');
  35.  
  36.  
  37. var ver_info = '4';
  38. var col = 0;
  39. var _info = "Добавил возможность переименовать вкладку сообщения, которая стала мессенджер";
  40.  
  41.  
  42.  
  43. if (GM_getValue('debug', false)) {
  44.     $(document).ready(function () {
  45.         test();
  46.     })
  47. }
  48.  
  49.  
  50. //#region Дебаг режим
  51. GM_registerMenuCommand('Дебаг режим', () => {
  52.  
  53.     GM_setValue('debug', !GM_getValue('debug'));
  54.     if (GM_getValue('debug') == true) {
  55.         GM_notification({ title: 'Дебаг режим:', text: '✅ Включён', timeout: 3000 });
  56.     } else {
  57.         GM_notification({ title: 'Дебаг режим:', text: '⛔ Выключен', timeout: 3000 });
  58.     }
  59. });
  60. //#endregion
  61.  
  62.  
  63. //#region Тело скина
  64. function theme() {
  65.     if (darkStyleBacground && darkStyleBacground.id) { darkStyleBacground.remove() }
  66.     if (darkStyle && darkStyle.id) { darkStyle.remove() }
  67.     if (darkStyle1 && darkStyle1.id) { darkStyle1.remove() }
  68.     $('#button_spawn').css({ 'display': 'none' });
  69.     $('#button_delete').css({ 'display': 'block' });
  70.     //$('body').css({ 'background-image': 'url("' + GM_getValue('background') + '")', 'background-size': '100%', 'background-attachment': 'fixed' });
  71.     $('body').css({ 'background-image': 'url("' + GM_getValue('background') + '")', 'background-color': '#2F2F30', 'background-size': '100%', 'background-attachment': 'fixed' });
  72.  
  73.  
  74.  
  75.  
  76.     darkStyle1 = GM_addStyle(`
  77.  
  78.  
  79. #layer_wrap,
  80. div#wk_layer_wrap,
  81. #box_layer_wrap
  82. {
  83.     background-color: #000000a3 !important;
  84.     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");
  85.     /*width: 100%;*/
  86.     /*height: 100%;*/
  87.     /*position: fixed;*/
  88.     /*z-index: 99999999;*/
  89.     background-attachment: fixed;
  90.     /*text-align: center;*/
  91. }
  92.  
  93. .body_im .side_bar
  94. {
  95.     padding-left: 130px !important;
  96. }
  97.  
  98. .side_bar_inner
  99. {
  100.     width: 160px !important;
  101. }
  102.  
  103. .dark-theme-box
  104. {
  105.     position: fixed;
  106.     white-space: nowrap;
  107.     z-index: 200;
  108.     height: 42px;
  109.     top: 0;
  110.     left: 0;
  111.     padding: 0 5px 0 10px;
  112.     line-height: 42px;
  113. }
  114.  
  115. .dark-theme-box a
  116. {
  117.     color: red;
  118. }
  119. `);
  120.  
  121.  
  122.  
  123.     darkStyle = GM_addStyle(`
  124.  
  125.  
  126.  
  127.     .ui_rmenu_item,
  128. .olist_item_name,
  129. .app_widget_list_row,
  130. .flat_button.ui_load_more_btn,
  131. .audio_subscribe_promo__text,
  132. a,
  133. .web_cam_photo,
  134. .ui_rmenu_subitem,
  135. .reply_submit_hint_opts .radiobtn,
  136. .gtop_complex_message .gtop_content .gtop_header,
  137. .deep_active .post_replies_header .post_replies_reorder,
  138. .post_action_btn.on,
  139. .box_controls .flat_button.secondary,
  140. .flat_button.secondary.button_light,
  141. #mv_publish,
  142. .button_gray button, .flat_button.secondary,
  143. .button_blue button,
  144. .button_gray button,
  145. .button_light_gray button,
  146. .ShortVideoStub__title,
  147. .im-page-pinned--media,
  148. .sticker_extra_tt .tt_text .stickers_extra_text>b,
  149. .ui_gallery_wall_cards .wall_card__title_link,
  150. .deep_active.wall_module .post_replies_header .post_replies_reorder
  151. {
  152.     color: #afc6dc !important;
  153. }
  154.  
  155. [dir=ltr] body.new_header_design #side_bar ol{
  156.     margin: 0px 0px 6px -9px !important;
  157.     padding-left: 3px !important;
  158. }
  159. [dir=ltr] body.new_header_design #ads_left.ads_left_empty+.left_menu_nav_wrap{
  160.     margin: 0px 0px 6px -9px !important;
  161.     padding: 8px 7px 9px 9px !important;
  162. }
  163.  
  164. [dir] .left_menu_nav_wrap {
  165.     padding: 10px 9px 9px 11px !important;
  166.     margin: 0px 0px 6px -9px !important;
  167. }
  168.  
  169. .left_settings_inner {
  170.     /*width: 20px !important;
  171.     height: 21px !important;*/
  172.     left: -16px !important;
  173.     opacity: 1/* !important*/;
  174.     background-size: 161%;
  175.     background-color: #353535b3;
  176.     background-position-x: 3px;
  177.     background-position-y: -57px;
  178.     border-radius: 5px;
  179.     background-image: url(/images/icons/common.png?6);
  180.     filter: initial;
  181. }
  182.  
  183. .ui_rmenu_item:hover,
  184. .ui_rmenu_subitem:hover,
  185. .ui_rmenu_item_sel,
  186. .ui_rmenu_item_sel:hover,
  187. .olist_item_wrap:hover,
  188. .docs_choose_upload_area:hover,
  189. .box_title_wrap.box_grey
  190. {
  191.     background-color: #4a76a8 !important;
  192. }
  193.  
  194.  
  195.     #top_profile_menu,
  196.     .thumbed_link__label,
  197.     textarea,
  198.     .mv_info,
  199.     .media_link__label
  200.     .online.mobile:after,
  201.     .media_link__label,
  202.     .im-mess.im-mess_light,
  203.     .nim-dialog:not(.nim-dialog_deleted).nim-dialog_unread.nim-dialog_classic,
  204.     div.fc_tab_txt,
  205.     #wk_box,
  206.     .pv_cont .pv_comments_header,
  207.     .Button--mobile:hover,
  208.     .ListItem--active,
  209.     .EditableLabel:hover .EditableLabel__text,
  210.     .ListItem--can-be-hovered.ListItem--selectable:hover,
  211.     .result_list ul li.active,
  212.     .emoji_tab:hover,
  213.     .ui_actions_menu,
  214.     .nim-dialog:not(.nim-dialog_deleted):hover,
  215.     div.wdd,
  216.     .ListItem--active,
  217.     .ListItem--border:before,
  218.     .wddi_over,
  219.     .photos_choose_upload_area:hover,
  220.     .web_cam_photo:hover,
  221.     .mail_box_cont,
  222.     .wddi_no,
  223.     .flist_item_wrap:hover,
  224.     .tt_default,
  225.     .tt_default_right,
  226.     .cal_clear,
  227.     #mv_publish,
  228.     .CatalogBlock__separator,
  229.     .ui_search_new.ui_search_dark .ui_search_input_inner,
  230.     .info_msg
  231.     {
  232.         background-color: #2f2f2f !important;
  233.         box-shadow: 2px 7px 3px rgba(0,0,0,.1);
  234.     }
  235.  
  236.  
  237.     .deep_active .replies .reply_fakebox,
  238.     .ui_tabs.ui_tabs_box,
  239.     .prefix_input_wrap,
  240.     .audio_row:hover:not(.audio_row__current) .audio_row_content,
  241.     .audio_page__shuffle_all .audio_page__shuffle_all_button:hover,
  242.     .audio_layer_container .audio_friend:hover,
  243.     .ui_search_sugg_list .ui_search_suggestion_selected,
  244.     .top_notify_cont .feedback_row:not(.dld):hover,
  245.     .feedback_row_clickable:not(.feedback_row_touched):hover,
  246.     .audio_row.audio_row__current .audio_row_content,
  247.     .page_actions_item:hover:not(.grey_hoverable),
  248.     .nim-dialog.nim-dialog_classic.nim-dialog_unread-out .nim-dialog--inner-text,
  249.     .fc_tab,
  250.     .tabbed_box .summary_tab_sel .summary_tab2,
  251.     .feedback_row_wrap.unread:not(.feedback_row_touched),
  252.     .tabbed_box .summary_tab a:hover,
  253.     .blst_last:hover,
  254.     .tabbed_box .summary_tab .summary_tab3:hover,
  255.     .photos_container .photos_row,
  256.     .ms_items_more,
  257.     .sticker_hints_tt,
  258.     .box_msg,
  259.     .box_msg_gray,
  260.     .msg,
  261.     .tabbed_box .summary_tab_sel .summary_tab3:hover,
  262.     .my_current_info:hover,
  263.     .audio_pl_snippet2,
  264.     .im_msg_audiomsg .audio-msg-track:not(.audio-msg-player):hover,
  265.     .article_ed_layer .article_ed_layer__header,
  266.     #admin_tips #gtop_admin_tips.gtop_complex_message,
  267.     #page_block_group_admin_tips .group_edit_admin_tips_item:hover,
  268.     .group_edit.group_edit_admin_tips .group_edit_admin_tips_item:hover,
  269.     .eltt .eltt_fancy_action:hover,
  270.     .cal_table .day,
  271.     .market_item_content,
  272.     .button_gray button,
  273.     .flat_button.secondary,
  274.     .audio_page_layout .audio_page_separator,
  275.     .stats_cont_browse_tile,
  276.     .piechart_col_header th,
  277.     #stat_group_postsreach_table td,
  278.     .group_info_rows_redesign .group_info_row.onboarding_placeholder .line_value.line_edit,
  279.     .group_info_rows_redesign .group_info_row.onboarding_placeholder .line_value:hover,
  280.     .my_current_info:hover,
  281.     .no_current_info:hover,
  282.     .mv_live_gifts_arrow_right:before,
  283.     .mv_live_gifts_supercomment:hover,
  284.     .docs_choose_rows .docs_item:hover,
  285.     .docs_choose_upload_area,
  286.     a.ts_contact.active, a.ts_search_link.active,
  287.     #market_choose_box .market_block_layout,
  288.     .tt_w.top_notify_tt,
  289.     .idd_popup .idd_header_wrap,
  290.     .idd_popup .idd_items_content,
  291.     .photo_upload_separator
  292.     {
  293.         background-color: #2f2f2f !important;
  294.         box-shadow: 2px 7px 3px rgba(0,0,0,.1);
  295.     }
  296.  
  297.     body::-webkit-scrollbar
  298.     {
  299.     -webkit-appearance: none;
  300.     width: 11px;
  301.     }
  302.  
  303. body::-webkit-scrollbar-thumb,
  304. .ui_scroll_default_theme>.ui_scroll_bar_container>.ui_scroll_bar_outer>.ui_scroll_bar_inner
  305. {
  306.     border-radius: 3px;
  307.     background-color: #4a76a8;
  308.     transition: background-color 200ms linear, width 150ms linear;
  309. }
  310.  
  311.  
  312.     #side_bar ol li .left_row,
  313.     body,
  314.     .ui_rmenu_subitem,
  315.     ._im_to_unread.im-page--dialogs-filter-wrap a,
  316.     .top_notify_cont,
  317.     .wddi_text,
  318.     .module_header .header_top,
  319.     .page_actions_item,
  320.     input,
  321.     textarea,
  322.     .tabbed_box .summary_tab_sel .summary_tab3,
  323.     .ChatSettingsInfo__title,
  324.     .result_list ul li.active,
  325.     .im-aside-notice-promo.group-messages-notify-block .im-aside-notice--title,
  326.     .im-aside-notice,
  327.     .search_filter_main,
  328.     .result_list ul li,
  329.     .search_filter_shut,
  330.     .im-fwd.im-fwd_msg .im-fwd--messages,
  331.     .links-list__title,
  332.     #mv_pl_tt .mv_tt_playlist,
  333.     .wide_column .topics_module .topic_title,
  334.     .topics_module .topic_inner_link,
  335.     .ui_search_fltr,
  336.     .ui_search_fltr_label,
  337.     .post_author_data .post_author_data_title,
  338.     .im-chat-input--editing-head,
  339.     .page_market_item_narrow_price,
  340.     .audio_subscribe_promo__title,
  341.     .box_title_wrap.box_grey .box_title,
  342.     .page_block_sub_header,
  343.     ul.listing li span,
  344.     .notify_sources_tt_content .line_cell .info,
  345.     .article>h1,
  346.     .group_info_rows_redesign .group_info_row.time .address_time_status_cur_time,
  347.     #admin_tips #gtop_admin_tips.gtop_complex_message .gtop_content .gtop_message,
  348.     .wk_address_content .addresses_wrap .address .address_timetable .address_timetable_one_day,
  349.     .eltt .eltt_fancy_action,
  350.     .medadd_h,
  351.     .market_item_title,
  352.     .market_item_price,
  353.     .stats_cont_browse_tile,
  354.     .validation_device_info_name,
  355.     .top_profile_mrow,
  356.     .microdata_price,
  357.     .notify_tt_text,
  358.     .im-mess-stack .im-mess-stack--gift,
  359.     .ShortVideoStub__text,
  360.     body.new_header_design #side_bar .left_label,
  361.     #market_choose_box .market_block_layout .market_row .market_row_price
  362.     {
  363.         color: #cacaca !important;
  364.     }
  365.  
  366.     [dir] body.new_header_design .p_head_l0 .top_home_link .top_home_logo,
  367.     [dir] body.new_header_design .p_head_l97 .top_home_link .top_home_logo,
  368.     [dir] body.new_header_design .p_head_l114 .top_home_link .top_home_logo,
  369.     [dir] body.new_header_design .p_head_l1 .top_home_link .top_home_logo
  370.     {
  371.         background-image: url("data:image/svg+xml,%3Csvg fill='none' height='25' width='136' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 11.5c0-5.42 0-8.13 1.68-9.82C3.37 0 6.08 0 11.5 0h1c5.42 0 8.13 0 9.82 1.68C24 3.37 24 6.08 24 11.5v1c0 5.42 0 8.13-1.68 9.82C20.63 24 17.92 24 12.5 24h-1c-5.42 0-8.13 0-9.82-1.68C0 20.63 0 17.92 0 12.5z' fill='%232787f5'/%3E%3Cg clip-rule='evenodd' fill-rule='evenodd'%3E%3Cpath d='M6.5 7.5H4.75c-.5 0-.6.24-.6.5 0 .46.6 2.76 2.76 5.8 1.45 2.07 3.49 3.2 5.34 3.2 1.11 0 1.25-.25 1.25-.68v-1.57c0-.5.1-.6.46-.6.26 0 .7.13 1.74 1.13 1.19 1.19 1.38 1.72 2.05 1.72h1.75c.5 0 .75-.25.6-.74-.15-.5-.72-1.2-1.47-2.05-.4-.49-1.02-1-1.2-1.26-.26-.34-.2-.49 0-.78 0 0 2.13-3 2.35-4.03.11-.37 0-.64-.53-.64H17.5a.76.76 0 00-.76.5s-.9 2.16-2.15 3.57c-.41.41-.6.54-.82.54-.1 0-.27-.13-.27-.5V8.14c0-.44-.13-.64-.5-.64h-2.75c-.28 0-.45.2-.45.4 0 .42.64.52.7 1.7v2.58c0 .57-.1.67-.32.67-.6 0-2.04-2.18-2.9-4.67-.16-.48-.33-.68-.78-.68z' fill='%23fff'/%3E%3Cpath d='M66.86 12.5c0 3.24-2.43 5.5-5.78 5.5s-5.78-2.26-5.78-5.5S57.73 7 61.08 7s5.78 2.26 5.78 5.5zm-8.97 0c0 1.97 1.3 3.3 3.19 3.3s3.19-1.33 3.19-3.3c0-1.98-1.3-3.25-3.19-3.25s-3.19 1.28-3.19 3.25zm-17.14-.21c.95-.44 1.56-1.18 1.56-2.33 0-1.73-1.58-2.96-3.87-2.96h-5.27v11h5.5c2.37 0 4.02-1.29 4.02-3.05 0-1.33-.87-2.32-1.94-2.66zM35.6 9.01h2.83c.85 0 1.44.5 1.44 1.2s-.6 1.2-1.44 1.2h-2.83zM38.67 16h-3.06V13.3h3.06c.96 0 1.59.55 1.59 1.36s-.63 1.33-1.59 1.33zM51.84 18h3.19l-5.06-5.71L54.61 7h-2.9l-3.68 4.27h-.6V7H45v11h2.44v-4.38h.59zM76.47 7v4.34h-4.93V7H69.1v11h2.43v-4.44h4.93V18h2.43V7zM86.9 18h-2.44V9.22h-3.8V7H90.7v2.22h-3.8zm9.5-11c-2.11 0-3.91.89-4.52 2.8l2.24.37c.34-.67 1.05-1.2 2.15-1.2 1.33 0 2.06.84 2.17 2.28h-2.32c-3.23 0-4.79 1.42-4.79 3.45 0 2.05 1.59 3.3 3.78 3.3 1.8 0 3-.72 3.53-1.63l.5 1.63h1.76v-6.18c0-3.19-1.74-4.82-4.5-4.82zm-.72 9c-1.19 0-1.9-.5-1.9-1.4 0-.85.57-1.44 2.43-1.44h2.35c0 1.8-1.19 2.84-2.88 2.84zm17.99 2h-3.2l-3.8-4.38h-.6V18h-2.43V7h2.43v4.27h.6L110.34 7h2.9l-4.63 5.29zm3.88 0h2.43V9.22h3.8V7h-10.04v2.22h3.8zM130.1 7c3.34 0 5.56 2.4 5.56 5.37 0 .3-.02.55-.04.79h-8.54c.23 1.69 1.36 2.69 3.17 2.69 1.29 0 2.15-.4 2.68-1.2l2.29.39c-.88 2.01-2.83 2.96-5.12 2.96a5.28 5.28 0 01-5.51-5.5c0-3.12 2.17-5.5 5.51-5.5zm2.92 4.25c-.4-1.37-1.4-2.15-2.92-2.15-1.48 0-2.47.74-2.87 2.15z' fill='%23cacaca'/%3E%3C/g%3E%3C/svg%3E") !important;
  372.     }
  373.  
  374.     div[contenteditable=true],
  375.     .audio_page_layout .audio_search_wrapper,
  376.     .im-page_classic.im-page .im-chat-history-resize,
  377.     .wall_module .reply_fakebox_wrap
  378.     {
  379.         background: #ffffff00 !important;
  380.     }
  381.  
  382.     #side_bar ol li .left_row:hover
  383.     {
  384.         color: #292929 !important;
  385.         background-color: #909090 !important;
  386.         box-shadow: 2px 7px 3px rgba(0,0,0,.1);
  387.     }
  388.  
  389.     .eltt,
  390.     .pv_author_block,
  391.     .pv_cont .narrow_column,
  392.     .wall_module .reply_form,
  393.     .top_notify_show_all,
  394.     .ui_tabs_header,
  395.     .box_body,
  396.     input,
  397.     .pv_cont .narrow_column,
  398.     .wall_module .reply_box,
  399.     .mention_tt_actions,
  400.     .group_l_row,
  401.     .group_tokens_row,
  402.     .groups_edit_event_log_page .groups_edit_event_log_controls,
  403.     .ui_search_sugg_list,
  404.     .links-list__item:hover,
  405.     .online.mobile:after,
  406.     .stl_active.over_fast #stl_bg,
  407.     .profile_info_header,
  408.     .profile_info_edit,
  409.     #mv_pl_tt .mv_tt_add_playlist,
  410.     .emoji_tt_wrap,
  411.     .fc_msgs,
  412.     .deep_active .replies .reply_box_inner_wrap.fixed,
  413.     #groups_menu_items .groups_edit_menu_items .group_apps_list_row_drag_wrapper,
  414.     .audio_pl_snippet2 .audio_shuffle_all_button:hover,
  415.     #group_apps_list .group_apps_list_rows.group_apps_list_rows_multi .group_apps_list_row_drag_wrapper,
  416.     #top_notify_wrap,
  417.     .audio_page_player2.audio_page_player_fixed,
  418.     .video_upload_separator_text,
  419.     .cal_table .next_month_day,
  420.     .cal_table .prev_month_day,
  421.     .flat_button.secondary:hover,
  422.     .ui_search_new.ui_search_field_empty .ui_search_button_search,
  423.     .article_ed_layer,
  424.     #stats_cont.stats_cont_browse,
  425.     .paginated_table_header th.paginated_table_cell,
  426.     .mv_live_gifts_item:hover,
  427.     .mv_live_gifts_supercomment:hover,
  428.     .mv_live_gifts_arrow_left:before,
  429.     .mv_live_gifts_arrow_right:hover:before,
  430.     .ts_cont_wrap,
  431.     .search_filters_minimized_text,
  432.     .idd_popup .idd_item.idd_hl,
  433.     [dir] body.new_header_design .top_nav_link.active,
  434.     .box_controls
  435.         {
  436.             background-color: #272727 !important;
  437.         }
  438.  
  439.  
  440.     .page_block,
  441.     .ui_search,
  442.     .im-page--toolsw,
  443.     .im-chat-input,
  444.     .im-page .im-page--dialogs-footer.ui_grey_block,
  445.     .tt_default,
  446.     .wddi,
  447.     .im-chat-input .im-chat-input--txt-wrap,
  448.     .im-page--chat-header,
  449.     .wpost_post,
  450.     .submit_post,
  451.     .im-mess.im-mess_unread+.im-mess:before,
  452.     .im-page_classic.im-page .im-page--dcontent,
  453.     .im-mess.im-mess_selected+.im-mess:before,
  454.     .page_block_header,
  455.     .settings_block_footer,
  456.     .page_actions_wrap,
  457.     .im-page_classic.im-page .im-page--chat-body-wrap-inner,
  458.     .im-page .im-page--mess-search,
  459.     .ChatSettings__content,
  460.     .gedit_block_footer,
  461.     .selector_container,
  462.     .result_list ul,
  463.     .List,
  464.     .im-dropbox,
  465.     .im-create .im-create--tabs,
  466.     .im-create,
  467.     .emoji_tabs_l_s,
  468.     .emoji_tabs_r_s,
  469.     .im-aside-notice,
  470.     .emoji_tab_sel,
  471.     .emoji_tab_sel:hover,
  472.     .emoji_cat_title,
  473.     .im-page.im-page_classic.im-page_group .im-group-online .im-group-online--inner,
  474.     .im-page.im-page_classic.im-page_group .im-group-online,
  475.     .emoji_tabs,
  476.     .Button--mobile,
  477.     .ChatSettingsMembersWidget,
  478.     .ui_grey_block,
  479.     .ChatSettingsInfo,
  480.     .ui_search_fltr,
  481.     .emoji_sticker_item:hover,
  482.     .photos_choose_upload_area,
  483.     .web_cam_photo,
  484.     .pv_white_bg,
  485.     .im-audio-message-input,
  486.     .wk_address_content .addresses_header,
  487.     [dir] .ShortVideoPost,
  488.     [dir] .ShortVideoPage__container--empty,
  489.  
  490.     .MessageForward__content
  491.     {
  492.         background-color: #272727d4 !important;
  493.         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;
  494.     }
  495.     .article_ed_layer__wrap,
  496.     .fakeinput,
  497.     input.big_text,
  498.     input.dark,
  499.     input.search,
  500.     /*input.text,*/
  501.     textarea
  502.     {
  503.         background-color: #272727 !important;
  504.     }
  505.  
  506.  
  507.     .im-page .im-page--center-empty
  508.     {
  509.         background: url('https://psv4.userapi.com/c856228/u51863636/docs/d14/41e6a3400829/empty_icon.png') no-repeat top !important;
  510.     }
  511.  
  512.  
  513.     .nim-dialog .nim-dialog--name .nim-dialog--name-w,
  514.     .im-page .im-search-results-head,
  515.     .im-popular--name,
  516.     .ui_actions_menu_item,
  517.     .im-page--title-main-inner,
  518.     .feedback_header b,
  519.     .ui_tabs .ui_tab_sel,
  520.     .page_block_header,
  521.     .settings_block_footer,
  522.     h2,
  523.     #groups_menu_promo .apps_group_catalog_promo_header,
  524.     input.dark,
  525.     .nim-dialog.nim-dialog_typing .nim-dialog--typing,
  526.     .im-page .im-page--mess-search,
  527.     .mail_box_group_first_message,
  528.     .page_name, h1.page_name,
  529.     .audio_pl_snippet2 .audio_shuffle_all_button,
  530.     .audio_pl_item2 .audio_pl__subtitle>a,
  531.     .wk_address_content .addresses_wrap .address .address_timetable .address_timetable_one_day.on,
  532.     .wk_address_content .addresses_wrap .address .address_time_status .address_time_status_cur_time,
  533.     .medadd_poll_answer_add
  534.     {
  535.         color: #ffff !important;
  536.     }
  537.  
  538.     .nim-dialog .nim-dialog--date,
  539.     div[contenteditable=true],
  540.     .nim-dialog .nim-dialog--who,
  541.     .ms_items_more._more_items a,
  542.     .im-replied--text,
  543.     .im-page .im-page--history-new-bar>span,
  544.     .audio_page_player2 .audio_page_player_title_song,
  545.     .ui_tab_default .ui_tab_plain,
  546.     .mv_title,
  547.     .mv_comments_summary,
  548.     .emoji_cat_title,
  549.     .mv_recom_block_title,
  550.     #stat_group_postsreach_table td,
  551.     .idd_popup .idd_item,
  552.     .idd_popup .idd_header,
  553.  
  554.     #group_section_menu .module_body .ui_gallery .ui_gallery_item .groups_menu_item .groups_menu_item_title
  555.     {
  556.         color: #e6e6e6 !important;
  557.     }
  558.  
  559.     .nim-dialog .nim-dialog--preview,
  560.     .top_notify_header,
  561.     .top_notify_cont .feedback_header,
  562.     .feedback_header,
  563.     .Tabs__item--active>*,
  564.     .PlaceholderSmall__title,
  565.     .im-page-pinned--date,
  566.     .audio_page_layout .audio_item__title
  567.     {
  568.         color: #949494 !important;
  569.     }
  570.  
  571.     .ui_actions_menu_item:hover,
  572.     .media_selector .ms_items_more .ms_item:hover,
  573.     .idd_popup .idd_item.idd_hover, .idd_popup .idd_item.idd_hover_sublist_parent,
  574.     .profile_more_info_link:hover
  575.     {
  576.         background-color: #a3a6a9 !important;
  577.         color: #000000 !important;
  578.     }
  579.  
  580.     .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected,
  581.     .nim-dialog:not(.nim-dialog_deleted).nim-dialog_hovered
  582.     {
  583.         background-color: #3d5877 !important;
  584.     }
  585.  
  586.     .page_counter .count,
  587.     .subheader, h4.subheader,
  588.     .tt_w,
  589.     .Entity__title,
  590.     .PlaceholderSmall__text,
  591.     .sticker_extra_tt .tt_text,
  592.     .subscribe_post_tt .tt_text,
  593.     .audio_page__shuffle_all .audio_page__shuffle_all_button
  594.     {
  595.         color: #eceff3 !important;
  596.     }
  597.  
  598.     .im-mess.im-mess_unread:not(.im-mess_light),
  599.     .im-mess.im-mess_selected:last-child:before,
  600.     .im-mess.im-mess_unread:last-child:before,
  601.     .page_actions_header,
  602.     .im-mess.im-mess_selected:not(.im-mess_is_editing)
  603.     {
  604.         background-color: #252a31 !important;
  605.     }
  606.  
  607.  
  608.     #side_bar .more_div,
  609.     .nim-dialog .nim-dialog--content,
  610.     .im-chat-input,
  611.     .ui_rmenu_sep,
  612.  
  613.     .wall_module .replies_list,
  614.     #ads_left.ads_left_empty+.left_menu_nav_wrap,
  615.     .pv_comments,
  616.     .deep_active .replies .replies_wrap_deep,
  617.     .deep_active .post_replies_header,
  618.     .wddi,
  619.     .wall_module .reply_box,
  620.     .submit_post,
  621.     .mention_tt_actions,
  622.     .im-page .im-page--dialogs-footer,
  623.     .wide_column .topics_module .topic_row,
  624.     .flat_button.ui_load_more_btn,
  625.     .gedit_block_footer,
  626.     .top_profile_sep,
  627.     .nim-dialog:not(.nim-dialog_deleted):hover+.nim-dialog,
  628.     .nim-dialog:not(.nim-dialog_deleted).nim-dialog:hover,
  629.     .page_actions_separator,
  630.     .ui_actions_menu_sep,
  631.     .audio_subscribe_promo,
  632.     .ui_search_sugg_list,
  633.     .top_notify_show_all,
  634.     .feedback_row,
  635.     .wall_module .reply~.reply .reply_wrap,
  636.     .page_actions_inner,
  637.     div.fc_tab_txt,
  638.     .olist_item_wrap:hover,
  639.     .profile_info_block,
  640.     .ui_grey_block,
  641.     .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected+.nim-dialog,
  642.     .im-page .im-page--mess-search,
  643.     .search_sep,
  644.     .search_row,
  645.     .bp_post,
  646.     .friends_user_row,
  647.     .feed_row~.feed_row .feedback_row_clickable:not(.feedback_row_touched):hover,
  648.     .im-audio-message-input,
  649.     .docs_item,
  650.     .counts_module
  651.     {
  652.     border-top-color: #464748 !important;
  653.     }
  654.  
  655.     [dir] .top_profile_mrow:hover,
  656.     [dir] .top_profile_vkconnect_row:hover
  657.     {
  658.         background-color: #464748 !important;
  659.     }
  660.  
  661.     .deep_active .replies .reply_field_wrap .reply_field,
  662.     .deep_active .replies .reply_fakebox,
  663.     .wdd_list,
  664.     div.wdd,
  665.     .wpost_post,
  666.     .ui_search_new .ui_search_input_inner,
  667.     .module,
  668.     #top_profile_menu,
  669.     .ms_items_more,
  670.     .ui_actions_menu,
  671.     .eltt,
  672.  
  673.     .ui_search_sugg_list,
  674.     #top_notify_wrap,
  675.     .page_actions_wrap,
  676.     .fc_msgs,
  677.     .fc_tab,
  678.     div[contenteditable=true],
  679.     .tt_default,
  680.     .ui_search_new .ui_search_button_search,
  681.     .audio_layer_container .audio_page__footer,
  682.     .audio_layer_container .audio_page_player_wrap,
  683.     #mv_publish,
  684.     .tt_w.top_notify_tt,
  685.     .CatalogSection__leftColumn,
  686.     .im-chat-input .im-chat-input--txt-wrap
  687.     {
  688.         border-color:#2f2f2f !important;
  689.     }
  690.  
  691.  
  692.  
  693.     /*.page_block
  694.     {
  695.         box-shadow: 0 0 0 0 #d7d8db, 0 0 0 0px #e3e4e8 !important;
  696.     }*/
  697.  
  698.     [dir] .ShortVideoPage .page_block_h2,
  699.     [dir] .ShortVideoPage__container--empty
  700.     {
  701.         box-shadow: 0 1px 0 0 #d3d9de00, 0 0 0 1px #e7e8ec00 !important;
  702.     }
  703.  
  704.  
  705.     .ui_search,
  706.     .im-page--toolsw,
  707.     input.BlockSearchInput,
  708.     .ui_tabs,
  709.     .wide_column .page_top,
  710.     .group_l_row,
  711.     .group_edit_row_sep,
  712.     .page_block_header,
  713.     .group_tokens_row,
  714.     .group_list_row,
  715.     .pv_author_block,
  716.     .mv_actions_block,
  717.     .im-page .im-page--mess-search,
  718.     .olist_item_wrap,
  719.     .Tabs,
  720.     .im-page_classic.im-page .im-page--chat-input,
  721.     .feed_new_posts,
  722.     .feedback_row_clickable:not(.feedback_row_touched):hover,
  723.     .audio_layer_container .audio_page_player_wrap,
  724.     .bt_header,
  725.     .gifts_box_rows .post,
  726.     .blst_row,
  727.     .paginated_table_header th.paginated_table_cell,
  728.     .mv_live_gifts_block,
  729.     .docs_choose_rows .docs_item,
  730.     .tt_w.top_notify_tt.tt_up:before,
  731.     .tt_w.top_notify_tt.tt_up:after,
  732.     .mv_comments_summary
  733.     {
  734.         border-bottom-color: #2f2f2f !important;
  735.     }
  736.  
  737.  
  738.     .mv_info_narrow_column,
  739.     .mv_recom_block_title,
  740.     .im-page_classic.im-page .im-page--header,
  741.     .mv_live_gifts_supercomment,
  742.     .wall_module .copy_quote
  743.     {
  744.         border-left-color: #272727 !important;
  745.     }
  746.  
  747.     .audio_page_layout .has_friends_block .audio_page__rows_wrap,
  748.     .im-page_classic.im-page .im-page--header
  749.     {
  750.         border-right-color:#272727 !important;
  751.     }
  752.  
  753.     .chat_onl_inner
  754.     {   /* убираем «быстрые диалоги» */
  755.         display:none !important;
  756.     }
  757.  
  758.     .page_photos_module
  759.     {
  760.     padding: 15px 15px 15px !important;
  761.     }
  762.  
  763.     #page_header_cont .back,
  764.     .page_avatar_img,
  765.     .stl_active.over_fast #stl_bg,
  766.     #profile_message_send,
  767.     .stories_feed_preview_item,
  768.     .post_img,
  769.     .page_post_sized_thumbs,
  770.     .im-page--header-more .ui_actions_menu,
  771.     .nim-dialog:not(.nim-dialog_deleted).nim-dialog:hover,
  772.     .im-chat-input .ms_items_more,
  773.  
  774.     .emoji_tt_wrap,
  775.     .fc_tab,
  776.     .info_msg,
  777.     .im-aside-notice,
  778.     .List--border,
  779.     .page_block,
  780.     .online:after,
  781.     .audio_page_layout .audio_block:before,
  782.     .page_block._audio_page_content_block:before,
  783.     .im-page.im-page_classic.im-page_group .im-group-online .im-group-online--inner
  784.     {
  785.         box-shadow: 7px 7px 3px 3px rgba(0,0,0,.1) !important;
  786.     }
  787.  
  788.  
  789.     [dir] .ShortVideoPost {
  790.     box-shadow: 0 1px 0 0 #d3d9de00, 0 0 0 1px #e7e8ec00 !important;
  791.  
  792. }
  793.  
  794.     .online:after {
  795.         border: 0px solid #ffffff !important;
  796.         box-shadow: 1px 3px 2px 2px rgba(0,0,0,.1);
  797.     }
  798.  
  799.     .module_body {
  800.     padding: 12px 14px 15px !important;
  801. }
  802.  
  803.     .im-page_classic.im-page .im-page--dialogs-search,
  804.     .im-page_classic .im-page--chat-header-in,
  805.     .im-chat-input.im-chat-input_classic,
  806.     .nim-dialog.nim-dialog_unread .nim-dialog--unread,
  807.     .ChatSettingsInfo,
  808.     .ChatSettingsMembersWidget,
  809.     .List--border,
  810.     .Button--mobile,
  811.     #admin_tips #gtop_admin_tips.gtop_complex_message,
  812.     .CatalogBlock--divided:before, .CatalogSection:before,
  813.     .im-page_classic.im-page .im-page--chat-body-abs
  814. {
  815.         box-shadow: 2px 7px 3px rgba(0,0,0,.1) !important;
  816.     }
  817.  
  818.     .im-page_classic .im-page--chat-header,
  819.     .im-page_classic.im-page .im-page--chat-input,
  820.     .nim-dialog:not(.nim-dialog_deleted).nim-dialog.nim-dialog_classic.nim-dialog_unread,
  821.     .nim-dialog:not(.nim-dialog_deleted).nim-dialog_unread.nim-dialog_classic+.nim-dialog,
  822.     .ui_tabs.ui_tabs_box,
  823.     .ListItem--active,
  824.     .ListItem--can-be-hovered.ListItem--selectable:hover,
  825.     .like_cont,
  826.     .emoji_tt_wrap,
  827.     .photos_container .photos_row,
  828.     .info_msg,
  829.     .ListItem--active,
  830.     .group_friends_image,
  831.     .ui_search_fltr,
  832.     .emoji_tt_wrap.tt_down:after,
  833.     .emoji_tt_wrap.tt_down:before,
  834.     #mv_pl_tt .mv_tt_private_only+.mv_tt_playlists,
  835.     #mv_pl_tt .mv_tt_add_playlist,
  836.     .like_share_ava.wdd_imgs .wdd_img_full,
  837.     .like_share_ava.wdd_imgs .wdd_img_half,
  838.     .like_share_ava.wdd_imgs .wdd_img_tiny,
  839.     .sticker_hints_tt,
  840.     .Avatar--online:after,
  841.     .box_controls,
  842.     .online:after,
  843.     .sticker_hints_arrow,
  844.     .cal_table>tbody,
  845.     .market_item_footer_wrap,
  846.     .wk_address_content .addresses_header,
  847.     .app_widget_list_row,
  848.     .stats_browse_filter,
  849.     .idd_popup,
  850.     #mv_publish,
  851.     .im-page_classic.im-page .im-page--chat-body-wrap-inner,
  852.     .im-page_classic.im-page .im-page--header
  853.     {
  854.         border-top-color: #ffffff00 !important;
  855.         border-color: #ffffff00 !important;
  856.         border-bottom-color: #ffffff00 !important;
  857.         border-left-color: #ffffff00 !important;
  858.         border-right-color: #ffffff00 !important;
  859.     }
  860.  
  861.     .im-page_classic.im-page .im-page--chat-input
  862. {
  863.     border-bottom: solid 0px #ffffff00 !important;
  864. }
  865.  
  866. .im-page_classic .im-page--chat-header
  867. {
  868.     top: 42px !important;;
  869. }
  870.  
  871.     /*.page_actions_cont.narrow .page_actions_header,*/
  872.     .page_actions_cont.narrow .page_extra_actions_btn
  873.     {
  874.         background-image: url(/images/icons/profile_dots.png?1) !important;
  875.         background-color: #2f2f2f !important;
  876.     }
  877.  
  878.     .im-page--back-btn:hover
  879.     {
  880.     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;
  881.     }
  882.  
  883.  
  884. .olist_checkbox,
  885. .wall_post_source_icon
  886. {
  887.     filter: invert(83%);
  888. }
  889.  
  890. .bp_post.bp_selected.bp_animated
  891. {
  892.     background-color: transparent !important;
  893.     border-color: transparent !important;
  894. }
  895.  
  896. .bp_post.bp_selected
  897. {
  898.     background-color: #4872a3 !important;
  899.     transition: background-color 5000ms linear, border-color 5000ms linear !important;
  900. }
  901.  
  902. .notify_sources_tt_content .content:not(:hover) .line_cell.selected,
  903. .notify_sources_tt_content .line_cell:hover
  904. {
  905.     background-color: #4872a3 !important;
  906. }
  907.  
  908. .emoji_sprite,
  909. .ui_scroll_default_theme.ui_scroll_emoji_theme>.ui_scroll_overflow>.ui_scroll_shadow_top,
  910. .ui_scroll_default_theme.ui_scroll_emoji_theme>.ui_scroll_overflow>.ui_scroll_shadow_bottom
  911. {
  912.     filter: invert(90%) !important;
  913. }
  914.  
  915.  
  916. .sticker_hints_arrow
  917. {
  918.     background: #272727 url(/images/icons/stickers_hints_arrow.png) no-repeat 50% 50% !important;
  919. }
  920.  
  921. .wddi,
  922. .wddi_over,
  923. .post_actions_btns,
  924. .submit_post
  925. {
  926.     border-top-color: #2f2f2f !important;
  927. }
  928.  
  929.  
  930. .nim-peer .nim-peer--photo .im_grid>img,
  931. .nim-peer .nim-peer--photo>img,
  932. .nim-peer .nim-peer--photo-w,
  933. .post_img,
  934. .wall_module .copy_post_img,
  935. .module_body .people_cell_img,
  936. .page_list_module .thumb,
  937. .wall_module .reply_img,
  938. .post_field_user_image,
  939. .top_profile_img,
  940. .ow_ava.ow_ava_comm,
  941. .friends_photo_img,
  942. .right_list_img,
  943. .group_row_photo,
  944. .group_row_img,
  945. .page_square_photo,
  946. .page_avatar_img,
  947. .notify_tt_img,
  948. .notify_tt_thumb,
  949. /*a.page_post_thumb_wrap.image_cover.page_post_thumb_last_column.page_post_thumb_last_row,*/
  950. a.page_post_thumb_wrap.image_cover,
  951. input.text.ts_input,
  952. .video_box_wrap
  953. {
  954.     border-radius: 10px !important;
  955. }
  956.  
  957. [dir] .im-page-pinned,
  958. [dir] .im-page--chat-header-in,
  959. [dir] body.new_header_design #page_header_cont
  960. {
  961.     border-bottom-color: transparent !important;
  962. }
  963.  
  964. [dir] .im-page-pinned,
  965. [dir] body.new_header_design #page_header_cont
  966. {
  967.     background-color: #272727a3 !important;
  968. }
  969.  
  970.  
  971. .left_menu_nav_wrap,
  972. #side_bar ol,
  973. .CatalogBlock--divided,
  974. /*[dir] .im-page-pinned,*/
  975. .CatalogSection
  976. {
  977.     box-shadow: 7px 7px 3px 3px rgba(0,0,0,.1) !important;
  978.     padding: 9px 9px !important;
  979.     padding-left: 14px !important;
  980.     background-color: #272727de !important;
  981.     border-radius: 5px !important;
  982.  
  983. }
  984.  
  985. /*div#layer_wrap,*/
  986. /*div#box_layer_wrap*/
  987. #layer_bg,
  988. #box_layer_bg
  989. {
  990.     /*backdrop-filter: blur(3px);*/
  991.     background: #00000038 !important;
  992.     opacity: 1 !important;
  993. }
  994.  
  995. .tt_default,
  996. .tt_default_right
  997. {
  998.     border: 1px solid #6b6969 !important;
  999. }
  1000.  
  1001. .im-page .im-page--history-new-bar
  1002. {
  1003.     background: #ffffff00 !important;
  1004. }
  1005.  
  1006. .im-page .im-page--history-new-bar>span {
  1007.     background: #2f2f2f !important;
  1008.     border-radius: 17px !important;
  1009.     box-shadow: 2px 7px 3px rgba(0,0,0,.1) !important;
  1010. }
  1011.  
  1012. .im-page .im-page--history-new-bar:after, .im-page .im-page--history-new-bar:before {
  1013.     display: block;
  1014.     content: '';
  1015.     height: 1px;
  1016.     width: 50%;
  1017.     background: #e4e6e980 !important;
  1018.     position: absolute;
  1019.     top: 50%;
  1020.     margin-left: 43px;
  1021. }
  1022.  
  1023. .article_ed_layer .article_ed_layer__close
  1024. {
  1025.     filter: invert(1);
  1026. }
  1027.  
  1028. .mv_live_gifts_arrow_left:hover:before, .mv_live_gifts_arrow_right:hover:before {
  1029.     background-image: linear-gradient(0deg, #fff, #f0f2f5, #fff) !important;
  1030. }
  1031.  
  1032. #ads_left,
  1033. ._ads_block_data_w,
  1034. .page_block .apps_feedRightAppsBlock .apps_feedRightAppsBlock_single_app,
  1035. .fc_tab_wrap
  1036. {
  1037.     display: none !important;
  1038. }
  1039.  
  1040. .tt_w.top_notify_tt.tt_up
  1041. {
  1042.     box-shadow: 6px 7px 3px rgba(0, 0, 0, 0.55);
  1043. }
  1044.  
  1045. .im-mess.im-mess_gift,
  1046. li.im-mess.im_out._im_mess.im-mess_gift.im-mess_out
  1047. {
  1048. background: #69696966 !important;
  1049. }
  1050.  
  1051. .audio_page_layout .audio_friends_list,
  1052. .PlaceholderSmall__title
  1053. {
  1054.     background-color: transparent !important;
  1055. }
  1056.  
  1057.  
  1058.  
  1059. `);
  1060.  
  1061.  
  1062.     function blur_add() {
  1063.         blur = GM_addStyle(`
  1064.             .left_menu_nav_wrap,
  1065.             #side_bar ol,
  1066.             .ui_scroll_inner.tt_noappend,
  1067.             #layer_bg,
  1068.             #alert,
  1069.             #box_layer_bg
  1070.             {
  1071.                 backdrop-filter: blur(3px);
  1072.  
  1073.             }
  1074.         `);
  1075.     }
  1076.     //buer();
  1077.     function blur_remote() {
  1078.  
  1079.         if (blur && blur.id) {
  1080.             blur.remove();
  1081.         }
  1082.     }
  1083.  
  1084.     darkStyleBacground = GM_addStyle(`
  1085. body
  1086. {
  1087.     background-image: url(${GM_getValue('background')});
  1088.     background-color:  #2f2f2f;
  1089.     background-attachment: fixed;
  1090.     background-size: 100%;
  1091. }
  1092.     `);
  1093.  
  1094. }
  1095.  
  1096.  
  1097.  
  1098. //#endregion
  1099.  
  1100.  
  1101.  
  1102.  
  1103. $(document).ready(function () {
  1104.     if (GM_getValue('enable') == true) $('body').css({ 'background-image': 'url("' + GM_getValue('background') + '")', 'background-color': '#2f2f2f', 'background-size': '100%', 'background-attachment': 'fixed' });
  1105. });
  1106.  
  1107. function removeStyle() {
  1108.     if (darkStyle && darkStyle.id) {
  1109.         darkStyle.remove();
  1110.     }
  1111.  
  1112.     if (darkStyleBack && darkStyleBack.id) {
  1113.         darkStyleBack.remove();
  1114.     }
  1115.  
  1116.     if (blur && blur.id) {
  1117.         blur.remove();
  1118.     }
  1119.  
  1120.  
  1121. }
  1122.  
  1123.  
  1124.  
  1125. //#region переименование группы и сообщения
  1126. function rename() {
  1127.     $('#l_gr > a > span.left_label.inl_bl').text(GM_getValue('group'));
  1128.     $('#l_msg > a > span.left_label.inl_bl').text(GM_getValue('message_name'));
  1129. }
  1130. $(document).ready(function () {
  1131.     rename();
  1132. })
  1133. //#endregion
  1134.  
  1135.  
  1136.  
  1137. $(document).ready(function () {
  1138.  
  1139.     let names = JSON.parse(GM_getValue('names')).map(v => v.toLowerCase());
  1140.     let userName = $('.top_profile_name').text();
  1141.  
  1142.     if (names.indexOf(userName.toLowerCase()) > -1) {
  1143.         if (darkStyle && darkStyle.id) {
  1144.             $(`#${darkStyle.id}`).remove();
  1145.         }
  1146.     }
  1147.  
  1148.     $('#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>', {
  1149.         class: 'left_fixer', html: [
  1150.             $('<span>', { class: 'left_count_wrap fl_r left_void' }).append($('<span>', { class: 'inl_bl left_count_sign' })),
  1151.             $('<span>', { class: 'left_icon fl_l' }),
  1152.             $('<span>', { class: 'left_label inl_bl', text: `Версия: ${GM_info.script.version}` })
  1153.         ]
  1154.     }))))
  1155.  
  1156.     $('#side_bar_inner ol').append($('<li>', { id: 'l_bt' }).append($('<a>', { class: 'left_row' }).on("click", () => { window.open('https://vk.com/dygdyg') }).append($('<span>', {
  1157.         class: 'left_fixer', html: [
  1158.             $('<span>', { class: 'left_count_wrap fl_r left_void' }).append($('<span>', { class: 'inl_bl left_count_sign' })),
  1159.             $('<span>', { class: 'left_icon fl_l' }),
  1160.             $('<span>', { class: 'left_label inl_bl', text: `Автор: DygDyg` })
  1161.         ]
  1162.     }))))
  1163.     $('#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>', {
  1164.         class: 'left_fixer', html: [
  1165.             $('<span>', { class: 'left_count_wrap fl_r left_void' }).append($('<span>', { class: 'inl_bl left_count_sign' })),
  1166.             $('<span>', { class: 'left_icon fl_l' }),
  1167.             $('<span>', { class: 'left_label inl_bl', text: `Нашли баг?` })
  1168.         ]
  1169.     }))))
  1170.  
  1171.     $('#side_bar_inner ol').append($('<li>', { id: 'l_bt' }).append($('<a>', { class: 'left_row' }).on("click", test).append($('<span>', {
  1172.         class: 'left_fixer', html: [
  1173.             $('<span>', { class: 'left_count_wrap fl_r left_void' }).append($('<span>', { class: 'inl_bl left_count_sign' })),
  1174.             $('<span>', { class: 'left_icon fl_l' }),
  1175.             $('<span>', { class: 'left_label inl_bl', text: `Настройки` })
  1176.         ]
  1177.     }))))
  1178. });
  1179.  
  1180.  
  1181.  
  1182.  
  1183. //#region Модальное окно //стиль
  1184. GM_addStyle(`
  1185.  
  1186.  
  1187.  
  1188. #alert {
  1189.     background: #000000a3;
  1190.     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");
  1191.     width: 100%;
  1192.     height: 100%;
  1193.     position: fixed;
  1194.     z-index: 99999999;
  1195.     text-align: center;
  1196. }
  1197.  
  1198. #window1 {
  1199.     background-color: #272727db !important;
  1200.     width: 300px;
  1201.     /*height: 120px;*/
  1202.     border-radius: 4px;
  1203.     position: absolute;
  1204.     top: 10%;
  1205.     left: 50%;
  1206.     transform: translate(-50%);
  1207.     padding: 10px 10px 10px 10px;
  1208.     box-shadow: 7px 7px 3px 3px rgba(0,0,0,.1);
  1209. }
  1210.  
  1211. .stop-scrolling {
  1212.   height: 100%;
  1213.   overflow: hidden;
  1214. }
  1215.  
  1216. .theme_button {
  1217.     display: block;
  1218.     padding: 7px 16px 8px;
  1219.     margin: 5px;
  1220.     font-size: 12.5px;
  1221.     zoom: 1;
  1222.     cursor: pointer;
  1223.     white-space: nowrap;
  1224.     outline: none;
  1225.     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;
  1226.     vertical-align: top;
  1227.     line-height: 15px;
  1228.     text-align: center;
  1229.     text-decoration: none;
  1230.     background: none;
  1231.     background-color: #5181b8;
  1232.     color: #fff;
  1233.     border: 0;
  1234.     border-radius: 4px;
  1235.     box-sizing: border-box;
  1236.     box-shadow: 7px 7px 3px 3px rgba(0,0,0,.1);
  1237. }
  1238.  
  1239. div#test1 {
  1240.     text-align: center;
  1241. }
  1242.  
  1243. div#key {
  1244.     text-align: center;
  1245.     margin-bottom: 40px;
  1246. }
  1247.  
  1248. .text_menu {
  1249.     width: 290px;
  1250.     margin: 5px;
  1251.     box-sizing: border-box;
  1252.     padding: 7px;
  1253.     border: none;
  1254.     border-radius: 2px;
  1255.     display: flex;
  1256.     height: 86px;
  1257.     resize: none;
  1258.     background: #6b6b6bad !important;
  1259.     color: white;
  1260.     box-shadow: 7px 7px 3px 3px rgba(0,0,0,.1);
  1261. }
  1262.  
  1263. div#image {
  1264.     width: 290px;
  1265.     height: 180px;
  1266.     margin: 0 auto;
  1267.     margin-bottom: 5px;
  1268.     border-radius: 4px;
  1269. }
  1270.  
  1271.  
  1272. .theme_text_name {
  1273.     font-size: 19px;
  1274.     line-height: 25px;
  1275.     font-weight: 400;
  1276.     -webkit-font-smoothing: subpixel-antialiased;
  1277.     -moz-osx-font-smoothing: auto;
  1278.     margin: -1px 0 -1px -1px;
  1279.     overflow: hidden;
  1280.     text-overflow: ellipsis;
  1281.     padding-left: 1px;
  1282.  
  1283.     color: #fff;
  1284.     box-shadow: 7px 7px 3px 3px rgba(0,0,0,.1);
  1285. }
  1286.  
  1287. .cont-bottom {
  1288.     border-bottom: 1px solid #b5b1b191;
  1289. }
  1290. img.izo {
  1291.     object-fit: cover;
  1292.     width: 100%;
  1293.     height: 100%;
  1294.     background: url(https://sun9-57.userapi.com/c857620/v857620009/18a5fd/uOxmtZm_L2A.jpg);
  1295.     background-size: 100%;
  1296.     box-shadow: 7px 7px 3px 3px rgba(0,0,0,.1);
  1297. }
  1298.  
  1299. #alert
  1300. {
  1301.     /*cursor: url('https://psv4.userapi.com/c856236/u51863636/docs/d18/10eb2dcc6647/636329186537635884.png'), auto;*/
  1302. }
  1303.  
  1304.  
  1305.  
  1306.  
  1307. `)
  1308.  
  1309. //#endregion
  1310. //#region Модальное окно //логика
  1311.  
  1312.  
  1313.  
  1314. var on = true;
  1315. var range_11 = 0;
  1316. function test() {
  1317.     var newImage;
  1318.     $('body').addClass('stop-scrolling').prepend(
  1319.         $('<div>', { id: 'alert' }).append(
  1320.             $('<div>', { id: 'window1' }).append(
  1321.                 $('<div>', {
  1322.                     class: 'cont-bottom', id: 'cont1', html:
  1323.                         [
  1324.                             $('<div>', { class: 'theme_text_name', text: 'Установка фона' }),
  1325.                             $('<div>', { id: 'image', style: 'border-radius: 4px;' }).append($('<img>', { class: 'izo', style: 'border-radius: 4px; margin-left: 2px;', src: GM_getValue('background') })),
  1326.                             $('<textarea>', { class: 'text_menu', id: 'text_background', text: GM_getValue('background'), style: 'border-radius: 4px; background-color: #ffffff0f !important; margin-top: 4px; margin-bottom: 4px; margin-left: 8px;' }).on('change keyup blur', function (e) {
  1327.                                 let URLtext = $('#text_background').val();
  1328.                                 $('#image img.izo').attr('src', URLtext);
  1329.                                 newImage = URLtext;
  1330.                             })
  1331.                         ]
  1332.                 })).append(
  1333.                     $('<div>', {
  1334.                         class: 'cont-bottom', id: 'cont1', html:
  1335.                             [
  1336.                                 $('<div>', { class: 'theme_button', id: 'button_delete', style: 'display: none;', text: 'Выключить тему' }).on('click', () => {
  1337.                                     theme_off();
  1338.                                     GM_setValue('enable', false);
  1339.                                     //exit_();
  1340.                                 }),
  1341.                                 $('<div>', { class: 'theme_button', id: 'button_spawn', style: 'display: none;', text: 'Включить тему' }).on('click', () => {
  1342.                                     theme();
  1343.                                     GM_setValue('enable', true);
  1344.                                     //exit_();
  1345.                                 })
  1346.                             ]
  1347.                     })).append(
  1348.                         $('<div>', {
  1349.                             class: 'cont-bottom', id: 'cont1', html:
  1350.                                 [
  1351.                                     $('<div>', { class: 'theme_text_name', style: 'margin-top: 10px;', text: 'Текст кнопки группы' }),
  1352.                                     $('<textarea>', { class: 'text_menu', id: 'text_group', text: GM_getValue('group'), style: 'height: 24px; width: 285px; margin-left: 2px; border-radius: 4px; background-color: #ffffff0f!important; margin-top: 4px; margin-bottom: 4px; margin-left: 8px;' })
  1353.                                         .on('change keyup blur', function (e) {
  1354.                                             _group = $('#text_group').val();
  1355.                                         }),
  1356.                                 ]
  1357.                         })).append(
  1358.                             $('<div>', {
  1359.                                 class: 'cont-bottom', id: 'cont2', html:
  1360.                                     [
  1361.                                         $('<div>', { class: 'theme_text_name', style: 'margin-top: 10px;', text: 'Текст кнопки сообщения' }),
  1362.                                         $('<textarea>', {
  1363.                                             class: 'text_menu', id: 'text_message', text: GM_getValue('message_name'), style: 'height: 24px; width: 285px; border-radius: 4px; background-color: #ffffff0f!important; margin-top: 4px; margin-bottom: 4px; margin-left: 8px;'
  1364.                                         })
  1365.                                             .on('change keyup blur', function (e) {
  1366.                                                 _messange_name = $('#text_message').val();
  1367.                                             }),
  1368.                                     ]
  1369.                             })).append(
  1370.                                 $('<div>', { class: 'theme_button', id: 'button_save', style: 'margin-top: 10px;', text: 'Сохранить' }).on('click', () => {
  1371.                                     newImage = $('#text_background').val();
  1372.                                     _group = $('#text_group').val();
  1373.                                     _messange_name = $('#text_message').val();
  1374.                                     GM_setValue('background', newImage);
  1375.                                     GM_setValue('group', _group);
  1376.                                     GM_setValue('message_name', _messange_name);
  1377.                                     rename();
  1378.                                     if (GM_getValue('enable') == true) { $('body').css({ 'background': 'url("' + newImage + '") #2F2F30', 'background-size': '100%', 'background-attachment': 'fixed' }) };
  1379.                                     exit_();
  1380.                                 })).append(
  1381.                                     $('<div>', { class: 'theme_button', id: 'button_exit', text: 'Закрыть' }).on('click', exit_)).append(
  1382.                                         $('<button>', { class: "jscolor {valueElement:'chosen-value', onFineChange:'setTextColor(this)'}", text: 'ТЕСТ', style: 'display: none;' })
  1383.                                     )
  1384.  
  1385.         )
  1386.     );
  1387.  
  1388.     function setTextColor(picker) {
  1389.         document.getElementsByTagName('body')[0].style.color = '#' + picker.toString()
  1390.     }
  1391.     var range_coll;
  1392.     range_col()
  1393.     function range_col() {
  1394.  
  1395.  
  1396.         if (range_coll && range_coll.id) { range_coll.remove() };
  1397.         //console.log(col);
  1398.         range_coll = GM_addStyle(`
  1399.         .top_audio_player:hover,
  1400.         .audio_page_player2 .audio_page_player_play:hover .icon,
  1401.         .audio_page_player2 .audio_page_player_play .icon,
  1402.         .slider .slider_amount,
  1403.         .slider .slider_back,
  1404.         .theme_button,
  1405.         #page_header_cont .back,
  1406.         .top_nav_link:hover,
  1407.         .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected,
  1408.         .nim-dialog:not(.nim-dialog_deleted).nim-dialog_hovered,
  1409.         .ui_rmenu_item:hover, .ui_rmenu_subitem:hover,
  1410.         .ui_rmenu_item_sel,
  1411.         .ui_rmenu_item_sel:hover,
  1412.         .olist_item_wrap:hover,
  1413.         .docs_choose_upload_area:hover,
  1414.         .box_title_wrap.box_grey,
  1415.         .ui_tab_sel, .ui_tab_sel:hover,
  1416.         .ui_tabs .ui_tab_sel, .ui_tabs .ui_tab_sel:hover,
  1417.         .ui_tabs_box .ui_tab_sel,
  1418.         .ui_tabs_box .ui_tab_sel:hover,
  1419.         .ui_rmenu_item:hover,
  1420.         .ui_rmenu_subitem:hover,
  1421.         .ui_rmenu_item_sel,
  1422.         .ui_rmenu_item_sel:hover,
  1423.         .olist_item_wrap:hover,
  1424.         .docs_choose_upload_area:hover,
  1425.         .button_blue button,
  1426.         .button_gray button,
  1427.         .button_light_gray button,
  1428.         .flat_button,
  1429.         .box_title_wrap.box_grey
  1430.         {
  1431.             filter: hue-rotate(${col}deg) saturate(100%);
  1432.             /*background: hsl(${col}, 39%, 47%) !important;*/
  1433.         }
  1434.         `);
  1435.  
  1436.     }
  1437.  
  1438.  
  1439.     function theme_off() {
  1440.         darkStyleBacground.remove();
  1441.         darkStyle.remove();
  1442.         darkStyle1.remove();
  1443.         $('body').css({ 'background-color': '', 'background-image': '' });
  1444.         $('#button_delete').css({ 'display': 'none' });
  1445.         $('#button_spawn').css({ 'display': 'block' });
  1446.     }
  1447.  
  1448.     if (GM_getValue('enable') == true) $('#button_delete').css({ 'display': 'block' });
  1449.     if (GM_getValue('enable') == false) $('#button_spawn').css({ 'display': 'block' });
  1450.  
  1451. }
  1452.  
  1453. //#endregion
  1454.  
  1455.  
  1456. var t = ' ';
  1457.  
  1458. /*$(document).keyup(function (e) {
  1459.     t = e.code;
  1460.     console.dir(t);
  1461. });*/
  1462.  
  1463.  
  1464.  
  1465. let pressed = new Set();
  1466. /*$(document).on('keyup', function (e) {
  1467.     t = e.originalEvent.code;
  1468.     pressed.add(t);
  1469.     //console.log(pressed);
  1470.     pressed.clear();
  1471.     console.log(t);
  1472. });*/
  1473.  
  1474.  
  1475. /*$(document).ready(function () {
  1476.     $("body").keydown(function (event) { // задаем функцию при отпускании после нажатия любой клавиши клавиатуры на элементе
  1477.         console.log(event.which); // выводим код нажатой клавиши
  1478.     });
  1479. });*/
  1480.  
  1481. function exit_() {
  1482.     $('#alert').remove();
  1483.     $('body').removeClass('stop-scrolling');
  1484. }
  1485. ///Модальное окно
  1486.  
  1487.  
  1488. $(document).ready(function () {
  1489.     if (GM_getValue('ver_info') != ver_info) {
  1490.         info();
  1491.         GM_setValue('ver_info', ver_info);
  1492.     }
  1493.  
  1494. })
  1495.  
  1496. if (GM_getValue('enable') == true) theme();
  1497.  
  1498.  
  1499. function info() {
  1500.     $('body').addClass('stop-scrolling').prepend(
  1501.         $('<div>', { id: 'alert' }).append(
  1502.             $('<div>', { id: 'window1' }).append(
  1503.                 $('<div>', {
  1504.                     class: 'cont-bottom', id: 'cont1', html: [
  1505.                         $('<div>', { class: 'theme_text_name', text: GM_info.script.name + ' ' + GM_info.script.version }),
  1506.                         $('<div>', { class: 'theme_text_name', text: 'Нововведения:' }),
  1507.  
  1508.  
  1509.                     ]
  1510.                 })
  1511.             ).append(
  1512.                 $('<div>', {
  1513.                     class: 'cont-bottom', id: 'cont1', html: [
  1514.                         $('<div>', { style: 'font-size: 14px; text-align: -webkit-auto;', class: 'theme_text_name', text: _info })
  1515.                     ]
  1516.                 })).append(
  1517.                     $('<div>', { class: 'theme_button', id: 'button_exit', text: 'Закрыть' }).on('click', exit_))
  1518.         )
  1519.     )
  1520. }