☰

HWM-UI-UX-MOD

try to take over the world!

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

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