☰

Greasy Fork is available in English.

Dark VK Theme

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

Instalar o script?
Script sugerido do autor

Você também pode gostar de Антилах (Ctrl+Win, Shift+Win).

Instalar o script 
  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.82
  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. // @license       MIT
  22.  
  23. // @namespace https://greasyfork.org/users/303755
  24. // ==/UserScript==
  25.  
  26. var $ = window.jQuery
  27.  
  28. var darkStyle1, darkStyle, darkStyleBacground, combo_hide_style
  29.  
  30. if (GM_getValue('enable', null) == null) GM_setValue('enable', true)
  31. if (GM_getValue('names', null) == null) GM_setValue('names', JSON.stringify([]))
  32. if (GM_getValue('debug', null) == null) GM_setValue('debug', false)
  33. if (GM_getValue('group', null) == null) GM_setValue('group', 'Группы')
  34. if (GM_getValue('message_name', null) == null) GM_setValue('message_name', 'Сообщения')
  35. if (GM_getValue('ver_info', null) == null) GM_setValue('ver_info', '0')
  36. if (GM_getValue('combo_hide', null) == null) GM_setValue('combo_hide', false)
  37. if (GM_getValue('bc_albom_enable', null) == null) GM_setValue('bc_albom_enable', false)
  38. if (GM_getValue('text_id_group', null) == null) GM_setValue('text_id_group', '-22786271')
  39. if (GM_getValue('text_id_albom', null) == null) GM_setValue('text_id_albom', '229998745')
  40. if (GM_getValue('bc_albom_repit', null) == null) GM_setValue('bc_albom_repit', 0)
  41.  
  42.  
  43. var owner_id = GM_getValue('text_id_group')
  44. var album_id = GM_getValue('text_id_albom')
  45. var bc_albom_repit = GM_getValue('bc_albom_repit')
  46.  
  47. var ver_info = '7'
  48. var col = 0
  49. var _info = 'Добавил поддержку добавления альбома с фонами (ищи в настройках приложения). Если открыть настройки на окне альбома, то он предложит сделать этот альбом фоновым. Кучу фиксов покраски и других исправлений.'
  50.  
  51. if (GM_getValue('debug', false)) {
  52. 	$(document).ready(function () {
  53. 		//Start_Settings_Menu();
  54. 		alert_frame('⚠️ Дебаг режим включён ⚠️', 'В данный момент включён режим отладки, выключи в меню tampermonkey')
  55. 		//setTimeout(analit, 1000);
  56. 		//analit();
  57. 	})
  58. }
  59.  
  60. //#region Дебаг режим
  61. function debug_MC(menuCmdId) {
  62. 	if (menuCmdId) {
  63. 		GM_unregisterMenuCommand(menuCmdId)
  64. 	}
  65.  
  66. 	if (GM_getValue('debug') == true) {
  67. 		menuCmdId = GM_registerMenuCommand('Дебаг режим: Включён ✅', () => {
  68. 			GM_setValue('debug', !GM_getValue('debug'))
  69. 			//GM_notification({ title: 'Дебаг режим:', text: '✅ Включён', timeout: 3000 });
  70. 			alert_frame('Дебаг режим:', '✅ Включён', 3000)
  71. 			debug_MC(menuCmdId)
  72. 		})
  73. 	} else {
  74. 		menuCmdId = GM_registerMenuCommand('Дебаг режим: Выключен', () => {
  75. 			GM_setValue('debug', !GM_getValue('debug'))
  76. 			//GM_notification({ title: 'Дебаг режим:', text: '⛔ Выключен', timeout: 3000 });
  77. 			alert_frame('Дебаг режим:', '⛔ Выключен', 3000)
  78. 			debug_MC(menuCmdId)
  79. 		})
  80. 	}
  81. }
  82. debug_MC()
  83. //#endregion
  84.  
  85. //#region Тело скина
  86. function theme() {
  87.  
  88. 	console.log($('#test_analit_enable').text())
  89. 	if (darkStyleBacground && darkStyleBacground.id) {
  90. 		darkStyleBacground.remove()
  91. 	}
  92. 	if (darkStyle && darkStyle.id) {
  93. 		darkStyle.remove()
  94. 	}
  95. 	if (darkStyle1 && darkStyle1.id) {
  96. 		darkStyle1.remove()
  97. 	}
  98. 	if (combo_hide_style && combo_hide_style.id) {
  99. 		combo_hide_style.remove()
  100. 	}
  101.  
  102. 	$('#button_spawn').css({ display: 'none' })
  103. 	$('#button_delete').css({ display: 'block' })
  104. 	//$('body').css({ 'background-image': 'url("' + GM_getValue('background') + '")', 'background-size': '100%', 'background-attachment': 'fixed' });
  105. 	$('body').css({ 'background-image': 'url("' + GM_getValue('background') + '")', 'background-color': '#2F2F30', 'background-size': '100%', 'background-attachment': 'fixed' })
  106. 	//$("#Link_oboi").attr("href", GM_getValue('background'));
  107. 	$('#Link_oboi').attr('href', 'https://vk.com/feed')
  108. 	get_albom()
  109. 	bc_transparent(GM_getValue('background'), true)
  110.  
  111. 	darkStyle1 = GM_addStyle(`
  112.     
  113.     :root {
  114.         --black: #d7d7d7;
  115.         --background_content: #2f2f2f;
  116.     }
  117.     div#mv_player_box {
  118.         background-color: #2f2f2f;
  119.     }
  120.  
  121. [dir] .nim-peer.online::after {
  122.     box-shadow: 0 0 3px 1px black !important;
  123. }
  124.  
  125. div#side_bar {
  126.     top: 0px !important;
  127.     position: fixed !important;
  128. }
  129.  
  130. ul.ConvoRecommendList {
  131.     display: none !important;
  132. }
  133.  
  134. a.ui_gallery_item.wall_card.friend_recomm_card {
  135.     background: #272727;
  136. }
  137.  
  138. section#fastchat-reforged {
  139.     display: none;
  140. }
  141.  
  142. img.im_gift,
  143. img.sticker_img.emoji_sticker_image,
  144. img.emoji_sticker_image,
  145. svg.svg_sticker_animation
  146.  {
  147.     background-color: #ffffffbf;
  148.     border-radius: 15px 0px 15px 0px;
  149.     border-color: #949494;
  150.     border-style: solid;
  151.     border-width: unset;
  152.     4px 3px 15px 0px black, inset 4px 3px 15px 0px #6b6b6b;
  153.  
  154. }
  155.  
  156.  
  157. #layer_wrap,
  158. div#wk_layer_wrap,
  159. #box_layer_wrap
  160. {
  161.     background-color: #000000a3 !important;
  162.     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");
  163.     /*width: 100%;*/
  164.     /*height: 100%;*/
  165.     /*position: fixed;*/
  166.     /*z-index: 99999999;*/
  167.     background-attachment: fixed;
  168.     /*text-align: center;*/
  169. }
  170.  
  171.  
  172.  
  173. .body_im .side_bar
  174. {
  175.     padding-left: 130px !important;
  176. }
  177.  
  178. [dir] .market_item_content_bottom {
  179.  
  180.     background-color: transparent !important;
  181. }
  182.  
  183.  
  184. .side_bar_inner
  185. {
  186.     width: 160px !important;
  187. }
  188.  
  189. .dark-theme-box
  190. {
  191.     position: fixed;
  192.     white-space: nowrap;
  193.     z-index: 200;
  194.     height: 42px;
  195.     top: 0;
  196.     left: 0;
  197.     padding: 0 5px 0 10px;
  198.     line-height: 42px;
  199. }
  200.  
  201. .dark-theme-box a
  202. {
  203.     color: red;
  204. }
  205. `)
  206.  
  207. 	darkStyle = GM_addStyle(`
  208.  
  209.  
  210.  
  211.     .ui_rmenu_item,
  212. .olist_item_name,
  213. .app_widget_list_row,
  214. .flat_button.ui_load_more_btn,
  215. .audio_subscribe_promo__text,
  216. a,
  217. .web_cam_photo,
  218. .ui_rmenu_subitem,
  219. .reply_submit_hint_opts .radiobtn,
  220. .gtop_complex_message .gtop_content .gtop_header,
  221. .deep_active .post_replies_header .post_replies_reorder,
  222. .post_action_btn.on,
  223. .box_controls .flat_button.secondary,
  224. .flat_button.secondary.button_light,
  225. #mv_publish,
  226. .button_gray button, .flat_button.secondary,
  227. .button_blue button,
  228. .button_gray button,
  229. .button_light_gray button,
  230. .ShortVideoStub__title,
  231. .im-page-pinned--media,
  232. .sticker_extra_tt .tt_text .stickers_extra_text>b,
  233. .ui_gallery_wall_cards .wall_card__title_link,
  234. .audio_page__audio_rows .audio_row.audio_has_lyrics .audio_row__title_inner,
  235. .ap_layer__content .audio_row.audio_has_lyrics .audio_row__title_inner,
  236. ._playlist_page_content_block .audio_row.audio_has_lyrics .audio_row__title_inner,
  237. ._audio_section__search .audio_row.audio_has_lyrics .audio_row__title_inner,
  238. .audio_section_global_search__audios_block .audio_row.audio_has_lyrics .audio_row__title_inner,
  239. .deep_active.wall_module .post_replies_header .post_replies_reorder,
  240. .Settings__button,
  241. .MenuList__itemText,
  242. .PlaylistPanel__title,
  243. .PlaylistPanel__itemText,
  244. .VideoCardMenu__itemLabel 
  245. {
  246.     color: #afc6dc !important;
  247. }
  248.  
  249. body{
  250.     --page-block-shadow: 0 1px 0 0 transparent, 0 0 0 1px transparent !important;
  251. }
  252.  
  253.  
  254.  
  255. [dir=ltr] body.new_header_design #side_bar ol{
  256.     margin: 0px 0px 6px -9px !important;
  257.     padding-left: 3px !important;
  258. }
  259. [dir=ltr] body.new_header_design #ads_left.ads_left_empty+.left_menu_nav_wrap{
  260.     margin: 0px 0px 6px -9px !important;
  261.     padding: 8px 7px 9px 9px !important;
  262. }
  263.  
  264. [dir] .left_menu_nav_wrap {
  265.     padding: 10px 9px 9px 11px !important;
  266.     margin: 0px 0px 6px -9px !important;
  267. }
  268.  
  269. .left_settings_inner {
  270.     /*width: 20px !important;
  271.     height: 21px !important;*/
  272.     left: -16px !important;
  273.     opacity: 1/* !important*/;
  274.     background-size: 161%;
  275.     background-color: #353535b3;
  276.     background-position-x: 3px;
  277.     background-position-y: -57px;
  278.     border-radius: 5px;
  279.     background-image: url(/images/icons/common.png?6);
  280.     filter: initial;
  281. }
  282.  
  283. .ui_rmenu_item:hover,
  284. .ui_rmenu_subitem:hover,
  285. .ui_rmenu_item_sel,
  286. .ui_rmenu_item_sel:hover,
  287. .olist_item_wrap:hover,
  288. .docs_choose_upload_area:hover,
  289. [dir] body.new_header_design .left_count_wrap,
  290. .box_title_wrap.box_grey
  291. {
  292.     background-color: #4a76a8 !important;
  293. }
  294.  
  295.  
  296.     #top_profile_menu,
  297.     .thumbed_link__label,
  298.     textarea,
  299.     .mv_info,
  300.     .media_link__label
  301.     .online.mobile:after,
  302.     .media_link__label,
  303.     .im-mess.im-mess_light,
  304.     .nim-dialog:not(.nim-dialog_deleted).nim-dialog_unread.nim-dialog_classic,
  305.     div.fc_tab_txt,
  306.     #wk_box,
  307.     .pv_cont .pv_comments_header,
  308.     .Button--mobile:hover,
  309.     .ListItem--active,
  310.     .EditableLabel:hover .EditableLabel__text,
  311.     .ListItem--can-be-hovered.ListItem--selectable:hover,
  312.     .result_list ul li.active,
  313.     .emoji_tab:hover,
  314.     .ui_actions_menu,
  315.     .nim-dialog:not(.nim-dialog_deleted):hover,
  316.     div.wdd,
  317.     .ListItem--active,
  318.     .ListItem--border:before,
  319.     .wddi_over,
  320.     .photos_choose_upload_area:hover,
  321.     .web_cam_photo:hover,
  322.     .mail_box_cont,
  323.     .wddi_no,
  324.     .flist_item_wrap:hover,
  325.     .tt_default,
  326.     .tt_default_right,
  327.     .cal_clear,
  328.     #mv_publish,
  329.     .CatalogBlock__separator,
  330.     .ui_search_new.ui_search_dark .ui_search_input_inner,
  331.     .Settings__loader,
  332.     a.ui_gallery_item.wall_card.wall_card_tiny,
  333.     [dir] #top_ecosystem_navigation_menu,
  334.     .info_msg
  335.     {
  336.         background-color: #2f2f2f !important;
  337.         box-shadow: 2px 7px 3px rgba(0,0,0,.1);
  338.     }
  339.  
  340.  
  341.     .deep_active .replies .reply_fakebox,
  342.     .ui_tabs.ui_tabs_box,
  343.     .prefix_input_wrap,
  344.     .audio_row:hover:not(.audio_row__current) .audio_row_content,
  345.     .audio_page__shuffle_all .audio_page__shuffle_all_button:hover,
  346.     .audio_layer_container .audio_friend:hover,
  347.     .ui_search_sugg_list .ui_search_suggestion_selected,
  348.     .top_notify_cont .feedback_row:not(.dld):hover,
  349.     .feedback_row_clickable:not(.feedback_row_touched):hover,
  350.     .audio_row.audio_row__current .audio_row_content,
  351.     .page_actions_item:hover:not(.grey_hoverable),
  352.     .nim-dialog.nim-dialog_classic.nim-dialog_unread-out .nim-dialog--inner-text,
  353.     .fc_tab,
  354.     .tabbed_box .summary_tab_sel .summary_tab2,
  355.     .feedback_row_wrap.unread:not(.feedback_row_touched),
  356.     .tabbed_box .summary_tab a:hover,
  357.     .blst_last:hover,
  358.     .tabbed_box .summary_tab .summary_tab3:hover,
  359.     .photos_container .photos_row,
  360.     .ms_items_more,
  361.     .sticker_hints_tt,
  362.     .box_msg,
  363.     .box_msg_gray,
  364.     .msg,
  365.     .tabbed_box .summary_tab_sel .summary_tab3:hover,
  366.     .my_current_info:hover,
  367.     .audio_pl_snippet2,
  368.     .im_msg_audiomsg .audio-msg-track:not(.audio-msg-player):hover,
  369.     .article_ed_layer .article_ed_layer__header,
  370.     #admin_tips #gtop_admin_tips.gtop_complex_message,
  371.     #page_block_group_admin_tips .group_edit_admin_tips_item:hover,
  372.     .group_edit.group_edit_admin_tips .group_edit_admin_tips_item:hover,
  373.     .eltt .eltt_fancy_action:hover,
  374.     .cal_table .day,
  375.     .market_item_content,
  376.     .button_gray button,
  377.     .flat_button.secondary,
  378.     .audio_page_layout .audio_page_separator,
  379.     .stats_cont_browse_tile,
  380.     .piechart_col_header th,
  381.     #stat_group_postsreach_table td,
  382.     .group_info_rows_redesign .group_info_row.onboarding_placeholder .line_value.line_edit,
  383.     .group_info_rows_redesign .group_info_row.onboarding_placeholder .line_value:hover,
  384.     .my_current_info:hover,
  385.     .no_current_info:hover,
  386.     .mv_live_gifts_arrow_right:before,
  387.     .mv_live_gifts_supercomment:hover,
  388.     .docs_choose_rows .docs_item:hover,
  389.     .docs_choose_upload_area,
  390.     a.ts_contact.active, a.ts_search_link.active,
  391.     #market_choose_box .market_block_layout,
  392.     .tt_w.top_notify_tt,
  393.     .idd_popup .idd_header_wrap,
  394.     .idd_popup .idd_items_content,
  395.     [dir] .post_top_info_caption,
  396.     .feed_groups_recomm_friends .ui_gallery_wall_cards .wall_card,
  397.     .DonutCatalogPromo,
  398.     .photo_upload_separator,
  399.     [dir] .VideoCard--playlist .VideoCard__info,
  400.     [dir] .VideoTabsSlider .VideoTabs
  401.     {
  402.         background-color: #2f2f2f !important;
  403.         box-shadow: 2px 7px 3px rgba(0,0,0,.1) !important;
  404.     }
  405.  
  406.     .PostBottomAction
  407.     {
  408.         border-radius: 8px !important;
  409.     }
  410.  
  411.     .PostBottomAction__count, 
  412.     .PostBottomAction__label 
  413.     {
  414.         color: #2f2f2f !important;
  415.     }
  416.  
  417.     body::-webkit-scrollbar
  418.     {
  419.     -webkit-appearance: none;
  420.     width: 11px;
  421.     }
  422.  
  423. body::-webkit-scrollbar-thumb,
  424.  
  425. .ui_scroll_default_theme>.ui_scroll_bar_container>.ui_scroll_bar_outer>.ui_scroll_bar_inner
  426. {
  427.     border-radius: 3px;
  428.     background-color: #4a76a8;
  429.     transition: background-color 200ms linear, width 150ms linear;
  430. }
  431.  
  432.  
  433. a#profile_edit_act:hover, 
  434. a#profile_edit_act:focus {
  435.     opacity: .88;
  436.     text-decoration: none;
  437. }
  438.  
  439. a#profile_edit_act
  440. {
  441.     background-color: var(--button_primary_background);
  442.     color: var(--button_primary_foreground);
  443. }
  444.  
  445.  
  446.     #side_bar ol li .left_row,
  447.     body,
  448.     .ui_rmenu_subitem,
  449.     ._im_to_unread.im-page--dialogs-filter-wrap a,
  450.     .top_notify_cont,
  451.     .wddi_text,
  452.     .module_header .header_top,
  453.     .page_actions_item,
  454.     input,
  455.     textarea,
  456.     .tabbed_box .summary_tab_sel .summary_tab3,
  457.     .ChatSettingsInfo__title,
  458.     .result_list ul li.active,
  459.     .im-aside-notice-promo.group-messages-notify-block .im-aside-notice--title,
  460.     .im-aside-notice,
  461.     .search_filter_main,
  462.     .result_list ul li,
  463.     .search_filter_shut,
  464.     .im-fwd.im-fwd_msg .im-fwd--messages,
  465.     .links-list__title,
  466.     #mv_pl_tt .mv_tt_playlist,
  467.     .wide_column .topics_module .topic_title,
  468.     .topics_module .topic_inner_link,
  469.     .ui_search_fltr,
  470.     .ui_search_fltr_label,
  471.     .post_author_data .post_author_data_title,
  472.     .im-chat-input--editing-head,
  473.     .page_market_item_narrow_price,
  474.     .audio_subscribe_promo__title,
  475.     .box_title_wrap.box_grey .box_title,
  476.     .page_block_sub_header,
  477.     ul.listing li span,
  478.     .notify_sources_tt_content .line_cell .info,
  479.     .article>h1,
  480.     .group_info_rows_redesign .group_info_row.time .address_time_status_cur_time,
  481.     #admin_tips #gtop_admin_tips.gtop_complex_message .gtop_content .gtop_message,
  482.     .wk_address_content .addresses_wrap .address .address_timetable .address_timetable_one_day,
  483.     .eltt .eltt_fancy_action,
  484.     .medadd_h,
  485.     .market_item_title,
  486.     .market_item_price,
  487.     .stats_cont_browse_tile,
  488.     .validation_device_info_name,
  489.     .top_profile_mrow,
  490.     .microdata_price,
  491.     .notify_tt_text,
  492.     .im-mess-stack .im-mess-stack--gift,
  493.     .ShortVideoStub__text,
  494.     body.new_header_design #side_bar .left_label,
  495.     .post_top_info_caption,
  496.     .audio_row .audio_row__lyrics .audio_row__lyrics_inner,
  497.     .audio_pl_snippet2 .audio_pl_snippet__description,
  498.     #market_choose_box .market_block_layout .market_row .market_row_price,
  499.     .ModalHeader__title,
  500.     .SettingsListItem__title
  501.     {
  502.         color: #cacaca !important;
  503.     }
  504.  
  505.     .SettingsListItem + .SettingsListItem,
  506.     .top_notify_cont .top_notify_header {
  507.         border-top-color: #ffffff26 !important;
  508.     }
  509.  
  510.     [dir] .ModalHeader
  511.     {
  512.         border-bottom-color: #ffffff26 !important;
  513.     }
  514.  
  515.     [dir] body.new_header_design .p_head_l0 .top_home_link .top_home_logo,
  516.     [dir] body.new_header_design .p_head_l97 .top_home_link .top_home_logo,
  517.     [dir] body.new_header_design .p_head_l114 .top_home_link .top_home_logo,
  518.     [dir] body.new_header_design .p_head_l1 .top_home_link .top_home_logo,
  519.     [dir] .TopHomeLink--logoWithText
  520.     {
  521.         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;
  522.     }
  523.  
  524.     div[contenteditable=true],
  525.     .audio_page_layout .audio_search_wrapper,
  526.     .im-page_classic.im-page .im-chat-history-resize,
  527.     .wall_module .reply_fakebox_wrap
  528.     {
  529.         background: #ffffff00 !important;
  530.     }
  531.  
  532.     #side_bar ol li .left_row:hover
  533.     {
  534.         color: #292929 !important;
  535.         background-color: #909090 !important;
  536.         box-shadow: 2px 7px 3px rgba(0,0,0,.1);
  537.     }
  538.  
  539.     .eltt,
  540.     .pv_author_block,
  541.     .pv_cont .narrow_column,
  542.  
  543.     .top_notify_show_all,
  544.     .ui_tabs_header,
  545.     .box_body,
  546.     input,
  547.     .pv_cont .narrow_column,
  548.  
  549.     .mention_tt_actions,
  550.     .group_l_row,
  551.     .group_tokens_row,
  552.     .groups_edit_event_log_page .groups_edit_event_log_controls,
  553.     .ui_search_sugg_list,
  554.     .links-list__item:hover,
  555.     .online.mobile:after,
  556.     .stl_active.over_fast #stl_bg,
  557.     .profile_info_header,
  558.     .profile_info_edit,
  559.     #mv_pl_tt .mv_tt_add_playlist,
  560.     .emoji_tt_wrap,
  561.     .fc_msgs,
  562.     .deep_active .replies .reply_box_inner_wrap.fixed,
  563.     #groups_menu_items .groups_edit_menu_items .group_apps_list_row_drag_wrapper,
  564.     .audio_pl_snippet2 .audio_shuffle_all_button:hover,
  565.     #group_apps_list .group_apps_list_rows.group_apps_list_rows_multi .group_apps_list_row_drag_wrapper,
  566.     #top_notify_wrap,
  567.     .audio_page_player2.audio_page_player_fixed,
  568.     .video_upload_separator_text,
  569.     .cal_table .next_month_day,
  570.     .cal_table .prev_month_day,
  571.     .flat_button.secondary:hover,
  572.     .ui_search_new.ui_search_field_empty .ui_search_button_search,
  573.     .article_ed_layer,
  574.     #stats_cont.stats_cont_browse,
  575.     .paginated_table_header th.paginated_table_cell,
  576.     .mv_live_gifts_item:hover,
  577.     .mv_live_gifts_supercomment:hover,
  578.     .mv_live_gifts_arrow_left:before,
  579.     .mv_live_gifts_arrow_right:hover:before,
  580.     .ts_cont_wrap,
  581.     .search_filters_minimized_text,
  582.     .idd_popup .idd_item.idd_hl,
  583.     [dir] body.new_header_design .top_nav_link.active,
  584.     [dir] .pv_cont .pv_reply_form_wrap,
  585.     [dir] .ModalHeader,
  586.     .box_controls,
  587.     [dir] .audio_layer_container .ui_tabs
  588.         {
  589.             background-color: #272727 !important;
  590.         }
  591.  
  592.     .wall_module .reply_form {
  593.             background-color: #272727 !important;
  594.             border-radius: 6px !important;
  595.         }
  596.  
  597.     [dir] .wall_module .reply_box, [dir] .wall_module .reply_fakebox_wrap
  598.         {
  599.             background-color: transparent !important;
  600.         }
  601.  
  602.     [dir] .deep_active .replies .replies_wrap_deep .reply_media_preview,
  603.     [dir] .deep_active .wl_replies_block_wrap .replies_wrap_deep .reply_media_preview,
  604.     [dir] .deep_active.wall_module .replies .replies_wrap_deep .reply_media_preview,
  605.     [dir] .deep_active.wall_module .wl_replies_block_wrap .replies_wrap_deep .reply_media_preview,
  606.     [dir] #top_ecosystem_navigation_menu
  607.         {
  608.             border-color: transparent !important;
  609.         }
  610.  
  611.  
  612.     .wall_module .reply_box
  613.         {
  614.             /*background-color: transparent !important;*/
  615.         }
  616.  
  617.     .page_block,
  618.     .ui_search,
  619.     .im-page--toolsw,
  620.     .im-chat-input,
  621.     .im-page .im-page--dialogs-footer.ui_grey_block,
  622.     .tt_default,
  623.     .wddi,
  624.     .im-chat-input .im-chat-input--txt-wrap,
  625.     .im-page--chat-header,
  626.     .wpost_post,
  627.     .submit_post,
  628.     .im-mess.im-mess_unread+.im-mess:before,
  629.     .im-page_classic.im-page .im-page--dcontent,
  630.     .im-mess.im-mess_selected+.im-mess:before,
  631.     .page_block_header,
  632.     .settings_block_footer,
  633.     .page_actions_wrap,
  634.     .im-page_classic.im-page .im-page--chat-body-wrap-inner,
  635.     .im-page .im-page--mess-search,
  636.     .ChatSettings__content,
  637.     .gedit_block_footer,
  638.     .selector_container,
  639.     .result_list ul,
  640.     .List,
  641.     .im-dropbox,
  642.     .im-create .im-create--tabs,
  643.     .im-create,
  644.     .emoji_tabs_l_s,
  645.     .emoji_tabs_r_s,
  646.     .im-aside-notice,
  647.     .emoji_tab_sel,
  648.     .emoji_tab_sel:hover,
  649.     .emoji_cat_title,
  650.     .im-page.im-page_classic.im-page_group .im-group-online .im-group-online--inner,
  651.     .im-page.im-page_classic.im-page_group .im-group-online,
  652.     .emoji_tabs,
  653.     .Button--mobile,
  654.     .ChatSettingsMembersWidget,
  655.     .ui_grey_block,
  656.     .ChatSettingsInfo,
  657.     .ui_search_fltr,
  658.     .emoji_sticker_item:hover,
  659.     .photos_choose_upload_area,
  660.     .web_cam_photo,
  661.     .pv_white_bg,
  662.     .im-audio-message-input,
  663.     .wk_address_content .addresses_header,
  664.     [dir] .ShortVideoPost,
  665.     [dir] .ShortVideoPage__container--empty,
  666.     [dir] .im-page .im-page--dialogs-footer,
  667.     [dir] .VideoHeader__title,
  668.     .MessageForward__content
  669.     {
  670.         background-color: #272727d4 !important;
  671.     }
  672.  
  673.     // {
  674.         // background-color: #272727d4 !important;
  675.         // 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;
  676.     // }
  677.  
  678.     .article_ed_layer__wrap,
  679.     .fakeinput,
  680.     input.big_text,
  681.     input.dark,
  682.     input.search,
  683.     /*input.text,*/
  684.     textarea
  685.     {
  686.         background-color: #272727 !important;
  687.     }
  688.  
  689.  
  690.     .im-page .im-page--center-empty
  691.     {
  692.         background: url('https://psv4.userapi.com/c856228/u51863636/docs/d14/41e6a3400829/empty_icon.png') no-repeat top !important;
  693.     }
  694.  
  695.  
  696.     .nim-dialog .nim-dialog--name .nim-dialog--name-w,
  697.     .im-page .im-search-results-head,
  698.     .im-popular--name,
  699.     .ui_actions_menu_item,
  700.     .im-page--title-main-inner,
  701.     .feedback_header b,
  702.     .ui_tabs .ui_tab_sel,
  703.     .page_block_header,
  704.     .settings_block_footer,
  705.     h2,
  706.     #groups_menu_promo .apps_group_catalog_promo_header,
  707.     input.dark,
  708.     .nim-dialog.nim-dialog_typing .nim-dialog--typing,
  709.     .im-page .im-page--mess-search,
  710.     .mail_box_group_first_message,
  711.     .page_name, h1.page_name,
  712.     .audio_pl_snippet2 .audio_shuffle_all_button,
  713.     .audio_pl_item2 .audio_pl__subtitle>a,
  714.     .wk_address_content .addresses_wrap .address .address_timetable .address_timetable_one_day.on,
  715.     .wk_address_content .addresses_wrap .address .address_time_status .address_time_status_cur_time,
  716.     .medadd_poll_answer_add,
  717.     [dir] .VideoHeader__title
  718.     {
  719.         color: #ffff !important;
  720.     }
  721.  
  722.     .nim-dialog .nim-dialog--date,
  723.     div[contenteditable=true],
  724.     .nim-dialog .nim-dialog--who,
  725.     .ms_items_more._more_items a,
  726.     .im-replied--text,
  727.     .im-page .im-page--history-new-bar>span,
  728.     .audio_page_player2 .audio_page_player_title_song,
  729.     .ui_tab_default .ui_tab_plain,
  730.     .mv_title,
  731.     .mv_comments_summary,
  732.     .emoji_cat_title,
  733.     .mv_recom_block_title,
  734.     #stat_group_postsreach_table td,
  735.     .idd_popup .idd_item,
  736.     .idd_popup .idd_header,
  737.  
  738.     #group_section_menu .module_body .ui_gallery .ui_gallery_item .groups_menu_item .groups_menu_item_title
  739.     {
  740.         color: #e6e6e6 !important;
  741.     }
  742.  
  743.     .nim-dialog .nim-dialog--preview,
  744.     .top_notify_header,
  745.     .top_notify_cont .feedback_header,
  746.     .feedback_header,
  747.     .Tabs__item--active>*,
  748.     .PlaceholderSmall__title,
  749.     .im-page-pinned--date,
  750.     .audio_page_layout .audio_item__title
  751.     {
  752.         color: #949494 !important;
  753.     }
  754.  
  755.     .ui_actions_menu_item:hover,
  756.     .media_selector .ms_items_more .ms_item:hover,
  757.     .idd_popup .idd_item.idd_hover, .idd_popup .idd_item.idd_hover_sublist_parent,
  758.     .profile_more_info_link:hover
  759.     {
  760.         background-color: #a3a6a9 !important;
  761.         color: #000000 !important;
  762.     }
  763.  
  764.     .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected,
  765.     .nim-dialog:not(.nim-dialog_deleted).nim-dialog_hovered
  766.     {
  767.         background-color: #3d5877 !important;
  768.     }
  769.  
  770.     .page_counter .count,
  771.     .subheader, h4.subheader,
  772.     .tt_w,
  773.     .Entity__title,
  774.     .PlaceholderSmall__text,
  775.     .sticker_extra_tt .tt_text,
  776.     .subscribe_post_tt .tt_text,
  777.     .audio_page__shuffle_all .audio_page__shuffle_all_button
  778.     {
  779.         color: #eceff3 !important;
  780.     }
  781.  
  782.     .wall_post_cont._wall_post_cont
  783.     {
  784.         background-color: transparent !important;
  785.     }
  786.  
  787.     .im-mess.im-mess_unread:not(.im-mess_light),
  788.     .im-mess.im-mess_selected:last-child:before,
  789.     .im-mess.im-mess_unread:last-child:before,
  790.     .page_actions_header,
  791.     .im-mess.im-mess_selected:not(.im-mess_is_editing)
  792.     {
  793.         background-color: #3d5877ab  !important;
  794.     }
  795.  
  796.  
  797.     #side_bar .more_div,
  798.     .nim-dialog .nim-dialog--content,
  799.     .im-chat-input,
  800.     .ui_rmenu_sep,
  801.  
  802.     .wall_module .replies_list,
  803.     #ads_left.ads_left_empty+.left_menu_nav_wrap,
  804.     .pv_comments,
  805.     .deep_active .replies .replies_wrap_deep,
  806.     .deep_active .post_replies_header,
  807.     .wddi,
  808.     .wall_module .reply_box,
  809.     .submit_post,
  810.     .mention_tt_actions,
  811.     .im-page .im-page--dialogs-footer,
  812.     .wide_column .topics_module .topic_row,
  813.     .flat_button.ui_load_more_btn,
  814.     .gedit_block_footer,
  815.     .top_profile_sep,
  816.     .nim-dialog:not(.nim-dialog_deleted):hover+.nim-dialog,
  817.     .nim-dialog:not(.nim-dialog_deleted).nim-dialog:hover,
  818.     .page_actions_separator,
  819.     .ui_actions_menu_sep,
  820.     .audio_subscribe_promo,
  821.     .ui_search_sugg_list,
  822.     .top_notify_show_all,
  823.     .feedback_row,
  824.     .wall_module .reply~.reply .reply_wrap,
  825.     .page_actions_inner,
  826.     div.fc_tab_txt,
  827.     .olist_item_wrap:hover,
  828.     .profile_info_block,
  829.     .ui_grey_block,
  830.     .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected+.nim-dialog,
  831.     .im-page .im-page--mess-search,
  832.     .search_sep,
  833.     .search_row,
  834.     .bp_post,
  835.     .friends_user_row,
  836.     .feed_row~.feed_row .feedback_row_clickable:not(.feedback_row_touched):hover,
  837.     .im-audio-message-input,
  838.     .docs_item,
  839.     .feed_groups_recomm__all,
  840.     .counts_module
  841.     {
  842.     border-top-color: #464748 !important;
  843.     }
  844.  
  845.     [dir] .top_profile_mrow:hover,
  846.     [dir] .top_profile_vkconnect_row:hover
  847.     {
  848.         background-color: #464748 !important;
  849.     }
  850.  
  851.     .deep_active .replies .reply_field_wrap .reply_field,
  852.     .deep_active .replies .reply_fakebox,
  853.     .wdd_list,
  854.     div.wdd,
  855.     .wpost_post,
  856.     .ui_search_new .ui_search_input_inner,
  857.     .module,
  858.     #top_profile_menu,
  859.     .ms_items_more,
  860.     .ui_actions_menu,
  861.     .eltt,
  862.  
  863.     .ui_search_sugg_list,
  864.     #top_notify_wrap,
  865.     .page_actions_wrap,
  866.     .fc_msgs,
  867.     .fc_tab,
  868.     div[contenteditable=true],
  869.     .tt_default,
  870.     .ui_search_new .ui_search_button_search,
  871.     .audio_layer_container .audio_page__footer,
  872.     .audio_layer_container .audio_page_player_wrap,
  873.     #mv_publish,
  874.     .tt_w.top_notify_tt,
  875.     .CatalogSection__leftColumn,
  876.     .im-chat-input .im-chat-input--txt-wrap
  877.     {
  878.         border-color:#2f2f2f !important;
  879.     }
  880.  
  881.  
  882.  
  883.     /*.page_block
  884.     {
  885.         box-shadow: 0 0 0 0 #d7d8db, 0 0 0 0px #e3e4e8 !important;
  886.     }*/
  887.  
  888.     [dir] .ShortVideoPage .page_block_h2,
  889.     [dir] .ShortVideoPage__container--empty
  890.     {
  891.         box-shadow: 0 1px 0 0 #d3d9de00, 0 0 0 1px #e7e8ec00 !important;
  892.     }
  893.  
  894.  
  895.     .ui_search,
  896.     .im-page--toolsw,
  897.     input.BlockSearchInput,
  898.     .ui_tabs,
  899.     .wide_column .page_top,
  900.     .group_l_row,
  901.     .group_edit_row_sep,
  902.     .page_block_header,
  903.     .group_tokens_row,
  904.     .group_list_row,
  905.     .pv_author_block,
  906.     .mv_actions_block,
  907.     .im-page .im-page--mess-search,
  908.     .olist_item_wrap,
  909.     .Tabs,
  910.     .im-page_classic.im-page .im-page--chat-input,
  911.     .feed_new_posts,
  912.     .feedback_row_clickable:not(.feedback_row_touched):hover,
  913.     .audio_layer_container .audio_page_player_wrap,
  914.     .bt_header,
  915.     .gifts_box_rows .post,
  916.     .blst_row,
  917.     .paginated_table_header th.paginated_table_cell,
  918.     .mv_live_gifts_block,
  919.     .docs_choose_rows .docs_item,
  920.     .tt_w.top_notify_tt.tt_up:before,
  921.     .tt_w.top_notify_tt.tt_up:after,
  922.     [dir] .VideoHeader__title,
  923.     .mv_comments_summary
  924.     {
  925.         border-bottom-color: #2f2f2f !important;
  926.     }
  927.  
  928.  
  929.     .mv_info_narrow_column,
  930.     .mv_recom_block_title,
  931.     .im-page_classic.im-page .im-page--header,
  932.     .mv_live_gifts_supercomment,
  933.     .wall_module .copy_quote
  934.     {
  935.         border-left-color: #272727 !important;
  936.     }
  937.  
  938.     .audio_page_layout .has_friends_block .audio_page__rows_wrap,
  939.     .im-page_classic.im-page .im-page--header
  940.     {
  941.         border-right-color:#272727 !important;
  942.     }
  943.  
  944.     .chat_onl_inner
  945.     {   /* убираем «быстрые диалоги» */
  946.         display:none !important;
  947.     }
  948.  
  949.     .page_photos_module
  950.     {
  951.     padding: 15px 15px 15px !important;
  952.     }
  953.  
  954.     #page_header_cont .back,
  955.     .page_avatar_img,
  956.     .stl_active.over_fast #stl_bg,
  957.     #profile_message_send,
  958.     .stories_feed_preview_item,
  959.     .post_img,
  960.     .im-page--header-more .ui_actions_menu,
  961.     .nim-dialog:not(.nim-dialog_deleted).nim-dialog:hover,
  962.     .im-chat-input .ms_items_more,
  963.  
  964.     .emoji_tt_wrap,
  965.     .fc_tab,
  966.     .info_msg,
  967.     .im-aside-notice,
  968.     .List--border,
  969.     .page_block,
  970.     .online:after,
  971.     .audio_page_layout .audio_block:before,
  972.     .page_block._audio_page_content_block:before,
  973.     .im-page.im-page_classic.im-page_group .im-group-online .im-group-online--inner
  974.     {
  975.         box-shadow: 7px 7px 3px 3px rgba(0,0,0,.1) !important;
  976.     }
  977.  
  978.     .nim-dialog.nim-dialog_muted .nim-dialog--mute, .nim-dialog.nim-dialog_unread.nim-dialog_prep-injected.nim-dialog_muted .nim-dialog--mute {
  979.  
  980.         color: rgb(255 255 255 / 24%) !important;
  981.     }
  982.  
  983.  
  984.     [dir] .ShortVideoPost {
  985.     box-shadow: 0 1px 0 0 #d3d9de00, 0 0 0 1px #e7e8ec00 !important;
  986.  
  987. }
  988.  
  989.     .online:after {
  990.         border: 0px solid #ffffff !important;
  991.         box-shadow: 1px 3px 2px 2px rgba(0,0,0,.1);
  992.     }
  993.  
  994.     .module_body {
  995.     padding: 12px 14px 15px !important;
  996. }
  997.  
  998.     .im-page_classic.im-page .im-page--dialogs-search,
  999.     .im-page_classic .im-page--chat-header-in,
  1000.     .im-chat-input.im-chat-input_classic,
  1001.     .nim-dialog.nim-dialog_unread .nim-dialog--unread,
  1002.     .ChatSettingsInfo,
  1003.     .ChatSettingsMembersWidget,
  1004.     .List--border,
  1005.     .Button--mobile,
  1006.     #admin_tips #gtop_admin_tips.gtop_complex_message,
  1007.     .CatalogBlock--divided:before, .CatalogSection:before,
  1008.     .im-page_classic.im-page .im-page--chat-body-abs
  1009. {
  1010.         box-shadow: 2px 7px 3px rgba(0,0,0,.1) !important;
  1011.     }
  1012.  
  1013.     .im-page_classic .im-page--chat-header,
  1014.     .im-page_classic.im-page .im-page--chat-input,
  1015.     .nim-dialog:not(.nim-dialog_deleted).nim-dialog.nim-dialog_classic.nim-dialog_unread,
  1016.     .nim-dialog:not(.nim-dialog_deleted).nim-dialog_unread.nim-dialog_classic+.nim-dialog,
  1017.     .ui_tabs.ui_tabs_box,
  1018.     .ListItem--active,
  1019.     .ListItem--can-be-hovered.ListItem--selectable:hover,
  1020.     .like_cont,
  1021.     .emoji_tt_wrap,
  1022.     .photos_container .photos_row,
  1023.     .info_msg,
  1024.     .ListItem--active,
  1025.     .group_friends_image,
  1026.     .ui_search_fltr,
  1027.     .emoji_tt_wrap.tt_down:after,
  1028.     .emoji_tt_wrap.tt_down:before,
  1029.     #mv_pl_tt .mv_tt_private_only+.mv_tt_playlists,
  1030.     #mv_pl_tt .mv_tt_add_playlist,
  1031.     .like_share_ava.wdd_imgs .wdd_img_full,
  1032.     .like_share_ava.wdd_imgs .wdd_img_half,
  1033.     .like_share_ava.wdd_imgs .wdd_img_tiny,
  1034.     .sticker_hints_tt,
  1035.     .Avatar--online:after,
  1036.     .box_controls,
  1037.     .online:after,
  1038.     .sticker_hints_arrow,
  1039.     .cal_table>tbody,
  1040.     .market_item_footer_wrap,
  1041.     .wk_address_content .addresses_header,
  1042.     .app_widget_list_row,
  1043.     .stats_browse_filter,
  1044.     .idd_popup,
  1045.     #mv_publish,
  1046.     .im-page_classic.im-page .im-page--chat-body-wrap-inner,
  1047.     .im-page_classic.im-page .im-page--header,
  1048.     [dir] body.new_header_design .ts_cont_wrap
  1049.     {
  1050.         border-top-color: #ffffff00 !important;
  1051.         border-color: #ffffff00 !important;
  1052.         border-bottom-color: #ffffff00 !important;
  1053.         border-left-color: #ffffff00 !important;
  1054.         border-right-color: #ffffff00 !important;
  1055.     }
  1056.  
  1057.  
  1058.  
  1059.     .im-page_classic.im-page .im-page--chat-input
  1060. {
  1061.     border-bottom: solid 0px #ffffff00 !important;
  1062. }
  1063.  
  1064. [dir] .search_focused .highlight {
  1065.     background-color: #3384e269;
  1066. }
  1067.  
  1068. [dir] .feedback_row_wrap {
  1069.     border-top-color: rgba(220, 225, 230, 0.19) !important;
  1070. }
  1071.  
  1072. [dir] .selector_container table.selector_table,
  1073. [dir] .BaseModal__content {
  1074.     background-color: #2f2f2f !important;
  1075.     border-color: #2f2f2f !important;
  1076. }
  1077. .im-page_classic .im-page--chat-header
  1078. {
  1079.     top: 42px !important;;
  1080. }
  1081.  
  1082.     /*.page_actions_cont.narrow .page_actions_header,*/
  1083.     .page_actions_cont.narrow .page_extra_actions_btn
  1084.     {
  1085.         background-image: url(/images/icons/profile_dots.png?1) !important;
  1086.         background-color: #2f2f2f !important;
  1087.     }
  1088.  
  1089.     .im-page--back-btn:hover
  1090.     {
  1091.     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;
  1092.     }
  1093.  
  1094.  
  1095. .olist_checkbox,
  1096. .wall_post_source_icon
  1097. {
  1098.     filter: invert(83%);
  1099. }
  1100.  
  1101. .bp_post.bp_selected.bp_animated
  1102. {
  1103.     background-color: transparent !important;
  1104.     border-color: transparent !important;
  1105. }
  1106.  
  1107. .bp_post.bp_selected
  1108. {
  1109.     background-color: #4872a3 !important;
  1110.     transition: background-color 5000ms linear, border-color 5000ms linear !important;
  1111. }
  1112.  
  1113. .notify_sources_tt_content .content:not(:hover) .line_cell.selected,
  1114. .notify_sources_tt_content .line_cell:hover
  1115. {
  1116.     background-color: #4872a3 !important;
  1117. }
  1118.  
  1119. .emoji_sprite,
  1120. .ui_scroll_default_theme.ui_scroll_emoji_theme>.ui_scroll_overflow>.ui_scroll_shadow_top,
  1121. .ui_scroll_default_theme.ui_scroll_emoji_theme>.ui_scroll_overflow>.ui_scroll_shadow_bottom
  1122. {
  1123.     filter: invert(90%) !important;
  1124. }
  1125.  
  1126.  
  1127. .sticker_hints_arrow
  1128. {
  1129.     background: #272727 url(/images/icons/stickers_hints_arrow.png) no-repeat 50% 50% !important;
  1130. }
  1131.  
  1132. .wddi,
  1133. .wddi_over,
  1134. .post_actions_btns,
  1135. .submit_post
  1136. {
  1137.     border-top-color: #2f2f2f !important;
  1138. }
  1139.  
  1140.  
  1141. .nim-peer .nim-peer--photo .im_grid>img,
  1142. .nim-peer .nim-peer--photo>img,
  1143. .nim-peer .nim-peer--photo-w,
  1144. .post_img,
  1145. .wall_module .copy_post_img,
  1146. .module_body .people_cell_img,
  1147. .page_list_module .thumb,
  1148. .wall_module .reply_img,
  1149. .post_field_user_image,
  1150. .top_profile_img,
  1151. .ow_ava.ow_ava_comm,
  1152. .friends_photo_img,
  1153. .right_list_img,
  1154. .group_row_photo,
  1155. .group_row_img,
  1156. .page_square_photo,
  1157. .page_avatar_img,
  1158. .notify_tt_img,
  1159. .notify_tt_thumb,
  1160. /*a.page_post_thumb_wrap.image_cover.page_post_thumb_last_column.page_post_thumb_last_row,*/
  1161. a.page_post_thumb_wrap.image_cover,
  1162. input.text.ts_input,
  1163. .video_box_wrap
  1164. {
  1165.     border-radius: 10px !important;
  1166. }
  1167.  
  1168.  
  1169. [dir] .im-page-pinned,
  1170. [dir] .im-page--chat-header-in,
  1171. [dir] body.new_header_design #page_header_cont
  1172. {
  1173.     border-bottom-color: transparent !important;
  1174. }
  1175.  
  1176. [dir] .im-page-pinned,
  1177. [dir] body.new_header_design #page_header_cont,
  1178. [dir] .video_showcase .page_header_wrap,
  1179. [dir] .VideoLayout__asideFooter,
  1180. [dir] .VideoLayout__aside 
  1181. {
  1182.     background-color: #383838e6 !important;
  1183. }
  1184.  
  1185.  
  1186. .left_menu_nav_wrap,
  1187. #side_bar ol,
  1188. .CatalogBlock--divided,
  1189. /*[dir] .im-page-pinned,*/
  1190. .CatalogSection
  1191. {
  1192.     box-shadow: 7px 7px 3px 3px rgba(0,0,0,.1) !important;
  1193.     padding: 9px 9px !important;
  1194.     padding-left: 14px !important;
  1195.     background-color: #272727de !important;
  1196.     border-radius: 5px !important;
  1197.  
  1198. }
  1199.  
  1200. /*div#layer_wrap,*/
  1201. /*div#box_layer_wrap*/
  1202. #layer_bg,
  1203. #box_layer_bg
  1204. {
  1205.     /*backdrop-filter: blur(3px);*/
  1206.     background: #00000038 !important;
  1207.     opacity: 1 !important;
  1208. }
  1209.  
  1210. .tt_default,
  1211. .tt_default_right
  1212. {
  1213.     border: 1px solid #6b6969 !important;
  1214. }
  1215.  
  1216. .im-page .im-page--history-new-bar
  1217. {
  1218.     background: #ffffff00 !important;
  1219. }
  1220.  
  1221. .im-page .im-page--history-new-bar>span {
  1222.     background: #2f2f2f !important;
  1223.     border-radius: 17px !important;
  1224.     box-shadow: 2px 7px 3px rgba(0,0,0,.1) !important;
  1225. }
  1226.  
  1227. .im-page .im-page--history-new-bar:after, .im-page .im-page--history-new-bar:before {
  1228.     display: block;
  1229.     content: '';
  1230.     height: 1px;
  1231.     width: 50%;
  1232.     background: #e4e6e980 !important;
  1233.     position: absolute;
  1234.     top: 50%;
  1235.     margin-left: 43px;
  1236. }
  1237.  
  1238. .article_ed_layer .article_ed_layer__close
  1239. {
  1240.     filter: invert(1);
  1241. }
  1242.  
  1243. .mv_live_gifts_arrow_left:hover:before, .mv_live_gifts_arrow_right:hover:before {
  1244.     background-image: linear-gradient(0deg, #fff, #f0f2f5, #fff) !important;
  1245. }
  1246.  
  1247. #ads_left,
  1248. ._ads_block_data_w,
  1249. .page_block .apps_feedRightAppsBlock .apps_feedRightAppsBlock_single_app,
  1250. .fc_tab_wrap,
  1251. .page_block.apps_feedRightAppsBlock.apps_feedRightAppsBlock_single_app.apps_feedRightAppsBlock_single_app--promo
  1252. {
  1253.     display: none !important;
  1254. }
  1255.  
  1256. .tt_w.top_notify_tt.tt_up
  1257. {
  1258.     box-shadow: 6px 7px 3px rgba(0, 0, 0, 0.55);
  1259. }
  1260.  
  1261. [dir] .like_cont {
  1262.     box-shadow: inset 0 1px #e7e8ec00  !important;
  1263. }
  1264.  
  1265. [dir] .deep_active .replies .replies_wrap_deep, 
  1266. [dir] .deep_active .wl_replies_block_wrap .replies_wrap_deep, 
  1267. [dir] .deep_active.wall_module .replies .replies_wrap_deep, 
  1268. [dir] .deep_active.wall_module .wl_replies_block_wrap .replies_wrap_deep 
  1269. {
  1270.     border-top: 1px solid #dce1e64f !important;
  1271. }
  1272.  
  1273. [dir] .nim-dialog.nim-dialog_pinned+.nim-dialog:not(.nim-dialog_pinned)::before 
  1274. {
  1275.     background: #ffffff5e !important;
  1276. }
  1277.  
  1278. [dir=ltr] .audio_page_layout .audio_page_block__playlists_items {
  1279.     margin-right: -15px !important;
  1280. }
  1281.  
  1282. .im-mess.im-mess_gift,
  1283. li.im-mess.im_out._im_mess.im-mess_gift.im-mess_out
  1284. {
  1285. background: #69696966 !important;
  1286. }
  1287.  
  1288. .audio_page_layout .audio_friends_list,
  1289. .PlaceholderSmall__title
  1290. {
  1291.     background-color: transparent !important;
  1292. }
  1293.  
  1294. [dir] .im_msg_media_wall .post_top_info_caption
  1295. {
  1296.     margin: 0 6px 0px 6px !important;
  1297.     padding: 3px 6px 3px 6px !important;
  1298.     border-radius: 5px;
  1299. }
  1300.  
  1301. [dir] .nim-dialog.nim-dialog_unread .nim-dialog--unread, [dir] .nim-dialog.nim-dialog_unread.nim-dialog_prep-injected .nim-dialog--unread, [dir] .nim-dialog.nim-dialog_failed .nim-dialog--unread,
  1302.  
  1303. [dir] body.new_header_design .left_count_wrap {
  1304.     border-radius: 12px 12px 12px 0px !important;
  1305.     background-color: #5181b8 !important;
  1306. }
  1307.  
  1308. [dir] body.new_header_design .top_audio_player:hover {
  1309.     background-color: var(--steel_gray_200_alpha12) !important;
  1310. }
  1311.  
  1312.  
  1313.  
  1314. `)
  1315.  
  1316. 	function blur_add() {
  1317. 		blur = GM_addStyle(`
  1318.             .left_menu_nav_wrap,
  1319.             #side_bar ol,
  1320.             .ui_scroll_inner.tt_noappend,
  1321.             #layer_bg,
  1322.             #alert,
  1323.             #box_layer_bg
  1324.             {
  1325.                 backdrop-filter: blur(3px);
  1326.  
  1327.             }
  1328.         `)
  1329. 	}
  1330. 	//buer();
  1331. 	function blur_remote() {
  1332. 		if (blur && blur.id) {
  1333. 			blur.remove()
  1334. 		}
  1335. 	}
  1336.  
  1337. 	darkStyleBacground = GM_addStyle(`
  1338. body
  1339. {
  1340.     background-image: url(${GM_getValue('background')});
  1341.     background-color:  #2f2f2f;
  1342.     background-attachment: fixed;
  1343.     background-size: auto;
  1344. }
  1345.     `)
  1346.  
  1347. 	combo_hide(GM_getValue('combo_hide'))
  1348. }
  1349.  
  1350. //#endregion
  1351.  
  1352. function bc_transparent(bc, repeat) {
  1353. 	if (bc && GM_getValue('enable')) {
  1354. 		//var bc = localStorage.getItem('background');
  1355. 		$('#bg2').css({ 'background-image': 'url(' + bc + ')' })
  1356. 		setTimeout(() => $('#bg2').css({ opacity: '1' }), 1000)
  1357. 		setTimeout(() => $('body').css({ 'background-image': 'url(' + bc + ')' }), 5000)
  1358. 		setTimeout(() => $('#bg2').css({ opacity: '0' }), 10000)
  1359. 		$('#Link_oboi').attr('href', bc)
  1360.  
  1361. 		if (document.hidden == false) {
  1362. 			get_albom()
  1363. 		}
  1364.  
  1365. 		if (bc_albom_repit && GM_getValue('bc_albom_enable')) {
  1366. 			if (bc_albom_repit > 0 && repeat) {
  1367. 				setTimeout(bc_transparent, 60000 * bc_albom_repit, GM_getValue('background'), true)
  1368. 			}
  1369. 		}
  1370. 	}
  1371. }
  1372.  
  1373. $(document).ready(function () {
  1374. 	$('body').prepend('<div id="bg2" style="position: fixed;width: 100%;height: 100%; transition: opacity 5s; opacity: 0; z-index: -1; background-size: auto;"></div>')
  1375.  
  1376. 	if (GM_getValue('enable') == true) $('body').css({ 'background-image': 'url("' + GM_getValue('background') + '")', 'background-color': '#2f2f2f', 'background-size': 'auto', 'background-attachment': 'fixed' })
  1377. 	favicon_name_edit()
  1378.  
  1379. 	Link_oboi()
  1380. })
  1381.  
  1382. function combo_hide(check) {
  1383. 	if (check) {
  1384. 		GM_setValue('combo_hide', check)
  1385. 	}
  1386.  
  1387. 	if (check == true) {
  1388. 		combo_hide_style = GM_addStyle(`
  1389.             li#l_combo
  1390.             {
  1391.                 display: none !important;
  1392.             }
  1393.         `)
  1394. 	} else {
  1395. 		if (combo_hide_style && combo_hide_style.id) {
  1396. 			combo_hide_style.remove()
  1397. 		}
  1398. 	}
  1399. 	//console.log("hide: " + check)
  1400. 	//console.log("combo_hide: " + GM_getValue('combo_hide'))
  1401. }
  1402.  
  1403. function w123() {
  1404. 	let bg = document.querySelector('body')
  1405. 	window.addEventListener('mousemove', function (e) {
  1406. 		let x = e.clientX / window.innerWidth
  1407. 		let y = e.clientY / window.innerHeight
  1408. 		bg.style.backgroundPositionX = x * 10 + 'px'
  1409. 		bg.style.backgroundPositionY = '-' + y * 10 + 'px'
  1410. 	})
  1411. }
  1412.  
  1413. function removeStyle() {
  1414. 	if (darkStyle && darkStyle.id) {
  1415. 		darkStyle.remove()
  1416. 	}
  1417.  
  1418. 	if (darkStyleBack && darkStyleBack.id) {
  1419. 		darkStyleBack.remove()
  1420. 	}
  1421.  
  1422. 	if (blur && blur.id) {
  1423. 		blur.remove()
  1424. 	}
  1425.  
  1426. 	if (combo_hide_style && combo_hide_style.id) {
  1427. 		combo_hide_style.remove()
  1428. 	}
  1429. }
  1430.  
  1431. //#region переименование группы и сообщения
  1432. function rename() {
  1433. 	$('#l_gr > a > span.left_label.inl_bl').text(GM_getValue('group'))
  1434. 	$('#l_msg > a > span.left_label.inl_bl').text(GM_getValue('message_name'))
  1435. }
  1436.  
  1437. document.querySelector('title').addEventListener('DOMSubtreeModified', favicon_name_edit)
  1438.  
  1439. function favicon_name_edit() {
  1440. 	//console.log("ok")
  1441. 	if (document.querySelector('title').innerHTML == 'Мессенджер') {
  1442. 		document.querySelector('title').innerHTML = GM_getValue('message_name')
  1443. 	}
  1444.  
  1445. 	if (document.querySelector('title').innerHTML.indexOf('Сообщества') != -1) {
  1446. 		//document.querySelector("title").innerHTML = GM_getValue('group')
  1447. 		document.querySelector('title').innerHTML = document.querySelector('title').innerHTML.replace('Сообщества', GM_getValue('group'))
  1448. 	}
  1449. }
  1450.  
  1451. $(document).ready(function () {
  1452. 	rename()
  1453. })
  1454. //#endregion
  1455.  
  1456. $(document).ready(function () {
  1457. 	let names = JSON.parse(GM_getValue('names')).map(v => v.toLowerCase())
  1458. 	let userName = $('.top_profile_name').text()
  1459.  
  1460. 	if (names.indexOf(userName.toLowerCase()) > -1) {
  1461. 		if (darkStyle && darkStyle.id) {
  1462. 			$(`#${darkStyle.id}`).remove()
  1463. 		}
  1464. 	}
  1465.  
  1466. 	$('#side_bar_inner ol')
  1467. 		.append($('<div>', { class: 'more_div' }))
  1468. 		.append(
  1469. 			$('<li>', { id: 'l_bt' }).append(
  1470. 				$('<a>', { class: 'left_row' })
  1471. 					.on('click', () => {
  1472. 						window.open('https://greasyfork.org/ru/scripts/392169-dark-vk-theme')
  1473. 					})
  1474. 					.append(
  1475. 						$('<span>', {
  1476. 							class: 'left_fixer1',
  1477. 							html: [$('<span>', { class: 'left_count_wrap fl_r left_void' }).append($('<span>', { class: 'inl_bl left_count_sign' })), $('<span>', { class: 'left_icon settings' }), $('<span>', { class: 'left_label settings', text: `Версия: ${GM_info.script.version}` })]
  1478. 						})
  1479. 					)
  1480. 			)
  1481. 		)
  1482.  
  1483. 	$('#side_bar_inner ol').append(
  1484. 		$('<li>', { id: 'l_bt' }).append(
  1485. 			$('<a>', { class: 'left_row' })
  1486. 				.on('click', () => {
  1487. 					window.open('https://vk.com/dygdyg')
  1488. 				})
  1489. 				.append(
  1490. 					$('<span>', {
  1491. 						class: 'left_fixer1',
  1492. 						html: [$('<span>', { class: 'left_count_wrap fl_r left_void' }).append($('<span>', { class: 'inl_bl left_count_sign' })), $('<span>', { class: 'left_icon settings' }), $('<span>', { class: 'left_label settings', text: `Автор: DygDyg` })]
  1493. 					})
  1494. 				)
  1495. 		)
  1496. 	)
  1497. 	$('#side_bar_inner ol').append(
  1498. 		$('<li>', { id: 'l_bt' }).append(
  1499. 			$('<a>', { class: 'left_row' })
  1500. 				.on('click', () => {
  1501. 					window.open('https://vk.com/topic-109462867_43703182')
  1502. 				})
  1503. 				.append(
  1504. 					$('<span>', {
  1505. 						class: 'left_fixer1',
  1506. 						html: [$('<span>', { class: 'left_count_wrap fl_r left_void' }).append($('<span>', { class: 'inl_bl left_count_sign' })), $('<span>', { class: 'left_icon settings' }), $('<span>', { class: 'left_label settings', text: `Нашли баг?` })]
  1507. 					})
  1508. 				)
  1509. 		)
  1510. 	)
  1511.  
  1512. 	$('#side_bar_inner ol').append(
  1513. 		$('<li>', { id: 'l_bt' }).append(
  1514. 			$('<a>', { class: 'left_row' })
  1515. 				.on('click', Start_Settings_Menu)
  1516. 				.append(
  1517. 					$('<span>', {
  1518. 						class: 'left_fixer1',
  1519. 						html: [$('<span>', { class: 'left_count_wrap fl_r left_void' }).append($('<span>', { class: 'inl_bl left_count_sign' })), $('<span>', { class: 'left_icon settings' }), $('<span>', { class: 'left_label settings', text: `Настройки` })]
  1520. 					})
  1521. 				)
  1522. 		)
  1523. 	)
  1524.  
  1525. 	GM_addStyle(`
  1526.     span.left_fixer1 span.left_icon.settings
  1527.     {
  1528.             /*margin-top: 5px !important;*/
  1529.         margin: 5px 8px 0px 0px;
  1530.         background-color: #4a76a8;
  1531.         width: 18px;
  1532.         height: 18px;
  1533.         -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ5MC4xIDQ5MC4xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0OTAuMSA0OTAuMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGQ9Ik00NjkuNCwxODIuMWgtMzguMmMtMy4xLTcuMi01LjItMTMuNC04LjMtMTkuNmwyNi44LTI2LjhjNy4xLTcuMSw5LjItMTkuNywwLTI4LjlsLTY0LTY0Yy04LjMtOC4zLTIwLjYtOC4zLTI4LjksMA0KCQkJTDMzMCw2OS42Yy02LjItMy4xLTEzLjQtNi4yLTE5LjYtOC4zVjIzLjJjMC0xMS4zLTkuMy0yMC42LTIwLjYtMjAuNmgtODkuN2MtMTEuMywwLTIwLjYsOS4zLTIwLjYsMjAuNnYzMw0KCQkJYy03LjIsMy4xLTEzLjQsNS4yLTE5LjYsOC4zbC0yNi44LTI2LjhjLTguMy04LjMtMjAuNi04LjMtMjguOSwwbC02NCw2NGMtOC4zLDguMy04LjMsMjAuNiwwLDI4LjlMNjcsMTU3LjQNCgkJCWMtMy4xLDYuMi02LjIsMTMuNC04LjMsMTkuNkgyMC42QzkuMywxNzcsMCwxODYuMywwLDE5Ny42djg5LjdjMCwxMS4zLDkuMywyMC42LDIwLjYsMjAuNmgzNi4xYzMuMSw3LjIsNS4yLDEzLjQsOC4zLDE5LjYNCgkJCWwtMjYuOCwyNi44Yy04LjMsOC4zLTguMywyMC42LDAsMjguOWw2NCw2NGMxMS44LDExLjgsMjQuOCw0LjEsMjguOSwwbDI2LjgtMjYuOGM2LjIsMy4xLDEzLjQsNi4yLDE5LjYsOC4zdjM4LjINCgkJCWMwLDExLjMsOS4zLDIwLjYsMjAuNiwyMC42aDg5LjdjMTAuMywwLDE5LjYtOS4zLDIyLjctMTUuNXYtMzguMmM3LjItMy4xLDEzLjQtNS4yLDE5LjYtOC4zbDI2LjgsMjYuOGM4LjMsNy4yLDIxLjcsNy4yLDI4LjksMA0KCQkJbDY0LTY0YzguMy04LjMsOC4zLTIwLjYsMC0yOC45TDQyMywzMzIuNmMzLjEtNi4yLDYuMi0xMy40LDguMy0xOS42aDM4LjJjMTEuMywwLDIwLjYtOS4zLDIwLjYtMjAuNnYtODkuNw0KCQkJQzQ5MCwxOTEuNCw0ODAuNywxODIuMSw0NjkuNCwxODIuMXogTTQ0NC42LDI2OS44aC0zMmMtOS4zLDAtMTcuNSw2LjItMTkuNiwxNS41Yy0zLjEsMTMuNC04LjMsMjUuOC0xNS41LDM4LjINCgkJCWMtNS4yLDguMy0zLjEsMTguNiwzLjEsMjQuOGwyMi43LDIyLjdsLTM1LjEsMzUuMWwtMjIuNy0yMi43Yy03LjItNi4yLTE2LjUtNy4yLTI0LjgtMy4xYy0xMS4zLDYuMi0yNC44LDEyLjQtMzguMiwxNS41DQoJCQljLTkuMywyLjEtMTUuNSwxMC4zLTE1LjUsMTkuNnYzMmgtNDkuNXYtMzJjMC05LjMtNi4yLTE3LjUtMTUuNS0xOS42Yy0xMy40LTMuMS0yNS44LTguMy0zOC4yLTE1LjVjLTguMy01LjItMTguNi0zLjEtMjQuOCwzLjENCgkJCWwtMjIuNywyMi43TDgxLjIsMzcxbDIyLjctMjIuN2M2LjItNy4yLDcuMi0xNi41LDMuMS0yNC44Yy02LjItMTEuMy0xMi40LTI0LjgtMTUuNS0zOC4yYy0yLjEtOS4zLTEwLjMtMTUuNS0xOS42LTE1LjVoLTMydi00OS41DQoJCQloMzJjOS4zLDAsMTcuNS02LjIsMTkuNi0xNS41YzMuMS0xMy40LDguMy0yNS44LDE1LjUtMzguMmM1LjItOC4zLDMuMS0xOC42LTMuMS0yNC44bC0yMi43LTIyLjdMMTE2LjMsODRsMjIuNywyMi43DQoJCQljNy4yLDYuMiwxNi41LDcuMiwyNC44LDMuMWMxMS4zLTYuMiwyNC44LTEyLjQsMzguMi0xNS41YzkuMy0yLjEsMTUuNS0xMC4zLDE1LjUtMTkuNnYtMzJIMjY3djMyYzAsOS4zLDYuMiwxNy41LDE1LjUsMTkuNg0KCQkJYzEzLjQsMy4xLDI1LjgsOC4zLDM4LjIsMTUuNWM4LjMsNS4yLDE4LjYsMy4xLDI0LjgtMy4xTDM2OC4yLDg0bDM1LjEsMzUuMWwtMjIuNywyMi43Yy02LjIsNy4yLTcuMiwxNi41LTMuMSwyNC44DQoJCQljNi4yLDExLjMsMTIuNCwyNC44LDE1LjUsMzguMmMyLjEsOS4zLDEwLjMsMTUuNSwxOS42LDE1LjVoMzJWMjY5Ljh6Ii8+DQoJCTxwYXRoIGQ9Ik0yNDIuNCwxMzIuNkMxODEuNiwxMzIuNiwxMzEsMTgzLjEsMTMxLDI0NWMwLDYwLjksNDkuNSwxMTEuNCwxMTEuNCwxMTEuNFMzNTMuOCwzMDYuOSwzNTMuOCwyNDUNCgkJCVMzMDQuMywxMzIuNiwyNDIuNCwxMzIuNnogTTI0Mi40LDMxNi4yYy0zOS4yLDAtNzEuMi0zMi03MS4yLTcxLjJzMzItNzEuMiw3MS4yLTcxLjJzNzEuMiwzMiw3MS4yLDcxLjJTMjgxLjYsMzE2LjIsMjQyLjQsMzE2LjJ6DQoJCQkiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==")
  1534.     }
  1535.     span.left_fixer1 {
  1536.         display: flex;
  1537.     }
  1538.  
  1539.     `)
  1540. })
  1541.  
  1542. //#region Модальное окно //стиль
  1543. GM_addStyle(`
  1544.  
  1545. #alert
  1546. {
  1547.     background: #000000a3;
  1548.     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");
  1549.     width: 100%;
  1550.     height: 100%;
  1551.     position: fixed;
  1552.     z-index: 99999999;
  1553.     text-align: center;
  1554.     display: flex;
  1555.     justify-content: center;
  1556.     align-content: center;
  1557.     flex-wrap: nowrap;
  1558.     flex-direction: row;
  1559.     align-items: center;
  1560. }
  1561.  
  1562. .window {
  1563.     background-color: #272727db !important;
  1564.     border-radius: 4px;
  1565.     margin: 5px 5px 5px 5px;
  1566.     position: revert;
  1567.     padding: 10px 10px 10px 10px;
  1568.     box-shadow: 7px 7px 3px 3px rgb(0 0 0 / 10%);
  1569.     width: 17%;
  1570. }
  1571.  
  1572. .stop-scrolling {
  1573.   height: 100%;
  1574.   overflow: hidden;
  1575. }
  1576.  
  1577. .theme_button {
  1578.     padding: 7px 16px 8px;
  1579.     margin: 5px;
  1580.     font-size: 12.5px;
  1581.     cursor: pointer;
  1582.     white-space: nowrap;
  1583.     outline: none;
  1584.     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;
  1585.     vertical-align: top;
  1586.     line-height: 15px;
  1587.     text-align: center;
  1588.     text-decoration: none;
  1589.     background: none;
  1590.     background-color: #5181b8;
  1591.     color: #fff;
  1592.     border: 0;
  1593.     border-radius: 4px;
  1594.     box-sizing: border-box;
  1595.     box-shadow: 7px 7px 3px 3px rgba(0,0,0,.1);
  1596. }
  1597.  
  1598. .theme_button:hover {
  1599.     background-color: #3b597b;
  1600. }
  1601.  
  1602. .theme_text_name:hover {
  1603.     //color: #5181b8;
  1604. }
  1605.  
  1606. div#test1 {
  1607.     text-align: center;
  1608. }
  1609.  
  1610. div#key {
  1611.     text-align: center;
  1612.     margin-bottom: 40px;
  1613. }
  1614.  
  1615. .text_menu {
  1616.     overflow: hidden;
  1617.     height: 20px;
  1618.     margin: 5px;
  1619.     resize: none;
  1620.     border-radius: 5px !important;
  1621.     border-color: rgb(156, 157, 158) !important;
  1622.     color: white;
  1623.     background-color: #ffffff0f !important;
  1624.     box-shadow: 7px 7px 3px 3px rgb(0 0 0 / 10%);
  1625. }
  1626.  
  1627. div#image {
  1628.     
  1629.     
  1630.     margin: 0 auto;
  1631.     margin-bottom: 5px;
  1632.     border-radius: 4px;
  1633. }
  1634.  
  1635.  
  1636. .theme_text_name {
  1637.     user-select: none;
  1638.     font-size: 19px;
  1639.     line-height: 25px;
  1640.     font-weight: 400;
  1641.     -webkit-font-smoothing: subpixel-antialiased;
  1642.     -moz-osx-font-smoothing: auto;
  1643.     margin: -1px 0 -1px -1px;
  1644.     overflow: hidden;
  1645.     text-overflow: ellipsis;
  1646.     padding-left: 1px;
  1647.  
  1648.     color: #fff;
  1649.     box-shadow: 7px 7px 3px 3px rgba(0,0,0,.1);
  1650. }
  1651.  
  1652. .cont-bottom {
  1653.     border-bottom: 1px solid #b5b1b191;
  1654.     display: flex;
  1655.     flex-direction: column;
  1656.     flex-wrap: nowrap;
  1657.     align-items: stretch;
  1658.     justify-content: center;
  1659.     padding: 3px 0 3px 0;
  1660.     margin: 3px 0 3px 0;
  1661. }
  1662. img.izo {
  1663.     object-fit: cover;
  1664.     width: 100%;
  1665.     height: 100%;
  1666.     background: url(https://sun9-57.userapi.com/c857620/v857620009/18a5fd/uOxmtZm_L2A.jpg);
  1667.     background-size: auto;
  1668.     box-shadow: 7px 7px 3px 3px rgba(0,0,0,.1);
  1669. }
  1670.  
  1671. #alert
  1672. {
  1673.     /*cursor: url('https://psv4.userapi.com/c856236/u51863636/docs/d18/10eb2dcc6647/636329186537635884.png'), auto;*/
  1674. }
  1675.  
  1676. textarea#text_background,
  1677. textarea#text_group,
  1678. textarea#text_message
  1679.  
  1680. {
  1681.     border-color: #666666;
  1682. }
  1683.  
  1684.  
  1685. `)
  1686.  
  1687. //#endregion
  1688.  
  1689. //#region Окно с уведомлениями
  1690. $(document).ready(function () {
  1691. 	//alert_frame(null, null, null, 10)
  1692. })
  1693.  
  1694. function alert_frame(title, message, icon, timer) {
  1695. 	title = title || 'Заголовок сообщения.'
  1696. 	title1 = title
  1697. 	title = title.slice(0, 27)
  1698. 	if (title.length != title1.length) {
  1699. 		title += '...'
  1700. 	}
  1701.  
  1702. 	message = message || 'Cъешь ещё этих мягких французских булок да выпей же чаю.'
  1703. 	message1 = message
  1704. 	message = message.slice(0, 100)
  1705.  
  1706. 	if (message.length != message1.length) {
  1707. 		message += '...'
  1708. 	}
  1709.  
  1710. 	if (typeof icon == 'number') {
  1711. 		timer = icon
  1712. 		icon = null
  1713. 	}
  1714.  
  1715. 	icon = icon || 'https://imgcdn.wangyeyixia.com/aHR0cDovL3d3dy5wbmdtYXJ0LmNvbS9maWxlcy84L1dlYnNpdGUtUE5HLVRyYW5zcGFyZW50LnBuZw%3D%3D.png'
  1716.  
  1717. 	//timer = timer || 0;
  1718.  
  1719. 	$('body').prepend(
  1720. 		$('<div>', { id: 'alert_frame' }).prepend(
  1721. 			$('<div>', {
  1722. 				id: 'alert1',
  1723. 				class: 'hidden',
  1724. 				html: [$('<div>', { id: 'alert1_title', text: title }), $('<div>', { id: 'alert1_icon', style: 'background-image: url(' + icon + ');' }), $('<div>', { id: 'alert1_message', text: message })]
  1725. 			})
  1726. 		)
  1727. 	)
  1728. 	$('#alert1').click(function () {
  1729. 		$('#alert1').addClass('hidden')
  1730. 	})
  1731.  
  1732. 	if (timer) {
  1733. 		setTimeout(function () {
  1734. 			$('#alert1').addClass('hidden')
  1735. 		}, timer)
  1736. 	}
  1737. 	setTimeout(function () {
  1738. 		$('#alert1').removeClass('hidden')
  1739. 	}, 500)
  1740.  
  1741. 	GM_addStyle(`
  1742.     #alert1
  1743.     {
  1744.         display: block;
  1745.         width: 300px;
  1746.         height: 100px;
  1747.         position: fixed;
  1748.         background-color: #1f1f1fd6;
  1749.         text-align: center;
  1750.         bottom: 30px;
  1751.         align-items: center;
  1752.         right: 30px;
  1753.         z-index: 1000000000;
  1754.         opacity: 1;
  1755.         border-radius: 10px;
  1756.         box-shadow: 13px 12px 10px rgb(0 0 0 / 60%);
  1757.         transition: opacity 1s, visibility 0s;
  1758.     }
  1759.  
  1760.     #alert1.hidden
  1761.     {
  1762.         opacity: 0;
  1763.         visibility: hidden;
  1764.         transition: opacity 1s, visibility 0s 1s;
  1765.     }
  1766.  
  1767.     #alert1_title
  1768.     {
  1769.         color: white;
  1770.         font-size: 15px;
  1771.         font-weight: bold;
  1772.         margin: 4px 8px 4px 8px;
  1773.     }
  1774.  
  1775.     #alert1_message
  1776.     {
  1777.         text-align: left;
  1778.         font-size: 14px;
  1779.         font-weight: normal;
  1780.         color: #a0a0a0;
  1781.         margin: 8px 8px 8px 8px;
  1782.     }
  1783.  
  1784.     #alert1_icon
  1785.     {
  1786.         width: 64px;
  1787.         height: 64px;
  1788.         float: left;
  1789.         margin: 0px 6px 6px 6px;
  1790.         /*background-image: url(https://cdn.worldvectorlogo.com/logos/rockstar-games.svg);*/
  1791.         background-size: contain;
  1792.         background-repeat: no-repeat;
  1793.     }
  1794.  
  1795. `)
  1796. }
  1797. //#endregion
  1798.  
  1799. //#region Модальное окно //логика
  1800.  
  1801. var on = true
  1802. var range_11 = 0
  1803. function Start_Settings_Menu() {
  1804. 	var newImage
  1805. 	$('body')
  1806. 		.addClass('stop-scrolling')
  1807. 		.prepend(
  1808. 			$('<div>', { id: 'alert' }).append(
  1809. 				$('<div>', { class: 'window', id: 'window1' })
  1810. 					.append(
  1811. 						$('<div>', {
  1812. 							class: 'cont-bottom',
  1813. 							id: 'cont1',
  1814. 							html: [
  1815. 								$('<div>', { class: 'theme_text_name', text: 'Установка фона' }),
  1816. 								$('<div>', { id: 'image', style: 'border-radius: 4px;' }).append($('<img>', { class: 'izo', style: 'border-radius: 4px; margin-left: 2px;', src: GM_getValue('background') })),
  1817. 								$('<textarea>', { class: 'text_menu', id: 'text_background', text: GM_getValue('background'), style: 'height: 100px;' }).on('change keyup blur', function (e) {
  1818. 									let URLtext = $('#text_background').val()
  1819. 									$('#image img.izo').attr('src', URLtext)
  1820. 									newImage = URLtext
  1821. 								})
  1822. 							]
  1823. 						})
  1824. 					)
  1825. 					.append(
  1826. 						$('<div>', {
  1827. 							class: 'cont-bottom',
  1828. 							id: 'cont2',
  1829. 							html: [
  1830. 								$('<div>', { class: 'theme_button', id: 'button_delete', style: 'display: none;', text: 'Выключить тему' }).on('click', () => {
  1831. 									theme_off()
  1832. 									GM_setValue('enable', false)
  1833. 									//exit_();
  1834. 								}),
  1835. 								$('<div>', { class: 'theme_button', id: 'button_spawn', style: 'display: none;', text: 'Включить тему' }).on('click', () => {
  1836. 									theme()
  1837. 									GM_setValue('enable', true)
  1838. 									//exit_();
  1839. 								})
  1840. 							]
  1841. 						})
  1842. 					)
  1843. 					.append(
  1844. 						$('<div>', {
  1845. 							class: 'cont-bottom',
  1846. 							id: 'cont3',
  1847. 							html: [
  1848. 								$('<div>', { class: 'theme_text_name', style: 'margin-top: 10px;', text: 'Текст кнопки группы' }),
  1849. 								$('<textarea>', { class: 'text_menu', id: 'text_group', text: GM_getValue('group'), style: 'height: 24px; border-radius: 4px; background-color: #ffffff0f!important; margin-top: 4px; margin-bottom: 4px;' }).on('change keyup blur', function (e) {
  1850. 									_group = $('#text_group').val()
  1851. 								})
  1852. 							]
  1853. 						})
  1854. 					)
  1855. 					.append(
  1856. 						$('<div>', {
  1857. 							class: 'cont-bottom',
  1858. 							id: 'cont4',
  1859. 							html: [
  1860. 								$('<div>', { class: 'theme_text_name', style: 'margin-top: 10px;', text: 'Текст кнопки сообщения' }),
  1861. 								$('<textarea>', {
  1862. 									class: 'text_menu',
  1863. 									id: 'text_message',
  1864. 									text: GM_getValue('message_name'),
  1865. 									style: 'height: 24px; border-radius: 4px; background-color: #ffffff0f!important; margin-top: 4px; margin-bottom: 4px;'
  1866. 								}).on('change keyup blur', function (e) {
  1867. 									_messange_name = $('#text_message').val()
  1868. 								})
  1869. 							]
  1870. 						})
  1871. 					)
  1872. 					.append(
  1873. 						$('<div>', {
  1874. 							class: 'cont-bottom',
  1875. 							id: 'cont5',
  1876. 							style: 'display: none; text-align: left;',
  1877. 							html: [
  1878. 								//$('<div>', { class: 'theme_text_name', style: 'margin-top: 10px;', text: 'Текст кнопки сообщения' }),
  1879. 								$('<input>', {
  1880. 									class: 'check45345',
  1881. 									type: 'checkbox',
  1882. 									checked: GM_getValue('combo_hide'),
  1883. 									id: 'text_checkbox',
  1884. 									style: 'vertical-align: -2px; margin: 10px 5px 5px 10px;'
  1885. 								}).on('click', a => {
  1886. 									combo_hide($('#text_checkbox').prop('checked'))
  1887. 								}),
  1888. 								$('<label>', { for: 'text_checkbox', style: 'color: #ffffff;', text: 'Скрыть VK Combo' })
  1889. 							]
  1890. 						})
  1891. 					)
  1892. 					.append(
  1893. 						$('<div>', { class: 'theme_button', id: 'button_save', style: 'margin-top: 10px;', text: 'Сохранить' }).on('click', () => {
  1894. 							newImage = $('#text_background').val()
  1895. 							_group = $('#text_group').val()
  1896. 							_messange_name = $('#text_message').val()
  1897. 							GM_setValue('background', newImage)
  1898. 							GM_setValue('group', _group)
  1899. 							GM_setValue('message_name', _messange_name)
  1900. 							GM_setValue('text_id_group', owner_id)
  1901. 							GM_setValue('text_id_albom', album_id)
  1902. 							GM_setValue('bc_albom_repit', bc_albom_repit)
  1903.  
  1904. 							//$("#bc_albom_repit").val()
  1905. 							rename()
  1906. 							if (GM_getValue('enable') == true) {
  1907. 								//bc_transparent(newImage);
  1908. 								//$('body').css({ 'background': 'url("' + newImage + '") #2F2F30', 'background-size': '100%', 'background-attachment': 'fixed' })
  1909. 							}
  1910. 							exit_()
  1911. 						})
  1912. 					)
  1913. 					.append($('<div>', { class: 'theme_button', id: 'button_exit', text: 'Закрыть' }).on('click', exit_))
  1914. 					.append($('<button>', { class: "jscolor {valueElement:'chosen-value', onFineChange:'setTextColor(this)'}", text: 'ТЕСТ', style: 'display: none;' }))
  1915. 			)
  1916. 		)
  1917. 	$('#alert').append('<div class="window", id="window2">')
  1918. 	$('#window2').append('<div class="cont-bottom" id="2cont1"">')
  1919. 	$('#2cont1').append('<div class="theme_text_name">Случайный фон из сообщества</div>')
  1920. 	$('#2cont1').append('<div class="theme_button" id="button_albom_on"">включить</div>')
  1921. 	if (GM_getValue('bc_albom_enable')) $('#button_albom_on').text('выключить')
  1922. 	$('#button_albom_on').click(function () {
  1923. 		GM_setValue('bc_albom_enable', !GM_getValue('bc_albom_enable'))
  1924.  
  1925. 		if (GM_getValue('bc_albom_enable')) $('#button_albom_on').text('Выключить')
  1926. 		if (!GM_getValue('bc_albom_enable')) $('#button_albom_on').text('Включить')
  1927. 	})
  1928.  
  1929. 	$('#2cont1').append('<div class="theme_button" id="button_albom_add"">Использовать этот открытый альбом</div>')
  1930. 	if (!document.location.pathname.includes('album')) $('#button_albom_add').css({ display: 'none' })
  1931. 	$('#button_albom_add').click(function () {
  1932. 		add_albom()
  1933. 	})
  1934.  
  1935. 	$('#window2').append('<div class="cont-bottom" id="2cont2"">')
  1936. 	$('#2cont2').append('<div class="theme_text_name">ID автора</div>')
  1937. 	$('#2cont2').append('<textarea class="text_menu" id="text_id_group" placeholder="ID автора">' + owner_id + '</textarea>')
  1938.  
  1939. 	$('#text_id_group').on('change keyup paste', function () {
  1940. 		owner_id = $(this).val()
  1941. 	})
  1942.  
  1943. 	$('#window2').append('<div class="cont-bottom" id="2cont3"">')
  1944. 	$('#2cont3').append('<div class="theme_text_name">ID альбома</div>')
  1945. 	$('#2cont3').append('<textarea class="text_menu" id="text_id_albom"  placeholder="ID альбома">' + album_id + '</textarea>')
  1946.  
  1947. 	$('#text_id_albom').on('change keyup paste', function () {
  1948. 		album_id = $(this).val()
  1949. 	})
  1950.  
  1951. 	$('#window2').append('<div class="cont-bottom" id="2cont4"">')
  1952. 	$('#2cont4').append('<div class="theme_text_name">Обновлять фон</div>')
  1953. 	$('#2cont4').append('<div class="theme_text_name", style=" font-size: 16px;">Время в минутах</div>')
  1954. 	$('#2cont4').append('<div class="theme_text_name", style=" font-size: 14px; color: #9c9c9c;">Для отключения установить 0</div>')
  1955. 	$('#2cont4').append('<input type="number" id="bc_albom_repit" class="text_menu" min="0" value="' + bc_albom_repit + '" step="5">')
  1956.  
  1957. 	$('#bc_albom_repit').on('change keyup paste', function () {
  1958. 		bc_albom_repit = $(this).val()
  1959. 	})
  1960.  
  1961. 	function add_albom() {
  1962. 		if (document.location.pathname.includes('album')) {
  1963. 			href = document.location.pathname.replace('/album', '').split('_')
  1964. 			$('#text_id_group').val(href[0])
  1965. 			$('#text_id_albom').val(href[1])
  1966. 			owner_id = href[0]
  1967. 			album_id = href[1]
  1968. 			get_albom()
  1969. 		}
  1970. 	}
  1971.  
  1972. 	//$("#alert").append('<div style="position: absolute; display: flex; flex-direction: row; justify-content: flex-end; width: 100%; height: 100%; align-content: flex-end; flex-wrap: wrap; align-items: flex-end;"><div style ="margin: 20px;" id="img_url_original">DygDyg</div></div>');
  1973. 	//$("#img_url_original").val("Ссылка на текущий фон");
  1974.  
  1975. 	function setTextColor(picker) {
  1976. 		document.getElementsByTagName('body')[0].style.color = '#' + picker.toString()
  1977. 	}
  1978. 	var range_coll
  1979. 	range_col()
  1980. 	function range_col() {
  1981. 		if (range_coll && range_coll.id) {
  1982. 			range_coll.remove()
  1983. 		}
  1984. 		//console.log(col);
  1985. 		range_coll = GM_addStyle(`
  1986.         /*.top_audio_player:hover,*/
  1987.         .audio_page_player2 .audio_page_player_play:hover .icon,
  1988.         .audio_page_player2 .audio_page_player_play .icon,
  1989.         .slider .slider_amount,
  1990.         .slider .slider_back,
  1991.         .theme_button,
  1992.         #page_header_cont .back,
  1993.         .top_nav_link:hover,
  1994.         .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected,
  1995.         .nim-dialog:not(.nim-dialog_deleted).nim-dialog_hovered,
  1996.         .ui_rmenu_item:hover, .ui_rmenu_subitem:hover,
  1997.         .ui_rmenu_item_sel,
  1998.         .ui_rmenu_item_sel:hover,
  1999.         .olist_item_wrap:hover,
  2000.         .docs_choose_upload_area:hover,
  2001.         .box_title_wrap.box_grey,
  2002.         .ui_tab_sel, .ui_tab_sel:hover,
  2003.         .ui_tabs .ui_tab_sel, .ui_tabs .ui_tab_sel:hover,
  2004.         .ui_tabs_box .ui_tab_sel,
  2005.         .ui_tabs_box .ui_tab_sel:hover,
  2006.         .ui_rmenu_item:hover,
  2007.         .ui_rmenu_subitem:hover,
  2008.         .ui_rmenu_item_sel,
  2009.         .ui_rmenu_item_sel:hover,
  2010.         .olist_item_wrap:hover,
  2011.         .docs_choose_upload_area:hover,
  2012.         .button_blue button,
  2013.         .button_gray button,
  2014.         .button_light_gray button,
  2015.         .flat_button,
  2016.         .box_title_wrap.box_grey
  2017.         {
  2018.             filter: hue-rotate(${col}deg) saturate(100%);
  2019.             /*background: hsl(${col}, 39%, 47%) !important;*/
  2020.         }
  2021.         `)
  2022. 	}
  2023.  
  2024. 	if (GM_getValue('enable') == true) $('#button_delete').css({ display: 'block' })
  2025. 	if (GM_getValue('enable') == false) $('#button_spawn').css({ display: 'block' })
  2026. }
  2027.  
  2028. function theme_off() {
  2029. 	console.log('theme off')
  2030. 	darkStyleBacground.remove()
  2031. 	darkStyle.remove()
  2032. 	darkStyle1.remove()
  2033. 	$('body').css({ 'background-color': '', 'background-image': '' })
  2034. 	$('#button_delete').css({ display: 'none' })
  2035. 	$('#button_spawn').css({ display: 'block' })
  2036. 	combo_hide(false)
  2037. }
  2038.  
  2039. //#endregion
  2040.  
  2041. var t = ' '
  2042.  
  2043. /*$(document).keyup(function (e) {
  2044.     t = e.code;
  2045.     console.dir(t);
  2046. });*/
  2047.  
  2048. let pressed = new Set()
  2049. /*$(document).on('keyup', function (e) {
  2050.     t = e.originalEvent.code;
  2051.     pressed.add(t);
  2052.     //console.log(pressed);
  2053.     pressed.clear();
  2054.     console.log(t);
  2055. });*/
  2056.  
  2057. /*$(document).ready(function () {
  2058.     $("body").keydown(function (event) { // задаем функцию при отпускании после нажатия любой клавиши клавиатуры на элементе
  2059.         console.log(event.which); // выводим код нажатой клавиши
  2060.     });
  2061. });*/
  2062.  
  2063. function exit_() {
  2064. 	$('#alert').remove()
  2065. 	$('body').removeClass('stop-scrolling')
  2066. }
  2067. ///Модальное окно
  2068.  
  2069. $(document).ready(function () {
  2070.     //VideoTest("YhUPi6-MQNE")
  2071.     
  2072. 	if (GM_getValue('ver_info') != ver_info) {
  2073. 		// analit()
  2074. 		info()
  2075. 		GM_setValue('ver_info', ver_info)
  2076. 	}
  2077.  
  2078. 	//analit();
  2079. 	//info();
  2080. 	//console.log(vk);
  2081. 	//console.log(GM_info.script.version)
  2082. })
  2083.  
  2084. var a = document.location.pathname.includes('/dev')
  2085. // console.log(a)
  2086. if (!a) {
  2087. 	// console.log(a)
  2088. 	//theme_off();
  2089. 	//setTimeout(theme_off, 1000)
  2090. 	if (GM_getValue('enable') == true) theme()
  2091. }
  2092.  
  2093. function info() {
  2094. 	$('body')
  2095. 		.addClass('stop-scrolling')
  2096. 		.prepend(
  2097. 			$('<div>', { id: 'alert' }).append(
  2098. 				$('<div>', { class: 'window', id: 'window1' })
  2099. 					.append(
  2100. 						$('<div>', {
  2101. 							class: 'cont-bottom',
  2102. 							id: 'cont1',
  2103. 							html: [$('<div>', { class: 'theme_text_name', text: GM_info.script.name + ' ' + GM_info.script.version }), $('<div>', { class: 'theme_text_name', text: 'Нововведения:' })]
  2104. 						})
  2105. 					)
  2106. 					.append(
  2107. 						$('<div>', {
  2108. 							class: 'cont-bottom',
  2109. 							id: 'cont1',
  2110. 							html: [$('<div>', { style: 'font-size: 14px; text-align: -webkit-auto;', class: 'theme_text_name', text: _info })]
  2111. 						})
  2112. 					)
  2113. 					.append($('<div>', { class: 'theme_button', id: 'button_exit', text: 'Закрыть' }).on('click', exit_))
  2114. 			)
  2115. 		)
  2116. }
  2117.  
  2118. function get_albom() {
  2119. 	var req =
  2120. 		'https://api.vk.com/method/photos.get?' +
  2121. 		'access_token=' +
  2122. 		'5068f7995068f7995068f7993e5039a129550685068f79909b64ef038338754cb12e019' +
  2123. 		'&' +
  2124. 		'v=' +
  2125. 		'5.131' +
  2126. 		'&' +
  2127. 		'owner_id=' +
  2128. 		owner_id +
  2129. 		'&' +
  2130. 		'album_id=' +
  2131. 		album_id +
  2132. 		'&' +
  2133. 		//"photo_sizes=true&"+
  2134. 		'count=1000'
  2135.  
  2136. 	//console.log(req);
  2137.  
  2138. 	if (GM_getValue('bc_albom_enable') == true) {
  2139. 		$.get(req, function (data) {
  2140. 			$('.result').html(data)
  2141. 			var rand = Math.round(Math.random() * data.response.count)
  2142.  
  2143. 			//console.log("Выбран фон №"+rand);
  2144. 			{
  2145. 				var urlsort = data.response.items[rand].sizes.sort((a, b) => (a.height > b.height ? 1 : b.height > a.height ? -1 : 0))
  2146.  
  2147. 				if (urlsort.length > 0) {
  2148. 					// console.log(urlsort);
  2149. 					// console.log(urlsort[urlsort.length-1].url);
  2150. 					GM_setValue('background', urlsort[urlsort.length - 1].url)
  2151. 				}
  2152. 			}
  2153. 		})
  2154. 	}
  2155. }
  2156.  
  2157. function Link_oboi() {
  2158. 	$('<a id="Link_oboi">Открыть оригинал обоев.</a>').prependTo('body')
  2159. 	$('#Link_oboi').attr('href', GM_getValue('background'))
  2160.  
  2161. 	GM_addStyle(`    
  2162.             #Link_oboi {
  2163.                 position: fixed;
  2164.                 /* height: 100%; */
  2165.                 /* width: 100%; */
  2166.                 display: block;
  2167.                 color: white;
  2168.                 right: 15px;
  2169.                 bottom: 15px;
  2170.                 z-index: 10000;
  2171.                 text-shadow: 2px 0 2px #000, 0 2px 2px #000, -2px 0 2px #000, 0 -2px 2px #000;
  2172.             }
  2173.         `)
  2174. }
  2175.  
  2176.  
  2177. function VideoTest(id) 
  2178. {
  2179.     $('body').prepend('<iframe id="videotest" src="https://www.youtube.com/embed/'+id+'?mode=opaque&amp;wmode=transparent&amp;autoplay=1&amp;loop=1&amp;controls=0&amp;modestbranding=1&amp;rel=0&amp;autohide=1&amp;showinfo=0&amp;color=white&amp;iv_load_policy=3&amp;theme=light&amp;wmode=transparent&amp;mute=1&amp&playlist='+id+'" frameborder="0" allow="autoplay" style="position: fixed; width: 100%; height: 115%; z-index: -1; background-size: auto; opacity: 0;"></iframe>');
  2180.  
  2181.     setTimeout(() => { 
  2182.         $("#videotest").css({'transition': 'opacity 10s ease 0s'});
  2183.         $("#videotest").css({'opacity': '100'});
  2184.     }, 2000);
  2185.     setTimeout(() => { $("#videotest").onpause(); }, 4000)
  2186. }