☰

HWM-UI-UX-MOD

try to take over the world!

当前为 2021-02-18 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         HWM-UI-UX-MOD
  3. // @namespace    https://greasyfork.org/ru/scripts/421913-hwm-ui-ux-mod
  4. // @version      0.4
  5. // @description  try to take over the world!
  6. // @author       achepta
  7. // @include     /^https{0,1}:\/\/((www|qrator)(\.heroeswm\.ru|\.lordswm\.com)|178\.248\.235\.15)\/.+/
  8. // @grant       unsafeWindow
  9. // @grant    GM_xmlhttpRequest
  10. // @grant    GM_log
  11. // @run-at document-start
  12. // ==/UserScript==
  13.  
  14. (function (window, undefined) {
  15.     let w;
  16.     if (typeof unsafeWindow !== undefined) {
  17.         w = unsafeWindow;
  18.     } else {
  19.         w = window;
  20.     }
  21.     if (w.self !== w.top) {
  22.         return;
  23.     }
  24.     if (/cgame/.test(location.href)) {
  25.         return
  26.     }
  27.     let allTexts = getAllTexts()
  28.     let defaultSettings = getDefaultSettings()
  29.  
  30.     let language = /lordswm/.test(location.href) ? "eng" : "rus"
  31.     let settings = {}
  32.     let headerInfo = {}
  33.     let timersInfo = {}
  34.  
  35.     loadSettings();
  36.     loadTimersInfo();
  37.  
  38.     if (settings['isDarkTheme'] && !/war\.php/.test(location.href)) {
  39.         applyDarkTheme()
  40.     }
  41.     document.addEventListener("DOMContentLoaded", () => {
  42.         if (!/war\.php/.test(location.href)) {
  43.             processPage()
  44.             addStyle();
  45.             getHeaderInfo()
  46.             drawNewHeader()
  47.             processSettings();
  48.             addMenu();
  49.         } else {
  50.             processBattle()
  51.         }
  52.     });
  53.  
  54.  
  55.     function addStyle() {
  56.         document.body.insertAdjacentHTML("beforeend", getStyles())
  57.     }
  58.  
  59.     function addMenu() {
  60.         $('hwm_header_settings_button').addEventListener('click', handleOnSettingsButtonClick);
  61.     }
  62.  
  63.  
  64.     // logic
  65.     function processSettings() {
  66.         if (settings.isTimeWithSeconds) {
  67.             showTimeWithSeconds()
  68.         }
  69.         if (settings.isShowTimers) {
  70.             showTimers()
  71.         }
  72.     }
  73.  
  74.     function getHeaderInfo() {
  75.         headerInfo['logo'] = getHeaderLogo()
  76.         headerInfo['mana_amount'] = getManaAmount()
  77.         headerInfo['notifications'] = getHeaderNotifications()
  78.         headerInfo['homeColor'] = getHomeButtonColor()
  79.         headerInfo['battleColor'] = getBattleButtonColor()
  80.         headerInfo['resources'] = getHeaderResources()
  81.         headerInfo['online'] = getHwmOnline()
  82.     }
  83.  
  84.     function getHeaderLogo() {
  85.         return document.querySelector("div.sh_logo > img").src
  86.     }
  87.  
  88.     function getManaAmount() {
  89.         return $('mana_amount').textContent
  90.     }
  91.  
  92.     function getHeaderNotifications() {
  93.         return Array.from(document.getElementsByClassName("NotificationIcon"))
  94.     }
  95.  
  96.     function getHomeButtonColor() {
  97.         return document.querySelector("#MenuHome").offsetParent.classList.value.split("_").slice(-1)[0]
  98.     }
  99.  
  100.     function getBattleButtonColor() {
  101.         return document.querySelector("#MenuBattles").offsetParent.classList.value.split("_").slice(-1)[0]
  102.     }
  103.  
  104.     function getHeaderResources() {
  105.         let resources = {}
  106.         let resourceDivs = document.querySelectorAll("div.sh_ResourcesItem")
  107.         Array.from(resourceDivs).forEach(item => {
  108.             let resName = getResNameFromImage(item.firstChild.src)
  109.             resources[resName] = item.lastChild.textContent
  110.         })
  111.         return resources
  112.     }
  113.  
  114.     function getResNameFromImage(src) {
  115.         return src.match(/(\w+)\.png/)[1]
  116.     }
  117.  
  118.     function getHwmOnline() {
  119.         return document.querySelector("div.sh_extra.sh_extra_right > div.mm_extra_separator").nextElementSibling.textContent
  120.     }
  121.  
  122.     function drawNewHeader() {
  123.         removeElement($('hwm_header'))
  124.         document.body.insertAdjacentHTML('afterbegin', getNewHeaderTemplate())
  125.         let heartData = document.body.textContent.match(/top_line_draw_canvas_heart\((\d{1,3}), (\d{1,3}), (\d{1,3})\);/)
  126.         unsafeWindow.top_line_draw_canvas_heart(heartData[1], heartData[2], heartData[3])
  127.         unsafeWindow.top_line_add_events_listeners()
  128.     }
  129.  
  130.     function showTimeWithSeconds() {
  131.         let hwmDate = hwmDateToHuman(getHwmDate());
  132.         let timePlace = $('hwm_time');
  133.         timePlace.innerHTML = hwmDate
  134.         setTimeout(showTimeWithSeconds, 1000)
  135.     }
  136.  
  137.     function showTimers() {
  138.         $('timers_container').innerHTML = getTimersTemplate()
  139.         setTimeout(showTimers, 1000)
  140.     }
  141.  
  142.     function applyDarkTheme() {
  143.         document.head.insertAdjacentHTML("beforeend", getDarkStyles())
  144.  
  145.     }
  146.  
  147.     function showEmptyBackground() {
  148.         document.body.insertAdjacentHTML('beforeend', getEmptyBackgroundTemplate());
  149.         $('empty_background').addEventListener('click', handleOnBackgroundClick);
  150.     }
  151.  
  152.     function hideEmptyBackground() {
  153.         removeElement($('empty_background'))
  154.     }
  155.  
  156.     function showSettings() {
  157.         document.body.insertAdjacentHTML('beforeend', getSettingsTemplate())
  158.         fillSettings()
  159.     }
  160.  
  161.     function fillSettings() {
  162.         let settingsField = $('hwm_header_settings');
  163.         for (const [key, value] of Object.entries(settings)) {
  164.             settingsField.insertAdjacentHTML("beforeend",
  165.                 `<div id="${key}">
  166.                             <input id="${key}_checkbox" type="checkbox" ${value ? ' checked' : ''}>
  167.                             <label for="${key}_checkbox">${getTranslation(key)}</label>
  168.                         </div>
  169.                     `)
  170.             $(`${key}`).addEventListener('click', () => {
  171.                 handleSettingsChange(key)
  172.             })
  173.         }
  174.     }
  175.  
  176.     function hideSettings() {
  177.         removeElement($('hwm_header_settings'))
  178.     }
  179.  
  180.     function processButtonDropDown(buttonInfo) {
  181.         if (buttonInfo.id === "MenuInventory" || buttonInfo.id === "MenuTavern") {
  182.             return
  183.         }
  184.         let target = $(buttonInfo.id+"_expandable")
  185.         if (buttonInfo.id === "MenuBattles") {
  186.             Array.from(target.getElementsByTagName('a')).slice(8).forEach(item => {
  187.                 buttonInfo.dropDown.push([item.textContent, item.href, true])
  188.             })
  189.         }
  190.         target.innerHTML = ''
  191.         buttonInfo.dropDown.forEach(item => {
  192.             if (item.length > 2) {
  193.                 target.insertAdjacentHTML('beforeend', `<a href="${item[1]}" style="text-decoration:none;"><div class="sh_dd_container_red">${item[0]}</div></a>`)
  194.             } else {
  195.                 target.insertAdjacentHTML('beforeend', `<a href="${item[1]}" style="text-decoration:none;"><div>${getTranslation(item[0])}</div></a>`)
  196.             }
  197.         })
  198.         target.insertAdjacentHTML("beforeend", `<img src="https://dcdn.heroeswm.ru/i/new_top/mm_dd_decorM.png" class="mm_decor2">`)
  199.         target.insertAdjacentHTML("beforeend", `<img src="https://dcdn.heroeswm.ru/i/new_top/mm_dd_decorT.png" class="mm_decor3">`)
  200.     }
  201.  
  202.     function processPage() {
  203.         if (/home/.test(location.href)) {
  204.             let isPremium = document.body.innerHTML.match(/star.gif/)
  205.             timersInfo.isPremium = !!isPremium
  206.         }
  207.         if (/object_do/.test(location.href)) {
  208.             if (document.body.textContent.match(/(successfully|устроены)/)) {
  209.                 timersInfo.labor_guild_timer_data = getHwmDate()
  210.             }
  211.         }
  212.         let battleId = new URLSearchParams(new URL(document.referrer).search).get("warid")
  213.         if (timersInfo.leader_guild_timer_data && !timersInfo.leader_guild_timer_data.timeSet && battleId === timersInfo.leader_guild_timer_data.battleId) {
  214.             timersInfo.leader_guild_timer_data.timeSet = getHwmDate()
  215.         } else if (timersInfo.thief_guild_timer_data && !timersInfo.thief_guild_timer_data.timeSet && battleId === timersInfo.thief_guild_timer_data.battleId) {
  216.             timersInfo.thief_guild_timer_data.timeSet = getHwmDate()
  217.         } else if (timersInfo.hunt_guild_timer_data && !timersInfo.hunt_guild_timer_data.timeSet && battleId === timersInfo.hunt_guild_timer_data.battleId) {
  218.             timersInfo.hunt_guild_timer_data.timeSet = getHwmDate()
  219.         }
  220.         set("timers_data", timersInfo)
  221.     }
  222.  
  223.     function processBattle() {
  224.         let battleData = unsafeWindow.run_all.toString()
  225.         let battleType = battleData.match(/btype\|(\d{1,10})/)[1]
  226.         let battlePlayer = battleData.match(/plid1\|(\d{1,10})/)[1]
  227.         let battleId = new URLSearchParams(window.location.search).get("warid")
  228.         if (battlePlayer === getCookie("pl_id")) {
  229.             if (battleType === "127") {
  230.                 if ("leader_guild_timer_data" in timersInfo) {
  231.                     if (timersInfo.leader_guild_timer_data.battleId < battleId) {
  232.                         timersInfo.leader_guild_timer_data = {"battleId": battleId}
  233.                     }
  234.                 } else {
  235.                     timersInfo.leader_guild_timer_data = {"battleId": battleId}
  236.                 }
  237.             } else if (battleType === "66") {
  238.                 if ("thief_guild_timer_data" in timersInfo) {
  239.                     if (timersInfo.thief_guild_timer_data.battleId < battleId) {
  240.                         timersInfo.thief_guild_timer_data = {"battleId": battleId}
  241.                     }
  242.                 } else {
  243.                     timersInfo.thief_guild_timer_data = {"battleId": battleId}
  244.                 }
  245.             } else if (battleType === "0") {
  246.                 if ("hunt_guild_timer_data" in timersInfo) {
  247.                     if (timersInfo.hunt_guild_timer_data.battleId < battleId) {
  248.                         timersInfo.hunt_guild_timer_data = {"battleId": battleId}
  249.                     }
  250.                 } else {
  251.                     timersInfo.hunt_guild_timer_data = {"battleId": battleId}
  252.                 }
  253.             }
  254.             set("timers_data", timersInfo)
  255.         }
  256.     }
  257.  
  258.     // listeners
  259.     function handleOnSettingsButtonClick() {
  260.         showEmptyBackground();
  261.         showSettings();
  262.     }
  263.  
  264.     function handleOnBackgroundClick() {
  265.         hideEmptyBackground();
  266.         hideSettings();
  267.     }
  268.  
  269.     function handleSettingsChange(key) {
  270.         settings[key] = $(`${key}_checkbox`).checked
  271.         set('hwm_header_settings', settings)
  272.     }
  273.  
  274.     // templates
  275.     function getSettingsButtonTemplate() {
  276.         return `
  277.             <img 
  278.                 id="hwm_header_settings_button" 
  279.                 src="https://dcdn3.heroeswm.ru/i/combat/btn_settings.png?v=8" 
  280.                 height="18" 
  281.                 alt="Header settings"
  282.                 style="position: relative; filter: drop-shadow(0.01rem 0.01rem 0 black) drop-shadow(-0.01rem -0.01rem 0 black); transform: rotate(22.5deg)"
  283.                 title="Header settings"
  284.             >`
  285.     }
  286.  
  287.     function getEmptyBackgroundTemplate() {
  288.         return `
  289.         <div id="empty_background" style="
  290.             position: absolute; 
  291.             left: 0; 
  292.             top: 0;
  293.             width: 100%;
  294.             height: ${getScrollHeight()};
  295.             background: #000000;
  296.             opacity: 0.5;
  297.             z-index: 1100;
  298.         "></div>
  299.         `
  300.     }
  301.  
  302.     function getSettingsTemplate() {
  303.         return `
  304.         <div id="hwm_header_settings" style="
  305.             position: absolute;
  306.             left: ${(getClientWidth() - 600) / 2}px;
  307.             top: ${window.pageYOffset + 155}px;
  308.             width: 600px;
  309.             background: #F6F3EA;
  310.             z-index: 1101;
  311.         ">
  312.             
  313.         </div>
  314.         `
  315.     }
  316.  
  317.     function getNewHeaderTemplate() {
  318.         return `
  319.         <div id="new_header">
  320.     <div class="top_line">
  321.         <div class="top_left_container">
  322. <!--            <div class="top_left_left">-->
  323. <!--            </div>-->
  324.             <div class="top_wing_middle">
  325.                 <div id="notifications">
  326.                     ${getNotificationsTemplate()}
  327.                 </div>
  328.             </div>
  329.             <div class="top_left_right">
  330.                 <div id="heart_container">
  331.                     <div class="sh_HMResIconBlock">
  332.                         <canvas width="64px" height="64px" id="heart"></canvas>
  333.                     </div>
  334.                     <div style="display: none;" id="health_amount">100</div>
  335.                 </div>
  336.             </div>
  337.         </div>
  338.         <div class="top_resource_container" id="top_resource_container">
  339.             <div id="ResourcesPanel" class="sh_ResourcesPanel">
  340.                 ${getResourcesTemplate()}
  341.             </div>
  342.         </div>
  343.         <div class="top_right_container">
  344.             <div class="top_right_left">
  345.                 <div id="mana_container">
  346.                     <div class="sh_HMResIconBlock mana"></div>
  347.                     <div class="mana_animation"></div>
  348.                     <div style="display: none" id="mana_amount">${headerInfo.mana_amount}</div>
  349.                 </div>
  350.             </div>
  351.             <div class="top_wing_middle">
  352.                 <div class="time_online_radio_container">
  353.                     <div id="hwm_time"></div>
  354.                     <div class="mm_extra_separator"></div>
  355.                     <div id="hwm_online">${headerInfo['online']} online</div>
  356.                     <div class="mm_extra_separator"></div>
  357.                     <div class="mm_extra_radio" onclick="hwm_top_line_open_radio(620, 400);return false;"></div>
  358.                     <div class="mm_extra_separator"></div>
  359.                     <div id="">${getSettingsButtonTemplate()}</div>
  360.                 </div>
  361.             </div>
  362. <!--            <div class="top_right_right">-->
  363.  
  364. <!--            </div>-->
  365.         </div>
  366.     </div>
  367.     <div class="new_header_menu">
  368. <!--        <img src="https://dcdn.heroeswm.ru/i/new_top/mm_decor1.png" class="mm_decor1">-->
  369.         <div class="left_dragon">
  370.             <img height="70px" src="https://i.pinimg.com/originals/6c/2e/0b/6c2e0be6ebdad0e7f4bc86bc1f10e451.png">
  371.         </div>
  372.         <div class="middle_menus">
  373.             <div class="timers_container" id="timers_container"></div>
  374.             <div class="common_menu_container">
  375.                 ${getMenuButtonsTemplate()}
  376.             </div>
  377.         </div>
  378.         
  379.         <div class="right_dragon">
  380.             <img height="70px" src="https://i.imgur.com/oqyVp7G.png">
  381.         </div>
  382.     </div>
  383. </div>
  384.         `
  385.     }
  386.  
  387.     function getNotificationsTemplate() {
  388.         return headerInfo['notifications'].reduce((result, current) => {
  389.             // #говнокод
  390.             if (current.src.includes("pismo")) {
  391.                 return result + `<a href="sms.php">${current.outerHTML.toString()}</a>`;
  392.             } else {
  393.                 return result + current.outerHTML.toString()
  394.             }}, "")
  395.     }
  396.  
  397.     function getResourcesTemplate() {
  398.         let newResources = []
  399.         let resourceLinks = getResourceLinks()
  400.         for (const [key, value] of Object.entries(headerInfo['resources'])) {
  401.             let template = `
  402.             <div class="sh_ResourcesItem">
  403.                 <a href="${resourceLinks[key]}">
  404.                     <img class="sh_ResourcesItem_icon" src="https://dcdn.heroeswm.ru/i/r/48/${key}.png?v=3.23de65" alt="${key}" title="${key}">
  405.                 </a>
  406.             <span class="select_auto_enabled">${value}</span></div>
  407.             `
  408.             newResources.push(template)
  409.         }
  410.         return newResources.join(`<div class="mm_rp_separator"></div>`)
  411.     }
  412.  
  413.     function getMenuButtonsTemplate() {
  414.         let buttonsToShow = getAvailableButtons()
  415.         return buttonsToShow.reduce((result, current) => result + getMenuButtonHTML(current), "")
  416.     }
  417.  
  418.     function getAvailableButtons() {
  419.         let buttons = []
  420.         for (const [key, value] of Object.entries(getButtonInfos())) {
  421.             if (settings[key]) {
  422.                 buttons.push(value)
  423.             }
  424.         }
  425.         return buttons
  426.     }
  427.  
  428.     function getMenuButtonHTML(buttonInfo) {
  429.         processButtonDropDown(buttonInfo)
  430.         let buttonInside = ``
  431.         if (settings['isTextButtons']) {
  432.             buttonInside = `<div class="menu_button_text">${getTranslation(buttonInfo.id)}</div>`
  433.         } else {
  434.             buttonInside = `<img class="mm_item_icon" src="${buttonInfo.image}">`
  435.         }
  436.         let buttonColor = ``
  437.         if (headerInfo['homeColor'] === 'red') {
  438.             buttonColor = 'red'
  439.         } else if (headerInfo['battleColor'] === 'orange' && buttonInfo.id === "MenuBattles") {
  440.             buttonColor = 'orange'
  441.         } else if (headerInfo['battleColor'] === 'red' && buttonInfo.id === "MenuBattles") {
  442.             buttonColor = 'red'
  443.         } else {
  444.             buttonColor = 'blue'
  445.         }
  446.         return `
  447.         <div class="mm_item mm_item_${buttonColor}">
  448.             <a href="${buttonInfo.href}">
  449.                 <div class="mm_item_inside" id="${buttonInfo.id}" hwm_label="">
  450.                     ${buttonInside}
  451.                 </div>
  452.             </a>
  453.         </div>
  454.         `
  455.     }
  456.  
  457.     function getTimersTemplate() {
  458.         let isPremium = timersInfo.isPremium ? timersInfo.isPremium : false
  459.         let result = ''
  460.         if (timersInfo.labor_guild_timer_data) {
  461.             let timeCount = isPremium ? 60 : 60
  462.             result += `
  463.             <div class="mm_item mm_item_blue">
  464.                 <div class="menu_button_text">${getTranslation("labor_guild")} ${getRemainingTime(timersInfo.labor_guild_timer_data, timeCount)}</div>
  465.             </div>`
  466.         } else {
  467.             result += `
  468.             <div class="mm_item mm_item_blue">
  469.                 <div class="menu_button_text">${getTranslation("labor_guild")} 00:00</div>
  470.             </div>`
  471.         }
  472.         if (timersInfo.hunt_guild_timer_data && timersInfo.hunt_guild_timer_data.timeSet) {
  473.             let timeCount = isPremium ? 28 : 40
  474.             result += `
  475.             <div class="mm_item mm_item_blue">
  476.                 <div class="menu_button_text">${getTranslation("hunt_guild")} ${getRemainingTime(timersInfo.hunt_guild_timer_data.timeSet, timeCount)}</div>
  477.             </div>`
  478.         } else {
  479.             result += `
  480.             <div class="mm_item mm_item_blue">
  481.                 <div class="menu_button_text">${getTranslation("hunt_guild")} 00:00</div>
  482.             </div>`
  483.         }
  484.         if (timersInfo.thief_guild_timer_data && timersInfo.thief_guild_timer_data.timeSet) {
  485.             let timeCount = isPremium ? 42 : 60
  486.             result += `
  487.             <div class="mm_item mm_item_blue">
  488.                 <div class="menu_button_text">${getTranslation("thief_guild")} ${getRemainingTime(timersInfo.thief_guild_timer_data.timeSet, timeCount)}</div>
  489.             </div>`
  490.         } else {
  491.             result += `
  492.             <div class="mm_item mm_item_blue">
  493.                 <div class="menu_button_text">${getTranslation("thief_guild")} 00:00</div>
  494.             </div>`
  495.         }
  496.         if (timersInfo.leader_guild_timer_data && timersInfo.leader_guild_timer_data.timeSet) {
  497.             let timeCount = isPremium ? 180 : 180
  498.             result += `
  499.             <div class="mm_item mm_item_blue">
  500.                 <div class="menu_button_text">${getTranslation("leader_guild")} ${getRemainingTime(timersInfo.leader_guild_timer_data.timeSet, timeCount)}</div>
  501.             </div>`
  502.         } else {
  503.             result += `
  504.             <div class="mm_item mm_item_blue">
  505.                 <div class="menu_button_text">${getTranslation("leader_guild")} 00:00</div>
  506.             </div>`
  507.         }
  508.         return result
  509.     }
  510.     function getRemainingTime(timeSet, timeCount) {
  511.         let hwmDate = getHwmDate()
  512.         let timeSetHwm = new Date(timeSet)
  513.         return secondsToHumanDate(diffDateInSeconds(timeSetHwm, hwmDate) + timeCount * 60)
  514.     }
  515.     function diffDateInSeconds(dt1, dt2) {
  516.         return Math.round((dt1.getTime() - dt2.getTime()) / 1000);
  517.     }
  518.     // helpers
  519.     function getCookie(name) {
  520.         const value = `; ${document.cookie}`;
  521.         const parts = value.split(`; ${name}=`);
  522.         if (parts.length === 2) return parts.pop().split(';').shift();
  523.     }
  524.  
  525.     function doGet(url, callback) {
  526.         GM_xmlhttpRequest({
  527.             method: "GET",
  528.             url: url,
  529.             overrideMimeType: "text/xml; charset=windows-1251",
  530.             onload: function (res) {
  531.                 callback(new DOMParser().parseFromString(res.responseText, "text/html"))
  532.             }
  533.         });
  534.     }
  535.  
  536.     function doPost(url, params, callback) {
  537.         GM_xmlhttpRequest({
  538.             method: "POST",
  539.             url: url,
  540.             data: params,
  541.             onload: callback,
  542.         });
  543.     }
  544.  
  545.     function removeElement(element) {
  546.         element.parentNode.removeChild(element)
  547.     }
  548.  
  549.     function $(id, where = document) {
  550.         return where.querySelector(`#${id}`);
  551.     }
  552.  
  553.     function get(key, def) {
  554.         let result = JSON.parse(localStorage[key] === undefined ? null : localStorage[key]);
  555.         return result == null ? def : result;
  556.  
  557.     }
  558.  
  559.     function set(key, val) {
  560.         localStorage[key] = JSON.stringify(val);
  561.     }
  562.  
  563.     function getScrollHeight() {
  564.         return Math.max(document.documentElement.scrollHeight, document.body.scrollHeight);
  565.     }
  566.  
  567.     function getClientWidth() {
  568.         return document.compatMode === 'CSS1Compat' && document.documentElement ? document.documentElement.clientWidth : document.body.clientWidth;
  569.     }
  570.  
  571.     function findAll(regexPattern, sourceString) {
  572.         let output = []
  573.         let match
  574.         let regexPatternWithGlobal = RegExp(regexPattern, [...new Set("g" + regexPattern.flags)].join(""))
  575.         while (match = regexPatternWithGlobal.exec(sourceString)) {
  576.             delete match.input
  577.             output.push(match)
  578.         }
  579.         return output
  580.     }
  581.  
  582.     function sortByKey(array, key) {
  583.         return array.sort((a, b) => {
  584.             let x = a[key];
  585.             let y = b[key];
  586.             return ((x < y) ? -1 : ((x > y) ? 1 : 0));
  587.         });
  588.     }
  589.  
  590.     function getHwmDate() {
  591.         let today = new Date();
  592.         let localOffset = -(today.getTimezoneOffset() / 60);
  593.         let destinationOffset = +3;
  594.  
  595.         let offset = destinationOffset - localOffset;
  596.         return new Date(new Date().getTime() + offset * 3600 * 1000)
  597.  
  598.     }
  599.  
  600.     function hwmDateToHuman(hwmDate) {
  601.         let hours =  hwmDate.getHours().toString().length === 1
  602.             ? "0" + hwmDate.getHours().toString()
  603.             : hwmDate.getHours().toString()
  604.         let minutes = hwmDate.getMinutes().toString().length === 1
  605.             ? "0" + hwmDate.getMinutes().toString()
  606.             : hwmDate.getMinutes().toString()
  607.         let seconds = hwmDate.getSeconds().toString().length === 1
  608.             ? "0" + hwmDate.getSeconds().toString()
  609.             : hwmDate.getSeconds().toString()
  610.         return hours + ":" + minutes + ":" + seconds
  611.     }
  612.  
  613.     function secondsToHumanDate(seconds) {
  614.         // Hours, minutes and seconds
  615.         var hrs = ~~(seconds / 3600);
  616.         var mins = ~~((seconds % 3600) / 60);
  617.         var secs = ~~seconds % 60;
  618.  
  619.         // Output like "1:01" or "4:03:59" or "123:03:59"
  620.         var ret = "";
  621.         if (hrs > 0) {
  622.             ret += "" + hrs + ":" + (mins < 10 ? "0" : "");
  623.         }
  624.         ret += "" + mins + ":" + (secs < 10 ? "0" : "");
  625.         ret += "" + secs;
  626.         return ret;
  627.     }
  628.  
  629.     function getTranslation(textId) {
  630.         return allTexts[textId][language]
  631.     }
  632.  
  633.     function loadSettings() {
  634.         settings = get('hwm_header_settings', defaultSettings)
  635.         for (const [key, value] of Object.entries(defaultSettings)) {
  636.             if (settings[key] === undefined) {
  637.                 settings[key] = value
  638.             }
  639.         }
  640.     }
  641.  
  642.     function loadTimersInfo() {
  643.         timersInfo = get('timers_data', {})
  644.     }
  645.     function getAllTexts() {
  646.         return {
  647.             'isTimeWithSeconds': {
  648.                 "rus": "Показывать время с секундами",
  649.                 "eng": "Show time with seconds",
  650.             },
  651.             'isShowTimers': {
  652.                 "rus": "Показывать таймеры гильдий",
  653.                 "eng": "Show guilds' timers",
  654.             },
  655.             'isDarkTheme': {
  656.                 "rus": "Темная тема",
  657.                 "eng": "Dark theme"
  658.             },
  659.             'isTextButtons': {
  660.                 "rus": "Старые текстовые кнопки",
  661.                 "eng": "Show old text buttons"
  662.             },
  663.             'isHomeButton': {
  664.                 "rus": "Персонаж",
  665.                 "eng": "Home"
  666.             },
  667.             'isInventoryButton': {
  668.                 "rus": "Инвентарь",
  669.                 "eng": "Inventory"
  670.             },
  671.             'isMapButton': {
  672.                 "rus": "Карта",
  673.                 "eng": "Map"
  674.             },
  675.             'isBattleButton': {
  676.                 "rus": "Битвы",
  677.                 "eng": "Battles"
  678.             },
  679.             'isTavernButton': {
  680.                 "rus": "Таверна",
  681.                 "eng": "Tavern"
  682.             },
  683.             'isRouletteButton': {
  684.                 "rus": "Рулетка",
  685.                 "eng": "Roulette"
  686.             },
  687.             'isLeaderboardButton': {
  688.                 "rus": "Рейтинг",
  689.                 "eng": "Leaderboards"
  690.             },
  691.             'isForumButton': {
  692.                 "rus": "Форум",
  693.                 "eng": "Forum"
  694.             },
  695.             'isChatButton': {
  696.                 "rus": "Чат",
  697.                 "eng": "Chat"
  698.             },
  699.             'MenuHome': {
  700.                 "rus": "Персонаж",
  701.                 "eng": "Home"
  702.             },
  703.             'MenuInventory': {
  704.                 "rus": "Инвентарь",
  705.                 "eng": "Inventory"
  706.             },
  707.             'MenuMap': {
  708.                 "rus": "Карта",
  709.                 "eng": "Map"
  710.             },
  711.             'MenuBattles': {
  712.                 "rus": "Битвы",
  713.                 "eng": "Battles"
  714.             },
  715.             'MenuTavern': {
  716.                 "rus": "Таверна",
  717.                 "eng": "Tavern"
  718.             },
  719.             'MenuRoulette': {
  720.                 "rus": "Рулетка",
  721.                 "eng": "Roulette"
  722.             },
  723.             'MenuStat': {
  724.                 "rus": "Рейтинг",
  725.                 "eng": "Leaderboards"
  726.             },
  727.             'MenuForum': {
  728.                 "rus": "Форум",
  729.                 "eng": "Forum"
  730.             },
  731.             'MenuChat': {
  732.                 "rus": "Чат",
  733.                 "eng": "Chat"
  734.             },
  735.             'myself': {
  736.                 "rus": "Я",
  737.                 "eng": "Myself"
  738.             },
  739.             'inventory': {
  740.                 "rus": "Инвентарь",
  741.                 "eng": "Inventory"
  742.             },
  743.             'shop': {
  744.                 "rus": "Магазин",
  745.                 "eng": "Artifact shop"
  746.             },
  747.             'auction': {
  748.                 "rus": "Рынок",
  749.                 "eng": "Market"
  750.             },
  751.             'choose_army': {
  752.                 "rus": "Набор армии",
  753.                 "eng": "Recruiting"
  754.             },
  755.             'castle': {
  756.                 "rus": "Замок",
  757.                 "eng": "Castle"
  758.             },
  759.             'skills': {
  760.                 "rus": "Навыки",
  761.                 "eng": "Talents"
  762.             },
  763.             'mailbox': {
  764.                 "rus": "Почта",
  765.                 "eng": "Mailbox"
  766.             },
  767.             'transfer': {
  768.                 "rus": "Передача ресурсов",
  769.                 "eng": "Transfer"
  770.             },
  771.             'facility1': {
  772.                 "rus": "Добыча",
  773.                 "eng": "Mining"
  774.             },
  775.             'facility2': {
  776.                 "rus": "Обработка",
  777.                 "eng": "Machining"
  778.             },
  779.             'facility3': {
  780.                 "rus": "Производство",
  781.                 "eng": "Production"
  782.             },
  783.             'houses': {
  784.                 "rus": "Дома",
  785.                 "eng": "Public services"
  786.             },
  787.             'one_to_one': {
  788.                 "rus": "Дуэли",
  789.                 "eng": "Duels"
  790.             },
  791.             'many_to_many': {
  792.                 "rus": "Групповые бои",
  793.                 "eng": "Group battles"
  794.             },
  795.             'guild_pvp': {
  796.                 "rus": "Гильдия тактиков",
  797.                 "eng": "Commanders' guild"
  798.             },
  799.             'guild_task': {
  800.                 "rus": "Гильдия стражей",
  801.                 "eng": "Watchers' guild"
  802.             },
  803.             'guild_leader': {
  804.                 "rus": "Гильдия лидеров",
  805.                 "eng": "Leaders guild"
  806.             },
  807.             'clanwars': {
  808.                 "rus": "Бои за территории",
  809.                 "eng": "Clan wars"
  810.             },
  811.             'tournaments': {
  812.                 "rus": "Турниры",
  813.                 "eng": "Tounaments"
  814.             },
  815.             'spin_history': {
  816.                 "rus": "История игр",
  817.                 "eng": "Spin history"
  818.             },
  819.             'lucky_boxes': {
  820.                 "rus": "Редкие ларцы",
  821.                 "eng": "Chests of abundance"
  822.             },
  823.             'top_heroes': {
  824.                 "rus": "Рейтинг воинов",
  825.                 "eng": "Top warriors"
  826.             },
  827.             'top_clans': {
  828.                 "rus": "Рейтинг кланов",
  829.                 "eng": "Top clans"
  830.             },
  831.             'top_hunters': {
  832.                 "rus": "Рейтинг охотников",
  833.                 "eng": "Top hunters"
  834.             },
  835.             'top_mercenaries': {
  836.                 "rus": "Рейтинг наемников",
  837.                 "eng": "Top mercenaries"
  838.             },
  839.             'top_shareholders': {
  840.                 "rus": "Рейтинг акционеров",
  841.                 "eng": "Top shareholders"
  842.             },
  843.             'personal_records': {
  844.                 "rus": "Мои охоты",
  845.                 "eng": "My hunt records"
  846.             },
  847.             'general_forum': {
  848.                 "rus": "Общий форум",
  849.                 "eng": "General forum"
  850.             },
  851.             'help_forum': {
  852.                 "rus": "Помощь по игре",
  853.                 "eng": "Q&A forum"
  854.             },
  855.             'trade_forum': {
  856.                 "rus": "Торговый форум",
  857.                 "eng": "Trade forums"
  858.             },
  859.             'reference': {
  860.                 "rus": "Об игре",
  861.                 "eng": "About the game"
  862.             },
  863.             'hwm_newspaper': {
  864.                 "rus": "Новостная лента",
  865.                 "eng": "Daily news"
  866.             },
  867.             'chat_1': {
  868.                 "rus": "Комната вопросов",
  869.                 "eng": "Inquiry"
  870.             },
  871.             'chat_2': {
  872.                 "rus": "Общая комната",
  873.                 "eng": "Common"
  874.             },
  875.             'chat_3': {
  876.                 "rus": "Торговая палата",
  877.                 "eng": "Merchant"
  878.             },
  879.             'chat_4': {
  880.                 "rus": "Рулетка",
  881.                 "eng": "Roulette"
  882.             },
  883.             'chat_5': {
  884.                 "rus": "Карты",
  885.                 "eng": "Tavern"
  886.             },
  887.             'labor_guild': {
  888.                 "rus": "ГР",
  889.                 "eng": "LG"
  890.             },
  891.             'leader_guild': {
  892.                 "rus": "ГЛ",
  893.                 "eng": "LeG"
  894.             },
  895.             'hunt_guild': {
  896.                 "rus": "ГО",
  897.                 "eng": "HG"
  898.             },
  899.             'thief_guild': {
  900.                 "rus": "ГВ",
  901.                 "eng": "TG"
  902.             },
  903.             '': {
  904.                 "rus": "",
  905.                 "eng": ""
  906.             },
  907.  
  908.         }
  909.     }
  910.  
  911.     function getDefaultSettings() {
  912.         return {
  913.             "isTimeWithSeconds": true,
  914.             "isShowTimers": true,
  915.             "isDarkTheme": false,
  916.             "isTextButtons": false,
  917.             "isHomeButton": true,
  918.             "isInventoryButton": false,
  919.             "isMapButton": true,
  920.             "isBattleButton": true,
  921.             "isTavernButton": true,
  922.             "isRouletteButton": true,
  923.             "isLeaderboardButton": true,
  924.             "isForumButton": true,
  925.             "isChatButton": true,
  926.         }
  927.     }
  928.  
  929.     function getButtonInfos() {
  930.         return {
  931.             "isHomeButton": {
  932.                 "image": "https://dcdn.heroeswm.ru/i/new_top/_panelCharacter.png",
  933.                 "id": "MenuHome",
  934.                 "href": "home.php",
  935.                 "dropDown": [
  936.                     ["myself", `pl_info.php?id=${getCookie("pl_id")}`],
  937.                     ["inventory", "inventory.php"],
  938.                     ["shop", "shop.php"],
  939.                     ["auction", "auction.php"],
  940.                     ["choose_army", "army.php"],
  941.                     ["castle", "castle.php"],
  942.                     ["skills", "skillwheel.php"],
  943.                     ["mailbox", "sms.php"],
  944.                     ["transfer", "transfer.php"],
  945.                 ]
  946.             },
  947.             "isInventoryButton": {
  948.                 "image": "https://dcdn.heroeswm.ru/i/mobile_view/icons/_panelInventory.png",
  949.                 "id": "MenuInventory",
  950.                 "href": "inventory.php",
  951.                 "dropDown": []
  952.             },
  953.             "isMapButton": {
  954.                 "image": "https://dcdn.heroeswm.ru/i/new_top/_panelMap.png",
  955.                 "id": "MenuMap",
  956.                 "href": "map.php",
  957.                 "dropDown": [
  958.                     ["facility1", "map.php?st=mn"],
  959.                     ["facility2", "map.php?st=fc"],
  960.                     ["facility3", "map.php?st=sh"],
  961.                     ["houses", "map.php?st=hs"],
  962.                 ]
  963.             },
  964.             "isBattleButton": {
  965.                 "image": "https://dcdn.heroeswm.ru/i/new_top/_panelBattles.png",
  966.                 "id": "MenuBattles",
  967.                 "href": "bselect.php",
  968.                 "dropDown": [
  969.                     ["one_to_one", "one_to_one.php"],
  970.                     ["many_to_many", "group_wars.php"],
  971.                     ["guild_pvp", "pvp_guild.php"],
  972.                     ["guild_task", "task_guild.php"],
  973.                     ["guild_leader", "leader_guild.php"],
  974.                     ["clanwars", "mapwars.php"],
  975.                     ["tournaments", "tournaments.php"],
  976.                 ]
  977.             },
  978.             "isTavernButton": {
  979.                 "image": "https://dcdn.heroeswm.ru/i/new_top/_panelTavern.png",
  980.                 "id": "MenuTavern",
  981.                 "href": "tavern.php",
  982.                 "dropDown": []
  983.             },
  984.             "isRouletteButton": {
  985.                 "image": "https://dcdn.heroeswm.ru/i/new_top/_panelRoulette.png",
  986.                 "id": "MenuRoulette",
  987.                 "href": "roulette.php",
  988.                 "dropDown": [
  989.                     ["spin_history", "allroul.php"],
  990.                     ["lucky_boxes", "gift_box_log.php"],
  991.  
  992.                 ]
  993.             },
  994.             "isLeaderboardButton": {
  995.                 "image": "https://dcdn.heroeswm.ru/i/new_top/_panelRate.png",
  996.                 "id": "MenuStat",
  997.                 "href": "plstats.php",
  998.                 "dropDown": [
  999.                     ["top_heroes", "plstats.php"],
  1000.                     ["top_clans", "clanstat.php"],
  1001.                     ["top_hunters", "plstats_hunters.php"],
  1002.                     ["top_mercenaries", "plstats_merc.php"],
  1003.                     ["top_shareholders", "sholders_stat.php"],
  1004.                     ["personal_records", `pl_hunter_stat.php?id=${getCookie("pl_id")}`],
  1005.  
  1006.                 ]
  1007.             },
  1008.             "isForumButton": {
  1009.                 "image": "https://dcdn.heroeswm.ru/i/new_top/_panelForum.png",
  1010.                 "id": "MenuForum",
  1011.                 "href": "forum.php",
  1012.                 "dropDown": [
  1013.                     ["general_forum", "forum_thread.php?id=2"],
  1014.                     ["help_forum", "forum_thread.php?id=10"],
  1015.                     ["trade_forum", "forum.php#t1"],
  1016.                     ["reference", "help.php"],
  1017.                     ["hwm_newspaper", "https://daily.heroeswm.ru/"],
  1018.  
  1019.                 ]
  1020.             },
  1021.             "isChatButton": {
  1022.                 "image": "https://dcdn.heroeswm.ru/i/new_top/_panelChat.png",
  1023.                 "id": "MenuChat",
  1024.                 "href": "frames.php",
  1025.                 "dropDown": [
  1026.                     ["chat_1", "frames.php?room=0"],
  1027.                     ["chat_2", "frames.php?room=1"],
  1028.                     ["chat_3", "frames.php?room=2"],
  1029.                     ["chat_4", "frames.php?room=3"],
  1030.                     ["chat_5", "frames.php?room=4"],
  1031.                 ]
  1032.             },
  1033.         }
  1034.     }
  1035.  
  1036.     function getResourceLinks() {
  1037.         return {
  1038.             "gold": "roulette.php",
  1039.             "wood": "auction.php?cat=res&sort=0&type=1",
  1040.             "ore": "auction.php?cat=res&sort=0&type=2",
  1041.             "mercury": "auction.php?cat=res&sort=0&type=3",
  1042.             "sulfur": "auction.php?cat=res&sort=0&type=4",
  1043.             "crystals": "auction.php?cat=res&sort=0&type=5",
  1044.             "gems": "auction.php?cat=res&sort=0&type=6",
  1045.             "diamonds": "hwm_donate_page_new.php",
  1046.         }
  1047.     }
  1048.  
  1049.     function getStyles() {
  1050.         return `
  1051.         <style>
  1052.         ${settings.isTextButtons ? ".mm_item, .mm_item_inside {height:24px}; .mm_item_inside {display: flex;     flex-direction: row; flex-wrap: nowrap;  align-items: center;} .menu_button_text{height:100%}" : ""};
  1053.     body {
  1054.         margin: 0;
  1055.         padding: 0;
  1056.     }
  1057.  
  1058.     #new_header {
  1059.         display: flex;
  1060.         flex-direction: column;
  1061.         align-items: center;
  1062.     }
  1063.  
  1064.     .top_line {
  1065.         width: 100%;
  1066.         height: 32px;
  1067.         display: flex;
  1068.         flex-direction: row;
  1069.         flex-wrap: nowrap;
  1070.     }
  1071.  
  1072.     .top_left_container, .top_right_container {
  1073.         height: 100%;
  1074.         display: flex;
  1075.         flex-direction: row;
  1076.         flex-wrap: nowrap;
  1077.         flex-grow: 1;
  1078.     }
  1079.  
  1080.     .top_left_left {
  1081.         height: 100%;
  1082.         width: 52px;
  1083.         background-image: url("https://dcdn.heroeswm.ru/i/new_top/extra_bg_side2.png");
  1084.         background-size: 256px 32px;
  1085.         background-repeat: no-repeat;
  1086.     }
  1087.  
  1088.     .top_left_right {
  1089.         min-width: 100px;
  1090.         background: url("https://dcdn.heroeswm.ru/i/new_top/extra_bg_side1.png") no-repeat top right;
  1091.         background-size: 256px 32px;
  1092.  
  1093.     }
  1094.  
  1095.     /*#logo_container {*/
  1096.     /*    position: relative;*/
  1097.     /*}*/
  1098.     
  1099.     /*.logo {*/
  1100.     /*    max-width: 128px;*/
  1101.     /*    max-height: 64px;*/
  1102.     /*}*/
  1103.     #notifications {
  1104.         height: 32px;
  1105.         float: right;
  1106.         display: flex;
  1107.         flex-direction: row;
  1108.         flex-wrap: nowrap;
  1109.         align-items: center;
  1110.         margin-right: 10%;
  1111.     }
  1112.  
  1113.     #heart_container {
  1114.         background-image: url("https://dcdn.heroeswm.ru/i/new_top/mm_rp_health.png");
  1115.         background-size: contain;
  1116.         width: 32px;
  1117.         height: 32px;
  1118.         margin: auto;
  1119.     }
  1120.  
  1121.     #heart_container:hover #health_amount {
  1122.         display: initial !important;
  1123.         position: absolute;
  1124.         color: white;
  1125.         transform: translate(10%, -100%);
  1126.         text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
  1127.  
  1128.     }
  1129.  
  1130.     .sh_HMResIconBlock {
  1131.         position: relative;
  1132.         left: 15px;
  1133.         top: 15px;
  1134.     }
  1135.  
  1136.     .health_animation {
  1137.         position: relative;
  1138.     }
  1139.  
  1140.     #heart {
  1141.         width: 27px;
  1142.         height: 27px;
  1143.     }
  1144.  
  1145.     #mana_container {
  1146.         background-image: url("https://dcdn.heroeswm.ru/i/new_top/mm_rp_mana.png");
  1147.         background-size: contain;
  1148.         width: 32px;
  1149.         height: 32px;
  1150.         margin: auto;
  1151.         display: grid;
  1152.         grid-template-columns: 1fr;
  1153.         grid-template-rows: 1fr;
  1154.         overflow: hidden;
  1155.     }
  1156.     
  1157.     .mana_animation {
  1158.         position: relative;
  1159.         grid-column-start: 1;
  1160.         grid-row-start: 1;
  1161.         z-index: 4;
  1162.     }
  1163.  
  1164.     .mana {
  1165.         grid-column-start: 1;
  1166.         grid-row-start: 1;
  1167.         z-index: 3;
  1168.     }
  1169.  
  1170.     #mana_amount {
  1171.         grid-column-start: 1;
  1172.         grid-row-start: 1;
  1173.         z-index: 5;
  1174.         margin: auto;
  1175.         color: white;
  1176.     }
  1177.  
  1178.     #mana_container:hover #mana_amount {
  1179.         display: initial !important;
  1180.         color: white;
  1181.         text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
  1182.     }
  1183.  
  1184.     .top_right_right {
  1185.         width: 52px;
  1186.         background: url("https://dcdn.heroeswm.ru/i/new_top/extra_bg_side2.png") no-repeat top right;
  1187.         background-size: 256px 32px;
  1188.     }
  1189.  
  1190.     .top_right_left {
  1191.         min-width: 100px;
  1192.         background: url("https://dcdn.heroeswm.ru/i/new_top/extra_bg_side1.png") no-repeat top left;
  1193.         background-size: 256px 32px;
  1194.     }
  1195.  
  1196.     .top_wing_middle {
  1197.         min-width: 175px;
  1198.         width: 100%;
  1199.         background: url("https://dcdn.heroeswm.ru/i/new_top/extra_bg_mid.png") repeat-x top left;
  1200.         background-size: 32px;
  1201.     }
  1202.  
  1203.     .time_online_radio_container {
  1204.         display: flex;
  1205.         flex-direction: row;
  1206.         flex-wrap: nowrap;
  1207.         align-items: center;
  1208.         margin-left: 10%;
  1209.         
  1210.     }
  1211.     
  1212.     #hwm_time, #hwm_online {
  1213.         color: #b12424;
  1214.     }
  1215.  
  1216.     .top_resource_container {
  1217.         background: url("https://dcdn.heroeswm.ru/i/new_top/rp_bg_mid.png");
  1218.         background-size: contain;
  1219.     }
  1220.  
  1221.     .new_header_menu {
  1222.         background: url("https://dcdn.heroeswm.ru/i/new_top/mm_dd_tile.jpg");
  1223.         min-height: 70px;
  1224.         padding: 0;
  1225.         width: 100%;
  1226.         display: flex;
  1227.         flex-direction: row;
  1228.         flex-wrap: nowrap;
  1229.         justify-content: space-between;
  1230.     }
  1231.     .common_menu_container {
  1232.         margin-top: 5px;
  1233.         display: flex;
  1234.         flex-direction: row;
  1235.         flex-wrap: nowrap;
  1236.         justify-content: center;
  1237.         align-items: center;
  1238.         overflow: hidden;
  1239.     }
  1240.     .timers_container {
  1241.         display: flex;
  1242.         flex-direction: row;
  1243.         flex-wrap: nowrap;
  1244.         justify-content: center;
  1245.         align-items: center;
  1246.         overflow: hidden;
  1247.     }
  1248.     .mm_item {
  1249.         margin: 0;
  1250.     }
  1251.     .mm_item + .mm_item {
  1252.         
  1253.         margin-left: 5px;
  1254.     }
  1255.  
  1256.     .left_dragon, .right_dragon {
  1257.     }
  1258.     .left_dragon {
  1259.         transform: scaleX(-1);
  1260.     }
  1261.     
  1262.     .middle_menus {
  1263.         display: flex;
  1264.         flex-direction: column;
  1265.         justify-content: center;
  1266.     }
  1267.     
  1268.     .menu_button_text {
  1269.         display: flex;
  1270.         justify-content: center;
  1271.         align-items: center;
  1272.         color: #fad49f;
  1273.         font-weight: bold;
  1274.     }
  1275. </style>
  1276.         `
  1277.     }
  1278.  
  1279.     function getDarkStyles() {
  1280.         let mainTextColor = `#d0d0d0`
  1281.         return `
  1282.         <style>
  1283.         body {
  1284.             background: #1f2023 !important;
  1285.         }
  1286.         td, .forum > td {
  1287.             color: ${mainTextColor} !important;
  1288.             background-image: none !important;
  1289.         }
  1290.         font {
  1291.             color: ${mainTextColor} !important;
  1292.             opacity: 0.65;
  1293.         }
  1294.         a, .forum > a {
  1295.             color: ${mainTextColor} !important;
  1296.             /*opacity: 0.87;*/
  1297.         }
  1298.         div {
  1299.             color: #121212;
  1300.         }
  1301.         .txt {
  1302.             color: ${mainTextColor};
  1303.             /*opacity: 0.87;*/
  1304.         }
  1305.         .pi {
  1306.             color: ${mainTextColor};
  1307.             /*opacity: 0.87;*/
  1308.         }
  1309.         .wblight, .wb2, .wb td{
  1310.             background-color: #2d2f34;
  1311.         }
  1312.         
  1313.         .wbwhite {
  1314.             background-color: #383b40;
  1315.         }
  1316.         table.table3, table.table3 th {
  1317.             background-color: #383b40;
  1318.         }
  1319.         .forum tr:not(.second) > td {
  1320.             background-color: #383b40 !important;
  1321.         }
  1322.         table.forum tr.message_footer td {
  1323.             background-color: #27292d !important;
  1324.         }
  1325.         
  1326.         .forum span, .second {
  1327.             background-color: #2d2f34 !important;
  1328.         }
  1329.         #home_2 {
  1330.             color: ${mainTextColor};
  1331.         }
  1332.         #hwm_for_zoom {
  1333.             background-color: #27292d !important;
  1334.         }
  1335.         #hwm_for_zoom * {
  1336.             color: ${mainTextColor};
  1337.         }
  1338.         .dark_seconds {
  1339.             color: #a50909;
  1340.         }
  1341.         * {
  1342.             border-color: #55565d !important;
  1343.         }
  1344.         table td.tlight {
  1345.             background-color: #2d2f34 !important;
  1346.             background-image: none;
  1347.         }
  1348.         table td.twhite {
  1349.             background-color: #383b40 !important;
  1350.             background-image: none;
  1351.         }
  1352.         #pa,#pd, #pp, #pk, #pl, #pm, #pi, #ap, #sc {
  1353.             color: ${mainTextColor} !important;
  1354.         }
  1355.         </style>
  1356.         `
  1357.     }
  1358. })(window);