☰

Lunebounce Theme

This is the first theme for Moonbounce! I spent a few months working on this to make sure everything was perfected. This theme was created solely by me, so please do not message the Moonbonuce team for support. ((made with <3 by lune))

  1. // ==UserScript==
  2. // @name         Lunebounce Theme
  3. // @namespace    https://github.com/diary001/lunebounce
  4. // @supportURL   https://discord.gg/pixel
  5. // @license      MIT
  6. // @version      1.0.11
  7. // @description  This is the first theme for Moonbounce! I spent a few months working on this to make sure everything was perfected. This theme was created solely by me, so please do not message the Moonbonuce team for support. ((made with <3 by lune))
  8. // @author       lune / linktr.ee/moon
  9. // @match        *://*/*
  10. // @icon         https://framerusercontent.com/images/iuVZmsE2sifPExZXNrETQrDkU.png
  11. // @grant        none
  12. // ==/UserScript==
  13.  
  14.  
  15. (function () {
  16.     "use strict";
  17.  
  18.     function checkPresence() {
  19.       return (
  20.         document.getElementById(
  21.           "moonbounce-ext-container-mbheeaapbjpckahhciogfdodofjjldem"
  22.         )?.shadowRoot != null
  23.       );
  24.     }
  25.  
  26.     function injectCSS() {
  27.       const root = document.documentElement;
  28.  
  29.       root.style.setProperty("--lune-primary", "#44515a");
  30.       root.style.setProperty("--lune-secondary", "#242c31");
  31.       root.style.setProperty("--lune-tertiary", "#a0a6c525");
  32.       root.style.setProperty("--lune-accent", "#aef0ff");
  33.       root.style.setProperty("--lune-accent-alpha", "rgba(173, 240, 255, 0.2)");
  34.       root.style.setProperty(
  35.         "--lune-accent-alpha-alt",
  36.         "rgba(173, 240, 255, 0.35)"
  37.       );
  38.       root.style.setProperty(
  39.         "--lune-accent-alpha-alt2",
  40.         "rgba(173, 240, 255, 0.5)"
  41.       );
  42.       root.style.setProperty("--lune-accent-dark", "#82e8ff");
  43.       root.style.setProperty("--lune-accent-light", "#c8f5ff");
  44.       root.style.setProperty(
  45.         "--lune-accent-filter",
  46.         "brightness(0) saturate(100%) invert(86%) sepia(9%) saturate(2201%) hue-rotate(171deg) brightness(107%) contrast(101%)"
  47.       );
  48.  
  49.       const webApp = document.querySelector("body");
  50.  
  51.         const shadowRoot = document.querySelector(
  52.             "div#moonbounce-ext-container-mbheeaapbjpckahhciogfdodofjjldem"
  53.         )?.shadowRoot;
  54.  
  55.         const moonbouncePortal = document
  56.         .querySelector(
  57.             "div#moonbounce-ext-container-mbheeaapbjpckahhciogfdodofjjldem"
  58.         )?.shadowRoot.querySelector("#MOONBOUNCE\\.PORTAL");
  59.  
  60.     if (!moonbouncePortal) {
  61.         setTimeout(injectCSS, 500);
  62.         return;
  63.     }
  64.  
  65.       const styleElement1 = Object.assign(document.createElement("STYLE"), {
  66.         textContent: `._base_n7zwr_1._light_n7zwr_14 {
  67.                       background: var(--lune-secondary);
  68.                   }`,
  69.       });
  70.       shadowRoot.append(styleElement1);
  71.  
  72.       const styleElement2 = Object.assign(document.createElement("STYLE"), {
  73.         textContent: `._base_n7zwr_1 {
  74.                       border: 2px solid var(--lune-primary);
  75.                   }`,
  76.       });
  77.       shadowRoot.append(styleElement2);
  78.  
  79.       const styleElement3 = Object.assign(document.createElement("STYLE"), {
  80.         textContent: `path {
  81.                       fill: var(--lune-accent);
  82.                   }`,
  83.       });
  84.       shadowRoot.append(styleElement3);
  85.  
  86.       const styleElement4 = Object.assign(document.createElement("STYLE"), {
  87.         textContent: `._base_irauo_1 {
  88.                       color: var(--lune-accent);
  89.                   }`,
  90.       });
  91.       shadowRoot.append(styleElement4);
  92.  
  93.       const styleElement5 = Object.assign(document.createElement("STYLE"), {
  94.         textContent: `._base_5l9jc_1 {
  95.                       background-color: var(--lune-accent-alpha);
  96.                   }`,
  97.       });
  98.       moonbouncePortal.append(styleElement5);
  99.  
  100.       const styleElement7 = Object.assign(document.createElement("STYLE"), {
  101.         textContent: `._base_15xaj_1._small_15xaj_22 {
  102.                       color: var(--lune-accent);
  103.                   }`,
  104.       });
  105.       moonbouncePortal.append(styleElement7);
  106.  
  107.       const styleElement8 = Object.assign(document.createElement("STYLE"), {
  108.         textContent: `._base_1htaw_1._secondary_1htaw_22._open_1htaw_27, ._base_1htaw_1._secondary_1htaw_22._closed_1htaw_30 {
  109.                       background-color: var(--lune-primary);
  110.                   }`,
  111.       });
  112.       shadowRoot.append(styleElement8);
  113.  
  114.       const styleElement9 = Object.assign(document.createElement("STYLE"), {
  115.         textContent: `._base_1htaw_1._secondary_1htaw_22 {
  116.                       border: 2px solid var(--lune-tertiary);
  117.                   }`,
  118.       });
  119.       shadowRoot.append(styleElement9);
  120.  
  121.       const styleElement10 = Object.assign(document.createElement("STYLE"), {
  122.         textContent: `._base_1htaw_1._secondary_1htaw_22:hover._open_1htaw_27 {
  123.                       background-color: var(--lune-accent-alpha-alt);
  124.                   }`,
  125.       });
  126.       shadowRoot.append(styleElement10);
  127.  
  128.       const styleElement11 = Object.assign(document.createElement("STYLE"), {
  129.         textContent: `._base_1htaw_1._secondary_1htaw_22:hover {
  130.                       background: var(--lune-primary);
  131.                       border: 2px solid var(--lune-tertiary)
  132.                   }`,
  133.       });
  134.       shadowRoot.append(styleElement11);
  135.  
  136.       const styleElement12 = Object.assign(document.createElement("STYLE"), {
  137.         textContent: `._base_1b9zj_1 {
  138.                       background-color: var(--lune-primary);
  139.                       border: 2px solid var(--lune-tertiary);
  140.                   }`,
  141.       });
  142.       shadowRoot.append(styleElement12);
  143.  
  144.       const styleElement13 = Object.assign(document.createElement("STYLE"), {
  145.         textContent: `._base_1enru_1 {
  146.                       color: var(--lune-accent);
  147.                   }`,
  148.       });
  149.       shadowRoot.append(styleElement13);
  150.  
  151.       const styleElement14 = Object.assign(document.createElement("STYLE"), {
  152.         textContent: `._base_1jhq3_1 {
  153.                       background-color: var(--lune-secondary);
  154.                       border: 2px solid var(--lune-primary);
  155.                   }`,
  156.       });
  157.       shadowRoot.append(styleElement14);
  158.  
  159.       const styleElement15 = Object.assign(document.createElement("STYLE"), {
  160.         textContent: `._middle_chat_18nkb_44 {
  161.                       background-color: var(--lune-secondary);
  162.                   }`,
  163.       });
  164.       shadowRoot.append(styleElement15);
  165.  
  166.       const styleElement16 = Object.assign(document.createElement("STYLE"), {
  167.         textContent: `._base_bkmm0_1 {
  168.                       background-color: var(--lune-secondary);
  169.                   }`,
  170.       });
  171.       shadowRoot.append(styleElement16);
  172.  
  173.       const styleElement17 = Object.assign(document.createElement("STYLE"), {
  174.         textContent: `._container_k54cr_1._chat_k54cr_48 {
  175.                       background: var(--lune-secondary);
  176.                   }`,
  177.       });
  178.       shadowRoot.append(styleElement17);
  179.  
  180.       const styleElement18 = Object.assign(document.createElement("STYLE"), {
  181.         textContent: `._container_k54cr_1 {
  182.                       border: 2px solid var(--lune-tertiary);
  183.                   }`,
  184.       });
  185.       shadowRoot.append(styleElement18);
  186.  
  187.       const styleElement19 = Object.assign(document.createElement("STYLE"), {
  188.         textContent: `::placeholder {
  189.                       color: var(--lune-accent);
  190.                   }`,
  191.       });
  192.       shadowRoot.append(styleElement19);
  193.  
  194.       const styleElement20 = Object.assign(document.createElement("STYLE"), {
  195.         textContent: `._h1_gfeel_1 {
  196.                       color: var(--lune-accent-light);
  197.                   }`,
  198.       });
  199.       shadowRoot.append(styleElement20);
  200.  
  201.       const styleElement21 = Object.assign(document.createElement("STYLE"), {
  202.         textContent: `._p_7k6zl_1._small_7k6zl_6 {
  203.                       color: var(--lune-accent);
  204.                   }`,
  205.       });
  206.       shadowRoot.append(styleElement21);
  207.  
  208.       const styleElement22 = Object.assign(document.createElement("STYLE"), {
  209.         textContent: `._button_eftbh_1._tertiary_eftbh_36 {
  210.                       color: var(--lune-accent);
  211.                   }`,
  212.       });
  213.       shadowRoot.append(styleElement22);
  214.  
  215.       const styleElement23 = Object.assign(document.createElement("STYLE"), {
  216.         textContent: `._neutral-500_128i6_721 {
  217.                       color: var(--lune-tertiary) !important;
  218.                   }`,
  219.       });
  220.       shadowRoot.append(styleElement23);
  221.  
  222.       const styleElement24 = Object.assign(document.createElement("STYLE"), {
  223.         textContent: `._button_eftbh_1._tertiary_eftbh_36:hover {
  224.                       background: var(--lune-tertiary);
  225.                   }`,
  226.       });
  227.       shadowRoot.append(styleElement24);
  228.  
  229.       const styleElement25 = Object.assign(document.createElement("STYLE"), {
  230.         textContent: `._line_18nkb_99 {
  231.                       background: var(--lune-primary);
  232.                   }`,
  233.       });
  234.       shadowRoot.append(styleElement25);
  235.  
  236.       const styleElement26 = Object.assign(document.createElement("STYLE"), {
  237.         textContent: `._button_eftbh_1._quaternary_eftbh_53 {
  238.                       color: var(--lune-accent);
  239.                       border: 1px solid var(--lune-primary)
  240.                   }`,
  241.       });
  242.       shadowRoot.append(styleElement26);
  243.  
  244.       const styleElement27 = Object.assign(document.createElement("STYLE"), {
  245.         textContent: `._text-sm_128i6_60 {
  246.                       color: var(--lune-accent);
  247.                   }`,
  248.       });
  249.       shadowRoot.append(styleElement27);
  250.  
  251.       const styleElement28 = Object.assign(document.createElement("STYLE"), {
  252.         textContent: `._base_1pfp4_1 {
  253.                       background: var(--lune-tertiary);
  254.                   }`,
  255.       });
  256.       shadowRoot.append(styleElement28);
  257.  
  258.       const styleElement29 = Object.assign(document.createElement("STYLE"), {
  259.         textContent: `._button_1pfp4_31:hover, ._base_1pfp4_1:hover {
  260.                       background: var(--lune-accent-alpha);
  261.                   }`,
  262.       });
  263.       shadowRoot.append(styleElement29);
  264.  
  265.       const styleElement30 = Object.assign(document.createElement("STYLE"), {
  266.         textContent: `._display_name_1pfp4_14 {
  267.                       color: var(--lune-accent);
  268.                   }`,
  269.       });
  270.       shadowRoot.append(styleElement30);
  271.  
  272.       const styleElement31 = Object.assign(document.createElement("STYLE"), {
  273.         textContent: `._base_4468k_1._online_4468k_11 {
  274.                       background: var(--lune-accent-light);
  275.                   }`,
  276.       });
  277.       shadowRoot.append(styleElement31);
  278.  
  279.       const styleElement32 = Object.assign(document.createElement("STYLE"), {
  280.         textContent: `._base_4468k_1._offline_4468k_15 {
  281.                       background: var(--lune-accent-dark);
  282.                   }`,
  283.       });
  284.       shadowRoot.append(styleElement32);
  285.  
  286.       const styleElement33 = Object.assign(document.createElement("STYLE"), {
  287.         textContent: `._middle_chat_18nkb_44::-webkit-scrollbar {
  288.                       background-color: var(--lune-secondary);
  289.                   }`,
  290.       });
  291.       shadowRoot.append(styleElement33);
  292.  
  293.       const styleElement34 = Object.assign(document.createElement("STYLE"), {
  294.         textContent: `._middle_chat_18nkb_44::-webkit-scrollbar-thumb {
  295.                       background: linear-gradient(180deg,var(--lune-accent) 9.35%,var(--lune-tertiary) 91.32%);
  296.                   }`,
  297.       });
  298.       shadowRoot.append(styleElement34);
  299.  
  300.       const styleElement35 = Object.assign(document.createElement("STYLE"), {
  301.         textContent: `._middle_chat_18nkb_44::-webkit-scrollbar-track {
  302.                       background-color: var(--lune-tertiary);
  303.                   }`,
  304.       });
  305.       shadowRoot.append(styleElement35);
  306.  
  307.       const styleElement36 = Object.assign(document.createElement("STYLE"), {
  308.         textContent: `._button_eftbh_1 {
  309.                       background: var(--lune-accent-alpha-alt2);
  310.                       border: 2px solid var(--lune-accent-alpha);
  311.                       color: var(--lune-accent);
  312.                   }`,
  313.       });
  314.       shadowRoot.append(styleElement36);
  315.  
  316.       const styleElement37 = Object.assign(document.createElement("STYLE"), {
  317.         textContent: `._button_eftbh_1:hover {
  318.                       background: var(--lune-accent-alpha);
  319.                       border: 2px solid var(--lune-accent-alpha-alt2);
  320.                   }`,
  321.       });
  322.       shadowRoot.append(styleElement37);
  323.  
  324.       const styleElement38 = Object.assign(document.createElement("STYLE"), {
  325.         textContent: `._button_1pfp4_31 {
  326.                       background: var(--lune-tertiary);
  327.                       border: 1px solid var(--lune-tertiary);
  328.                   }`,
  329.       });
  330.       shadowRoot.append(styleElement38);
  331.  
  332.       const styleElement39 = Object.assign(document.createElement("STYLE"), {
  333.         textContent: `._button_eftbh_1._quaternary_eftbh_53:hover {
  334.                       background: transparent;
  335.                       color: var(--lune-accent);
  336.                       border: 1px solid var(--lune-tertiary);
  337.                       fill: var(--lune-accent);
  338.                   }`,
  339.       });
  340.       shadowRoot.append(styleElement39);
  341.  
  342.       const styleElement40 = Object.assign(document.createElement("STYLE"), {
  343.         textContent: `._button_eftbh_1._quaternary_eftbh_53:focus {
  344.                       background: transparent;
  345.                       color: var(--lune-accent);
  346.                       border: 1px solid var(--lune-tertiary);
  347.                   }`,
  348.       });
  349.       shadowRoot.append(styleElement40);
  350.  
  351.       const styleElement41 = Object.assign(document.createElement("STYLE"), {
  352.         textContent: `._button_eftbh_1._quaternary_eftbh_53._quaternary_eftbh_53:hover path {
  353.                       fill: var(--lune-accent);
  354.                   }`,
  355.       });
  356.       shadowRoot.append(styleElement41);
  357.  
  358.       const styleElement42 = Object.assign(document.createElement("STYLE"), {
  359.         textContent: `._button_eftbh_1._quaternary_eftbh_53._quaternary_eftbh_53:focus path {
  360.                       fill: var(--lune-accent);
  361.                   }`,
  362.       });
  363.       shadowRoot.append(styleElement42);
  364.  
  365.       const styleElement43 = Object.assign(document.createElement("STYLE"), {
  366.         textContent: `._container_k54cr_1:hover {
  367.                       border-color: var(--lune-tertiary);
  368.                   }`,
  369.       });
  370.       shadowRoot.append(styleElement43);
  371.  
  372.       const styleElement44 = Object.assign(document.createElement("STYLE"), {
  373.         textContent: `._base_1oq08_1 {
  374.                       color: var(--lune-accent);
  375.                   }`,
  376.       });
  377.       shadowRoot.append(styleElement44);
  378.  
  379.       const styleElement45 = Object.assign(document.createElement("STYLE"), {
  380.         textContent: `._middle_18nkb_19 {
  381.                       background-color: transparent;
  382.                   }`,
  383.       });
  384.       shadowRoot.append(styleElement45);
  385.  
  386.       const styleElement46 = Object.assign(document.createElement("STYLE"), {
  387.         textContent: `._display_name_1cunu_13 {
  388.                       color: var(--lune-accent);
  389.                   }`,
  390.       });
  391.       shadowRoot.append(styleElement46);
  392.  
  393.       const styleElement47 = Object.assign(document.createElement("STYLE"), {
  394.         textContent: `._message_1cunu_29 {
  395.                       color: var(--lune-accent-light);
  396.                   }`,
  397.       });
  398.       shadowRoot.append(styleElement47);
  399.  
  400.       const styleElement48 = Object.assign(document.createElement("STYLE"), {
  401.         textContent: `._base_10uj4_1 {
  402.                       background: var(--lune-secondary);
  403.                       border: 2px solid var(--lune-primary);
  404.                   }`,
  405.       });
  406.       shadowRoot.append(styleElement48);
  407.  
  408.       const styleElement49 = Object.assign(document.createElement("STYLE"), {
  409.         textContent: `._base_fzk0m_1._warning_fzk0m_14 {
  410.                       background: var(--lune-accent-alpha-alt2);
  411.                       border: 10px solid var(--lune-accent-alpha);
  412.                   }`,
  413.       });
  414.       shadowRoot.append(styleElement49);
  415.  
  416.       const styleElement50 = Object.assign(document.createElement("STYLE"), {
  417.         textContent: `._h1_wlk5u_1 {
  418.                       color: var(--lune-accent);
  419.                   }`,
  420.       });
  421.       shadowRoot.append(styleElement50);
  422.  
  423.       const styleElement51 = Object.assign(document.createElement("STYLE"), {
  424.         textContent: `_p_1hyge_1 _small_1hyge_18 {
  425.                       color: var(--lune-accent-light);
  426.                   }`,
  427.       });
  428.       shadowRoot.append(styleElement51);
  429.  
  430.       const styleElement52 = Object.assign(document.createElement("STYLE"), {
  431.         textContent: `._button_eftbh_1._secondary_eftbh_27 {
  432.                       background: var(--lune-accent-alpha-alt2);
  433.                       border: 2px solid var(--lune-accent-alpha);
  434.                       color: var(--lune-accent);
  435.                   }`,
  436.       });
  437.       shadowRoot.append(styleElement52);
  438.  
  439.       const styleElement53 = Object.assign(document.createElement("STYLE"), {
  440.         textContent: `._base_10uj4_1 {
  441.                       background: var(--lune-secondary);
  442.                       border: 2px solid var(--lune-primary);
  443.                   }`,
  444.       });
  445.       shadowRoot.append(styleElement53);
  446.  
  447.       const styleElement54 = Object.assign(document.createElement("STYLE"), {
  448.         textContent: `._base_fzk0m_1._info_fzk0m_27 {
  449.                       background: var(--lune-accent-alpha-alt2);
  450.                       border: 10px solid var(--lune-accent-alpha);
  451.                   }`,
  452.       });
  453.       shadowRoot.append(styleElement54);
  454.  
  455.       const styleElement55 = Object.assign(document.createElement("STYLE"), {
  456.         textContent: `._h1_wlk5u_1 {
  457.                       color: var(--lune-accent);
  458.                   }`,
  459.       });
  460.       shadowRoot.append(styleElement55);
  461.  
  462.       const styleElement56 = Object.assign(document.createElement("STYLE"), {
  463.         textContent: `._p_1hyge_1._small_1hyge_18 {
  464.                       color: var(--lune-accent-light);
  465.                   }`,
  466.       });
  467.       shadowRoot.append(styleElement56);
  468.  
  469.       const styleElement57 = Object.assign(document.createElement("STYLE"), {
  470.         textContent: `._button_eftbh_1._secondary_eftbh_27:hover {
  471.                       background: var(--lune-accent-alpha);
  472.                       border: 2px solid var(--lune-accent-alpha-alt2);
  473.                   }`,
  474.       });
  475.       shadowRoot.append(styleElement57);
  476.  
  477.       const styleElement58 = Object.assign(document.createElement("STYLE"), {
  478.         textContent: `._base_h9f2n_1 {
  479.                       background-color: var(--lune-secondary);
  480.                       border: 2px solid var(--lune-tertiary);
  481.                   }`,
  482.       });
  483.       shadowRoot.append(styleElement58);
  484.  
  485.       const styleElement59 = Object.assign(document.createElement("STYLE"), {
  486.         textContent: `._base_vq53y_1 {
  487.                       background-color: var(--lune-tertiary);
  488.                   }`,
  489.       });
  490.       shadowRoot.append(styleElement59);
  491.  
  492.       const styleElement60 = Object.assign(document.createElement("STYLE"), {
  493.         textContent: `._base_1p6ux_1 ._username_1p6ux_54, ._base_1p6ux_1 ._website_1p6ux_55 {
  494.                       color: var(--lune-accent);
  495.                   }`,
  496.       });
  497.       shadowRoot.append(styleElement60);
  498.  
  499.       const styleElement61 = Object.assign(document.createElement("STYLE"), {
  500.         textContent: `._base_1p6ux_1 ._action_1p6ux_70 {
  501.                       color: var(--lune-accent-light);
  502.                   }`,
  503.       });
  504.       shadowRoot.append(styleElement61);
  505.  
  506.       const styleElement62 = Object.assign(document.createElement("STYLE"), {
  507.         textContent: `._base_1p6ux_1 ._title_1p6ux_4 {
  508.                       color: var(--lune-accent);
  509.                   }`,
  510.       });
  511.       shadowRoot.append(styleElement62);
  512.  
  513.       const styleElement63 = Object.assign(document.createElement("STYLE"), {
  514.         textContent: `._base_1p6ux_1 ._subtitle_1p6ux_18 {
  515.                       color: var(--lune-accent-light);
  516.                   }`,
  517.       });
  518.       shadowRoot.append(styleElement63);
  519.  
  520.       const styleElement64 = Object.assign(document.createElement("STYLE"), {
  521.         textContent: `._base_1p6ux_1 ._link_1p6ux_33 {
  522.                       color: var(--lune-accent-dark);
  523.                   }`,
  524.       });
  525.       shadowRoot.append(styleElement64);
  526.  
  527.       const styleElement65 = Object.assign(document.createElement("STYLE"), {
  528.         textContent: `._base_1blj3_1._secondary_1blj3_51 {
  529.                       background: var(--lune-accent-alpha);
  530.                       border-color: var(--lune-accent-alpha-alt);
  531.                       color: var(--lune-accent);
  532.                   }`,
  533.       });
  534.       shadowRoot.append(styleElement65);
  535.  
  536.       const styleElement66 = Object.assign(document.createElement("STYLE"), {
  537.         textContent: `._middle_18nkb_19::-webkit-scrollbar {
  538.                       background-color: var(--lune-secondary);
  539.                   }`,
  540.       });
  541.       shadowRoot.append(styleElement66);
  542.  
  543.       const styleElement67 = Object.assign(document.createElement("STYLE"), {
  544.         textContent: `._middle_18nkb_19::-webkit-scrollbar-thumb {
  545.                       background: linear-gradient(180deg,var(--lune-accent) 9.35%,var(--lune-tertiary) 91.32%);
  546.                   }`,
  547.       });
  548.       shadowRoot.append(styleElement67);
  549.  
  550.       const styleElement68 = Object.assign(document.createElement("STYLE"), {
  551.         textContent: `._middle_18nkb_19::-webkit-scrollbar-track {
  552.                       background-color: var(--lune-tertiary);
  553.                   }`,
  554.       });
  555.       shadowRoot.append(styleElement68);
  556.  
  557.       const styleElement69 = Object.assign(document.createElement("STYLE"), {
  558.         textContent: `._notif_1htaw_79 {
  559.                       background-color: var(--lune-accent);
  560.                   }`,
  561.       });
  562.       shadowRoot.append(styleElement69);
  563.  
  564.       const styleElement70 = Object.assign(document.createElement("STYLE"), {
  565.         textContent: `@keyframes _pulse_1htaw_1 {
  566.                       0% {
  567.                         box-shadow: 0 0 var(--lune-accent-alpha);
  568.                       }
  569.                       70% {
  570.                         box-shadow: 0 0 0 10px var(--lune-accent-alpha-alt);
  571.                       }
  572.                       100% {
  573.                         box-shadow: 0 0 var(--lune-accent-alpha-alt2);
  574.                       }
  575.                   }`,
  576.       });
  577.       shadowRoot.append(styleElement70);
  578.  
  579.       const styleElement71 = Object.assign(document.createElement("STYLE"), {
  580.         textContent: `._success_container_mdpvo_131 {
  581.                       background: var(--lune-accent-alpha-alt);
  582.                   }`,
  583.       });
  584.       shadowRoot.append(styleElement71);
  585.  
  586.       const styleElement72 = Object.assign(document.createElement("STYLE"), {
  587.         textContent: `._neutral-800_128i6_730 {
  588.                       color: var(--lune-accent);
  589.                   }`,
  590.       });
  591.       shadowRoot.append(styleElement72);
  592.  
  593.       const styleElement73 = Object.assign(document.createElement("STYLE"), {
  594.         textContent: `._base_1d537_1 {
  595.                       color: var(--lune-accent);
  596.                   }`,
  597.       });
  598.       shadowRoot.append(styleElement73);
  599.  
  600.       const styleElement74 = Object.assign(document.createElement("STYLE"), {
  601.         textContent: `._new_chat_indicator_18nkb_142 {
  602.                       background-color: var(--lune-accent-alpha);
  603.                       color: var(--lune-accent-dark);
  604.                       border: 2px solid var(--lune-accent-alpha);
  605.                   }`,
  606.       });
  607.       shadowRoot.append(styleElement74);
  608.  
  609.       const styleElement75 = Object.assign(document.createElement("STYLE"), {
  610.         textContent: `._base_lt12z_1 {
  611.                       color: var(--lune-accent);
  612.                   }`,
  613.       });
  614.       shadowRoot.append(styleElement75);
  615.  
  616.         const observer = new MutationObserver(() => {
  617.             const lune = moonbouncePortal.querySelectorAll("._base_15xaj_1._small_15xaj_22, ._base_irauo_1, ._display_name_1cunu_13, ._display_name_1pfp4_14, ._base_1p6ux_1 ._username_1p6ux_54, ._base_1p6ux_1 ._website_1p6ux_55");
  618.             lune.forEach(node => {
  619.                 if (node.textContent.includes("lunebounce :3")) {
  620.                     node.style.backgroundImage = "url('https://i.ibb.co/47v9bVs/U0hpDMb.gif')";
  621.                     node.style.textShadow = "0 0 1px #fff, 0 0 3px #aef0ff, 0 0 5px #aef0ff, 0 0 8px #aef0ff, 0 0 10px #aef0ff, 0 0 12px #aef0ff";
  622.                     node.style.webkitTextFillColor = "transparent";
  623.                 }
  624.             });
  625.  
  626.             const lune2 = shadowRoot.querySelectorAll(":not(iframe):not(script)");
  627.             lune2.forEach(node => {
  628.                 if (node.textContent.includes("lunebounce :3")) {
  629.                 }
  630.             });
  631.  
  632.             const lune3 = webApp.querySelectorAll("._neutral-700_128i6_727, ._base_irauo_1");
  633.             lune3.forEach(node => {
  634.                 if (node.textContent.includes("lunebounce :3")) {
  635.                     node.style.backgroundImage = "url('https://i.ibb.co/47v9bVs/U0hpDMb.gif')";
  636.                     node.style.textShadow = "0 0 1px #fff, 0 0 3px #aef0ff, 0 0 5px #aef0ff, 0 0 8px #aef0ff, 0 0 10px #aef0ff, 0 0 12px #aef0ff";
  637.                     node.style.webkitTextFillColor = "transparent";
  638.                 }
  639.             });
  640.  
  641.             const oraithe = moonbouncePortal.querySelectorAll("._base_15xaj_1._small_15xaj_22, ._base_irauo_1, ._display_name_1cunu_13, ._display_name_1pfp4_14, ._base_1p6ux_1 ._username_1p6ux_54, ._base_1p6ux_1 ._website_1p6ux_55");
  642.             oraithe.forEach(node => {
  643.                 if (node.textContent.includes("Óraithe")) {
  644.                     node.style.background = "-webkit-linear-gradient(left, #F37607, #07DAF3)";
  645.                     node.style.webkitBackgroundClip = "text";
  646.                     node.style.webkitTextFillColor = "transparent";
  647.                 }
  648.             });
  649.  
  650.             const oraithe2 = shadowRoot.querySelectorAll(":not(iframe):not(script)");
  651.             oraithe2.forEach(node => {
  652.                 if (node.textContent.includes("Óraithe")) {
  653.                 }
  654.             });
  655.  
  656.             const oriathe3 = webApp.querySelectorAll("._neutral-700_128i6_727, ._base_irauo_1");
  657.             oriathe3.forEach(node => {
  658.                 if (node.textContent.includes("Óraithe")) {
  659.                     node.style.background = "-webkit-linear-gradient(left, #F37607, #07DAF3)";
  660.                     node.style.webkitBackgroundClip = "text";
  661.                     node.style.webkitTextFillColor = "transparent";
  662.                 }
  663.             });
  664.  
  665.             const wyv = moonbouncePortal.querySelectorAll("._base_15xaj_1._small_15xaj_22, ._base_irauo_1, ._display_name_1cunu_13, ._display_name_1pfp4_14, ._base_1p6ux_1 ._username_1p6ux_54, ._base_1p6ux_1 ._website_1p6ux_55");
  666.             wyv.forEach(node => {
  667.                 if (node.textContent.includes("wyv")) {
  668.                     node.style.background = "-webkit-radial-gradient(center, #000, #000)";
  669.                     node.style.textShadow = "0 0 15px #000, 0 0 18px #000, 0 0 21px #000";
  670.                     node.style.webkitBackgroundClip = "text";
  671.                     node.style.webkitTextFillColor = "transparent";
  672.                 }
  673.             });
  674.  
  675.             const wyv2 = shadowRoot.querySelectorAll(":not(iframe):not(script)");
  676.             wyv2.forEach(node => {
  677.                 if (node.textContent.includes("wyv")) {
  678.                 }
  679.             });
  680.  
  681.             const wyv3 = webApp.querySelectorAll("._neutral-700_128i6_727, ._base_irauo_1");
  682.             wyv3.forEach(node => {
  683.                 if (node.textContent.includes("wyv")) {
  684.                     node.style.background = "-webkit-radial-gradient(center, #000, #000)";
  685.                     node.style.textShadow = "0 0 15px #000, 0 0 18px #000, 0 0 21px #000";
  686.                     node.style.webkitBackgroundClip = "text";
  687.                     node.style.webkitTextFillColor = "transparent";
  688.                 }
  689.             });
  690.  
  691.         });
  692.  
  693.         observer.observe(moonbouncePortal, { childList: true, subtree: true });
  694.  
  695.     }
  696.  
  697.     async function runner() {
  698.       const timeStart = performance.now();
  699.       //console.log("%cAttempting to load shadow-root...", "background: #44515a; color: #aef0ff; font-size: x-large");
  700.       let exists = checkPresence();
  701.       if (!exists) return setTimeout(runner, 500);
  702.       const timeEnd = performance.now();
  703.       //console.log("%cShadow-root took " + (timeEnd - timeStart) + "ms to load.", "background: #44515a; color: #aef0ff; font-size: x-large");
  704.  
  705.       // inject css
  706.       //console.log("%cInjecting CSS...", "background: #44515a; color: #aef0ff; font-size: x-large");
  707.       injectCSS();
  708.       //console.log("%cCSS injected.", "background: #44515a; color: #aef0ff; font-size: x-large");
  709.       setTimeout(() => console.log("%c((made with <3 by lune))", "background: #44515a; color: #aef0ff; font-size: x-large; font-style: italic"), 1200);
  710.     }
  711.  
  712.     runner();
  713.   })();