From bd50ee092396df6b90421c7fbfd05c54339474ed Mon Sep 17 00:00:00 2001
From: Edward Nguyen <59478113+rum1337@users.noreply.github.com>
Date: Sun, 15 Jan 2023 21:38:30 +0700
Subject: [PATCH] Add files via upload

---
 rumi.js        |  43 ++++++++++
 rumi.theme.css | 224 +++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 267 insertions(+)
 create mode 100644 rumi.js
 create mode 100644 rumi.theme.css

diff --git a/rumi.js b/rumi.js
new file mode 100644
index 0000000..c1f2a23
--- /dev/null
+++ b/rumi.js
@@ -0,0 +1,43 @@
+/*
+  rumi.js
+  15/1/2023
+  Miyasaki Rumi
+  https://www.facebook.com/d347hcl1ck/
+*/
+
+function insertCss(css) {
+  const style = document.createElement("style");
+  style.textContent = css;
+  document.body.append(style);
+}
+
+window.addEventListener("DOMContentLoaded", () => {
+  insertCss(require("rumi.theme.css"));
+});
+
+window.addEventListener('load', () => {
+  // Wait for viewport root
+  const interval = setInterval(() => {
+      const manager = document.getElementById('rcp-fe-viewport-root')
+      if (manager) {
+          clearInterval(interval)
+          new MutationObserver(mutations => {
+            document.querySelector('.regalia-loaded').shadowRoot.querySelector('.regalia-profile-banner-backdrop.regalia-banner-loaded').setAttribute('style', 'opacity: 0.5; filter: grayscale(100%) brightness(3);');
+            const socialChatGroup = document.querySelectorAll('.group-header');
+            for (let i = 0; i < socialChatGroup.length; i++) {
+              socialChatGroup[i].setAttribute('style', 'background: rgba(0,0,0,0); color: dimgray;');
+            }
+            const member_name = document.querySelectorAll('.member-name');
+            for (let j = 0; j < member_name.length; j++) {
+              member_name[j].setAttribute('style', 'color: dimgray;');
+            }
+          }).observe(manager, {
+              childList: true,
+              subtree: true
+          })
+      }
+  }, 500)
+})
+
+console.clear();
+console.log("Injected!");
\ No newline at end of file
diff --git a/rumi.theme.css b/rumi.theme.css
new file mode 100644
index 0000000..8ec4ff0
--- /dev/null
+++ b/rumi.theme.css
@@ -0,0 +1,224 @@
+/*
+  rumi.theme.css
+  15/1/2023
+  Miyasaki Rumi
+  https://www.facebook.com/d347hcl1ck/
+*/
+
+.league-client-logo {
+    display: none !important;
+ }
+ 
+ .basic-button {
+     position: absolute;
+     top: 10px;
+     width: 122px;
+     height: 38px;
+     padding: 7px 0;
+     cursor: default;
+     pointer-events: none;
+ }
+ 
+ .play-button-container {
+  width: 100%;
+  height: 100%;
+  display: inline-block;
+  padding: 10px;
+  border: 1px solid #4f4f4f;
+  border-radius: 4px;
+  transition: all 0.2s ease-in;
+  position: relative;
+  overflow: hidden;
+  font-size: 19px;
+  color: black;
+  z-index: 1;
+ }
+ 
+ .play-button-container:before {
+  content: "";
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%) scaleY(1) scaleX(1.25);
+  top: 100%;
+  width: 140%;
+  height: 180%;
+  background-color: rgba(0, 0, 0, 0.05);
+  border-radius: 50%;
+  display: block;
+  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
+  z-index: -1;
+ }
+ 
+ .play-button-container:after {
+  content: "";
+  position: absolute;
+  left: 55%;
+  transform: translateX(-50%) scaleY(1) scaleX(1.45);
+  top: 180%;
+  width: 160%;
+  height: 190%;
+  background-color: #39bda7;
+  border-radius: 50%;
+  display: block;
+  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
+  z-index: -1;
+ }
+ 
+ .play-button-container:hover {
+  color: #ffffff;
+  border: 1px solid #39bda7;
+ }
+ 
+ .play-button-container:hover:before {
+  top: -35%;
+  background-color: #39bda7;
+  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
+ }
+ 
+ .play-button-container:hover:after {
+  top: -45%;
+  background-color: #39bda7;
+  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
+ }
+ 
+ .play-button-container:active {
+  box-shadow: 0 0 0.6em .25em var(--glow-color),
+         0 0 2.5em 2em var(--glow-spread-color),
+         inset 0 0 .5em .25em var(--glow-color);
+ }
+ 
+ .play-button-content {
+    width: unset !important;
+    left: unset !important;
+ }
+ 
+ .play-button-text {
+    width: unset !important;
+ }
+ 
+ .play-button-container:hover {
+    background-color: rgba(59, 59, 59, 0.719);
+ }
+ 
+ .play-button-container,
+ .play-button-frame {
+    background-image: none !important;
+ }
+ 
+ .loot-backdrop.background-static {
+    background-image: none;
+ }
+ 
+ .loot-backdrop .lol-uikit-video-content{ 
+      display: none;
+  }
+ 
+ .lol-social-sidebar {
+     width: 100%;
+     height: 100%;
+     position: relative;
+     display: flex;
+     flex-direction: column;
+     font-size: 12px;
+     cursor: default;
+     -webkit-user-drag: none;
+     -webkit-user-select: none;
+     background-color: transparent !important;
+     background: transparent;
+ }
+
+ .collections-application {
+     background-image: url('https://rawcdn.githack.com/rum1337/aaaaa/8396b25d39170ac978105f55e48e2dd704c74f2d/017d0296-35e2-11ed-a525-0242c0a88002.jpg') !important;
+     background-position: center;
+     background-repeat: no-repeat;
+     background-size: cover;
+ }
+ 
+ .parties-view .parties-background {
+    opacity: 0;
+ }
+ 
+ #rcp-fe-viewport-root {
+    background-image: url('https://rawcdn.githack.com/rum1337/aaaaa/8396b25d39170ac978105f55e48e2dd704c74f2d/017d0296-35e2-11ed-a525-0242c0a88002.jpg') !important;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+ }
+ 
+ .rcp-fe-viewport-sidebar {
+     background: rgba(0, 0, 0, 0) !important;
+ }
+ 
+ #rcp-fe-viewport-root > .rcp-fe-viewport-full-screen {
+     background-color: transparent;
+     position: absolute;
+     top: 0;
+     left: 0;
+     width: 100%;
+     height: 100%;
+     pointer-events: none;
+     -webkit-user-select: none;
+     box-shadow: inset 0px 0px 40px rgba(255, 255, 255, 0.2);
+ }
+ 
+ .currency-be-icon-container {
+   
+     filter: brightness(0) invert(1)!important;
+ }
+ 
+ .currency-rp {
+     filter: brightness(0) invert(1)!important;
+ }
+ 
+ .main-navigation-menu-item {
+     min-width: 40px;
+     height: 100%;
+     pointer-events: auto;
+     position: relative;
+     --disabled-color: rgba(240,230,210,0.5);
+     filter: brightness(0) invert(1)!important;
+ }
+ 
+ .style-profile-sub-nav {
+     filter: brightness(0) invert(1)!important;
+ }
+ .style-profile-skin-picker-button {
+     filter: grayscale(100%) brightness(1);
+ }
+ 
+ .ticker-button {
+     filter: grayscale(100%) brightness(1);
+ }
+ 
+ .loot-currency-container {
+     filter: grayscale(100%) brightness(2);
+ }
+ 
+ .rcp-fe-lol-profiles-main > .component-factory-application > .ember-view > .style-profile-backdrop-component.ember-view > .style-profile-backdrop-container > .style-profile-masked-image {
+     display: none;
+ }
+ 
+ .loot-contents,
+ .parties-content, {
+     background-color: rgba(22, 22, 22, 0.626) !important;
+     transition: all 0.2s ease-in-out !important;
+ }
+ 
+ .custom-game-teams {
+    background-color: rgba(0, 0, 0, 0.8);
+    padding: 1rem;
+    border-radius: 10px;
+ }
+ 
+ lol-uikit-flat-input input[type="search"] {
+    line-height: 15px;
+    padding-left: 24px;
+    background: no-repeat 5px center/16px
+      url("/fe/lol-static-assets/images/uikit/magnifying-glass-icon.png")
+      rgba(0, 0, 0, 0);
+  }
+
+ .vng-age-rating {
+     display: none !important;
+ }
+ 
\ No newline at end of file