☰

Greasy Fork is available in English.

Dark VK Theme

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

נכון ליום 24-12-2020. ראה הגרסה האחרונה.

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