diff --git a/src/index.ts b/src/index.ts index 8c2e16d..0a53b51 100644 --- a/src/index.ts +++ b/src/index.ts @@ -84,8 +84,12 @@ class ElainaTheme { // Load plugins // Custom BE, RP const customBeRp = new CustomBeRp() - if (window.DataStore.get("Custom_RP")) customBeRp.RP() - if (window.DataStore.get("Custom_BE")) customBeRp.BE() + if (window.DataStore.get("Custom_RP")) { + window.setInterval(() => { customBeRp.RP() } + ), 300} + if (window.DataStore.get("Custom_BE")) { + window.setInterval(() => { customBeRp.BE() } + ), 300} // Auto Accept const autoAccept = new AutoAccept() diff --git a/src/src/assets/styles/components/loothelper.css b/src/src/assets/styles/components/loothelper.css index af90e23..534843c 100644 --- a/src/src/assets/styles/components/loothelper.css +++ b/src/src/assets/styles/components/loothelper.css @@ -1,5 +1,4 @@ .blue-essence-button-container { - height: 100%; margin-top: 10px; position: relative; width: 40px; @@ -26,7 +25,6 @@ } .refresh-button-container { - height: 100%; margin-top: 10px; position: relative; width: 40px; @@ -53,7 +51,6 @@ } .open-chests-button-container { - height: 100%; margin-top: 10px; position: relative; width: 40px; diff --git a/src/src/assets/styles/themes/elaina.css b/src/src/assets/styles/themes/elaina.css index 9d1267f..b7b307b 100644 --- a/src/src/assets/styles/themes/elaina.css +++ b/src/src/assets/styles/themes/elaina.css @@ -1,238 +1,63 @@ /* By Elaina Da Catto */ /* Meow~~~ */ - +@import url("./rcp-fe-lol-clash-full.css"); +@import url("./rcp-fe-lol-event-hub.css"); +@import url("./rcp-fe-lol-loot.css"); +@import url("./rcp-fe-lol-navigation-screen.css"); +@import url("./rcp-fe-lol-parties.css"); +@import url("./rcp-fe-lol-postgame.css"); +@import url("./rcp-fe-lol-profiles-main.css"); +@import url("./rcp-fe-viewport-sidebar.css"); +@import url("./theme-background-controllers.css"); +@import url("./theme-elaina-trigger.css"); +@import url("./theme-settings.css"); +@import url("./theme-update-message.css"); +@import url("./theme-wallpapers.css"); /*_________________________________________________________________________________________________________________________________*/ :root { - --font-display: 'Custom', 'LoL Display', 'Elaina', 'Times New Roman', Times, Baskerville, Georgia, serif !important; --font-body: 'Custom', 'LoL Body', 'Elaina', Arial, 'Helvetica Neue', Helvetica, sans-serif !important; - - --social-sidebar-bg-color: linear-gradient(rgb(6 6 6), rgb(0 0 0 / 25%)); - --social-sidebar-bg-color-friendslist-hide: transparent; - - --Settings-and-Dialog-frame-color: rgb(0 0 0 / 15%); } /*_________________________________________________________________________________________________________________________________*/ -.color-picker-container { - display: flex; - align-items: center; - margin-bottom: 5px; -} - -.color-picker-container input[type="color"] { - margin-right: 5px; -} - -#add-color-button-container { - margin-top: 10px; -} - - -#gradient-colors-container { - display: flex; - flex-direction: column; - gap: 10px; -} - -#gradient-colors { - display: flex; - flex-direction: row; - flex-wrap: wrap; - gap: 10px; -} - -.volume-slider-container { - position: absolute; - bottom: 70px; - left: -4px; - display: none; - width: 38px; - height: 150px; - background: rgba(0, 0, 0, 0.5); - border-radius: 10px; - padding: 5px; - box-sizing: border-box; - z-index: 1000; - display: flex; - flex-direction: column; - align-items: center; -} - -.volume-slider { - appearance: none; - width: 100px; - height: 10px; - background: #dedede4a; - transform: rotate(-90deg); - margin-top: 50px; -} - -.volume-slider::-webkit-slider-thumb { - appearance: none; - width: 20px; - height: 20px; - background: #cdbe91; - cursor: pointer; - border-radius: 50%; -} - -.mute-unmute-button { - margin-top: 50px; -} - -.mute-unmute-icon { - width: 20px; - height: 20px; - cursor: pointer; -} /*_________________________________________________________________________________________________________________________________*/ -@keyframes answerdiv { - 0% { - right: 100px; - background-color: transparent; - border: 2px solid transparent;} - - 100% { - right: 221px; - background-color: rgb(19, 15, 15); - border: 2px solid #8c8263;} -} - -@keyframes answer { - 0% {color: transparent;} - 100% {color: #cdbe91;} -} - html { overflow: hidden !important; } -.loot-backdrop { - height: 720px !important; -} - -.rcp-fe-lol-navigation.main-nav-bar { - height: 76px !important; -} - -.event-shop-index-header { - box-shadow: none !important; +iframe html { + background: transparent!important; } -.availability-icon { - position: relative!important; +iframe .bg-cover { + opacity:0!important } .uikit-background-switcher .lol-uikit-background-switcher-image.transition.fade { animation: unset!important } -lol-social-avatar[ref='iconElement'], .lol-social-identity.ember-view > .details { - z-index: 1 !important; -} - .stats-backdrop { opacity: 0.3!important; mix-blend-mode: difference !important; } -iframe html { - background: transparent!important; -} - -.lol-social-sidebar.ember-view { - background: transparent!important -} - -.parties-invite-info-panel.ember-view { - background: transparent !important; -} - -.postgame-champion-background-wrapper { - background: transparent !important; -} - -.postgame-champion-background-mask { - background: transparent !important; -} - -.v2-parties-invite-info-panel { - background: transparent !important; -} - -iframe .bg-cover { - opacity:0!important -} - #rcp-fe-lol-home-error { display: none!important } -.parties-background.ember-view .lol-uikit-background-switcher-image { - display: none !important; -} - #background-ambient { display: none !important; } -.vng-age-rating.ember-view { - display: none !important; -} - -.clash-aram-intro-modal { - display: none !important; -} - -.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 !important; -} - .ranked-intro-background { display: none !important; } -.postgame-background-image { - display: none !important; -} - -.friend-header { - display: none !important; -} - -.loading-content div > div > .loading-text { - display: none !important; -} - -.postgame-champion-background { - display: none !important; -} - -.event-shop-token-shop-details { - display: none !important; -} - -.event-shop-page-header-vertical-divider{ - display: none !important; -} - -.event-shop-token-shop-name { - display: none !important; -} - -.style-profile-ranked-reference-modal-button { - display: none !important; -} - -.style-profile-honor-component.ember-view > .style-profile-emblem-wrapper > .style-profile-emblem-header > .style-profile-emblem-header-subtitle { - display: none !important; -} - .store-backdrop { background-image: unset !important; } @@ -250,15 +75,6 @@ iframe .bg-cover { background-image: none!important } -.clash-aram-intro-modal { - background-image: none!important; - background-color: transparent!important -} - -.clash-tab-team-background, .clash-tab-bracket-background, .tournament-scouting, .clash-missed-lockin-modal, .clash-root-background-landing, .clash-root-background { - background-image: none !important; -} - .yourshop-root { background-image: none !important; } @@ -271,14 +87,6 @@ div > div > .rcp-fe-lol-tft-application-background { background-image: none !important; } -.rcp-fe-lol-event-shop-application { - background-image: none !important; -} - -.lobby-header-overlay { - background: unset!important -} - .item-page-items-container-wrapper.purchase-history-page-content-wrapper { background: unset !important; } @@ -287,46 +95,6 @@ div > div > .rcp-fe-lol-tft-application-background { background-color: transparent!important; } -.loot-backdrop.background-static { - background: none !important; -} - -.event-shop-progression { - background: none !important; - box-shadow: none !important; -} - -.event-shop-token-shop-header { - background: none !important; - border: none !important; - box-shadow: none !important; - backdrop-filter: none !important; -} - -.event-shop-page-header { - background: none !important; - border-bottom: none !important; - margin: 10px !important; -} - -.event-shop-category-nav-bar { - background: none !important; - border-right: none !important; -} - -.social-identity-block > .name { - margin-left: 4px !important; -} - -.social-identity-block > .lower-details, .social-identity-block > .lower-details > lol-social-availability-hitbox { - margin-left: 2px !important; -} - -.identity-icon.social-avatar-hit { - margin-right: 7px !important; -} - -/* Colors */ .menu-item-icon { background-color: #fff1f1!important; color: #fff1f1!important; @@ -336,66 +104,11 @@ div > div > .rcp-fe-lol-tft-application-background { color: #fff1f1!important; } -.summoner-level { - color:#ffe8a5!important -} - -.alpha-tag { - color:#ffffffc9!important; -} - -lol-social-roster-member .offline .member-name { - color:#9a9696!important -} - -.parties-game-search-info { - color:#000000!important -} - -.parties-game-search-elapsed { - color: white!important; - text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black !important; -} - .challenge-banner-title-container { color: #f3d3d3 !important; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black !important; } -.event-shop-offer-card { - background-color: #010a1378 !important; -} - -.style-profile-emblem-subheader-ranked > div { - color: #cdbe91 !important; -} - -.friend-requests { - background:rgb(66, 63, 53)!important -} - -.navigation-root-component.ember-view { - background: linear-gradient(rgb(0 0 0), rgb(0 0 0 / 24%))!important; - height: 77px !important; -} - -.alpha-version-panel { - background: linear-gradient(rgba(0, 0, 0, 0), rgba(38, 78, 52, 0))!important; - border-top: thin solid #1e282d00 !important; -} - -.availability-icon.chat { - background: #09a646 !important; -} - -.filled.xp-ring { - background: linear-gradient(rgb(255 236 236), rgb(87 103 105 / 48%)) !important; -} - -.parties-background { - background: linear-gradient(to bottom, rgb(255 255 255 / 26%) 0%, rgba(0,0,0,0) 50%, rgb(90 27 62 / 20%) 100%) !important; -} - .collections-application { background: rgba(0, 0, 0, 0)!important; } @@ -412,31 +125,11 @@ lol-social-roster-member .offline .member-name { background: #000000b0 !important; } -.event-shop-token-shop-balance { - background: #000000a6; - padding: 10px; - margin-left: 741px; - width: 160px; - border: 1px solid transparent; - border-radius: 14px; -} - -.parties-game-section.use-animation > .parties-game-info-panel-bg-container > video { - filter: saturate(0.5) brightness(1) invert(1) hue-rotate(27deg) !important; -} - -.parties-status-card-bg-container video { - filter: saturate(0.5) brightness(1) invert(1) hue-rotate(27deg) !important; -} - -.parties-status-member-icons > .parties-status-member-joined { - filter: grayscale(1) saturate(0) brightness(0.5) !important; -} - -#elaina-bg:has(+ #rcp-fe-viewport-root .parties-background) { - filter: brightness(0.4) !important; +lol-uikit-navigation-item > .section::after { + background-image: linear-gradient(0deg, rgb(210 195 149 / 32%) 0%, rgb(0 0 0 / 10%) 55%); } +/* Champions select */ .champion-select .timer-status::before { filter: contrast(0) brightness(1) !important; } @@ -444,50 +137,16 @@ lol-social-roster-member .offline .member-name { .champion-select .action-button-container::after { filter: sepia(1) !important; } - -:host .parties-status-card.open { - filter: hue-rotate(240deg) !important; -} - -lol-uikit-navigation-item > .section::after { - background-image: linear-gradient(0deg, rgb(210 195 149 / 32%) 0%, rgb(0 0 0 / 10%) 55%); -} - -div[data-screen-name="rcp-fe-lol-navigation-screen"] { - border-top: 1.8px solid #785a28 !important; -} - -.deep-links-promo { - display: none !important; -} -/*_________________________________________________________________________________________________________________________________*/ - - - - -/*_________________________________________________________________________________________________________________________________*/ - -#elaina-bg { - width:100%; - height: 100%; - position: absolute; - pointer-events: none; - transition: opacity 0.5s ease-in-out; - opacity: 1; - filter: brightness(0.8); - border-top: 2px solid #000000; -} - -#elaina-static-bg { - width:100%; +/* Dodge button */ +.dodge-button-container { position: absolute; - pointer-events: none; - transition: opacity 0.5s ease-in-out; - opacity: 1; - filter: brightness(0.8); - border-top: 2px solid #000000; + right: 20px; + bottom: 19px; + display: flex; + align-items: flex-end } +/* Loading screen */ .lol-loading-screen-container.lol-loading-screen-default-state { backdrop-filter: blur(20px) brightness(0.7); background: #0000004f!important; @@ -498,987 +157,8 @@ div[data-screen-name="rcp-fe-lol-navigation-screen"] { top: 8px !important; } - - -#pause-bg { - position: relative !important; - width: 21px !important; - height: 21px !important; - margin-left: 7px; - margin-top: 4px; - border: 2px solid #8c8263 !important; - border-radius: 50% !important; - background-color: black !important; - cursor: pointer; -} - -#pause-bg:hover { - filter: brightness(1.3) hue-rotate(263deg) saturate(0.4) !important; -} - -.pause-bg-icon { - width: 17px !important; - margin-left: 2px !important; - margin-top: 2px !important; -} - -#next-bg { - position: relative !important; - width: 21px !important; - height: 21px !important; - cursor: pointer; - left: 2px; - top: 4px; -} - -.next-bg-icon { - width: 25px !important; - margin-left: 0px !important; - margin-top: -0.4px!important; -} - -.next-bg-icon:hover { - filter: hue-rotate(0deg) drop-shadow(2px 4px 6px pink) !important; -} - - -#prev-bg { - position: relative !important; - width: 21px !important; - height: 21px !important; - cursor: pointer; - left: 3px; - top: 4px; -} - -.prev-bg-icon { - width: 25px !important; - margin-left: 0px !important; - margin-top: -0.4px!important; -} - -.prev-bg-icon:hover { - filter: hue-rotate(0deg) drop-shadow(2px 4px 6px pink) !important; -} - -#next-audio { - position: relative !important; - border: 2px solid #8c8263 !important; - border-radius: 50% !important; - width: 21px !important; - background-color: black !important; - height: 21px !important; - cursor: pointer; - left: 8px; -} - -.next-audio-icon { - width: 17px !important; - margin-left: 2px !important; - margin-top: 2px !important; -} - -#next-audio:hover { - filter: brightness(1.3) hue-rotate(263deg) saturate(0.4) !important; -} - -#prev-audio { - position: relative !important; - border: 2px solid #8c8263 !important; - border-radius: 50% !important; - width: 21px !important; - background-color: black !important; - height: 21px !important; - cursor: pointer; -} - -.prev-audio-icon { - width: 17px !important; - margin-left: 2px !important; - margin-top: 2px !important; -} - -#prev-audio:hover { - filter: brightness(1.3) hue-rotate(263deg) saturate(0.4) !important; -} - -#pause-audio { - position: relative !important; - border: 2px solid #8c8263 !important; - border-radius: 50% !important; - width: 21px !important; - background-color: black !important; - height: 21px !important; - cursor: pointer; - left: 4px; -} - -.pause-audio-icon { - width: 17px !important; - margin-left: 2px !important; - margin-top: 2px !important; -} - -#pause-audio:hover { - filter: brightness(1.3) hue-rotate(263deg) saturate(0.4) !important; -} - -#mute-audio { - border: 2px solid #8c8263 !important; - border-radius: 50% !important; - width: 21px !important; - background-color: black !important; - height: 21px !important; - cursor: pointer; - display: block !important; - margin-right: 4px !important; -} - -.mute-audio-icon { - width: 17px !important; - margin-left: 2px !important; - margin-top: 2px !important; -} - -#mute-audio:hover { - filter: brightness(1.3) hue-rotate(263deg) saturate(0.4) !important; -} - - -#audio-loop { - position: relative !important; - border: 2px solid #8c8263 !important; - border-radius: 50% !important; - width: 21px !important; - background-color: black !important; - height: 21px !important; - cursor: pointer; - left: 12px; -} - -.audio-loop-icon { - width: 17px !important; - margin-left: 2px !important; - margin-top: 2px !important; -} - -#audio-loop:hover { - filter: brightness(1.3) hue-rotate(263deg) saturate(0.4) !important; -} - -.webm-hidden { - opacity: 0!important -} - -.cs-buttons-container { - display: flex; - gap: 3em; -} - -.dodge-button-container { - position: absolute; - right: 20px; - bottom: 19px; - display: flex; - align-items: flex-end -} - -.audio-volume-panel { - display: flex; - bottom: 40px; - left: 15px; - position:absolute; - border: 3px solid #8c8263; - border-radius: 10px; - background: rgb(19, 15, 15); -} - -.audio-volume { - appearance: slider-vertical; - margin-top: 7px; - margin-left: 0px; - margin-right: 0px; - margin-bottom: 7px; - width: 30px; - height: 85px; -} - -.newbgchange-container { - display: flex; - top: 140px; - left: 37px; - position: absolute; -} - -#newbgchange { - display: block; - width: 166px; -} - -#bgdropdown { - background: #0000007a -} - -.progress-bar { - position: absolute; - bottom: 1px; - left: -2px; - width: 300px; - height: 3px; - background-color: rgb(0 0 0); - border-radius: 10px; - display: flex; - border-left: solid; -} - -.progress-status { - position: absolute; - width: 0%; - border-radius: 5px; - background: #b6b763; - border-right: olive; - height: 3px; - left: -4px; -} - -#elaina-home { - display: none !important; -} - - - -/* ElainaTrigger */ -.watermark { - margin: 4px !important; - color: #cdbe91 !important; - font-family: var(--font-family, var(--font-display)); -} - -.watermark-text { - display: flex; - bottom: 9px; - right: 20px; - position:absolute; -} - -.Elaina1ImageCon { - display: flex; - bottom: -4px; - right: 130px; - position:absolute -} - -.Elaina1TextCon { - display: flex; - bottom: 260px; - right: 303px; - position:absolute -} - -.Elaina1Image { - width: 650px !important; -} - -.Elaina1Text { - margin: 4px !important; - color: rgb(129 185 224) !important; - text-align: center !important; - font-size: 20px !important; -} - -.Headpat-con { - display: flex; - bottom: 230px; - right: 500px; - position:absolute -} - -.Headpat { - font-size: 100px !important; - width: 110px; - height: 60px; - background: transparent; - border: none; -} - -.Boobs-con { - display: flex; - bottom: 20px; - right: 495px; - position:absolute -} - -.Boobs { - font-size: 100px !important; - width: 136px; - height: 65px; - background: transparent; - border: none; -} - -.goOutSide-con { - display: flex; - bottom: -3px; - right: 434px; - position:absolute -} - -.GoOutSide { - font-size: 100px !important; - width: 225px; - height: 290px; - background: transparent; - border: none; -} - -.answer1-con { - display: flex; - bottom: 150px; - right: 220px; - position: absolute; - border-radius: 10px; - animation-name: answerdiv; - animation-duration: 1s; - animation-fill-mode: forwards; -} - -#answer1 { - margin-top: 10px; - margin-left: 10px; - margin-bottom: 10px; - margin-right: 10px; - text-align: center; - display: flex; - width: 200px; - font-size: 17px; - animation-name: answer; - animation-duration: 1s; - animation-fill-mode: forwards; -} - -.answer2-con { - display: flex; - bottom: 80px; - right: 220px; - position: absolute; - animation-name: answerdiv; - animation-duration: 1s; - animation-fill-mode: forwards; - animation-delay: 1.2s; - border-radius: 10px; -} - -#answer2 { - margin-top: 10px; - margin-left: 10px; - margin-bottom: 10px; - margin-right: 10px; - text-align: center; - display: flex; - width: 200px; - font-size: 17px; - color: transparent; - animation-name: answer; - animation-duration: 1s; - animation-fill-mode: forwards; - animation-delay: 1.2s; -} - -.answer3-con { - display: flex; - bottom: 150px; - right: 220px; - position: absolute; - animation-name: answerdiv; - animation-duration: 1s; - animation-fill-mode: forwards; - border-radius: 10px; -} - -#answer3 { - margin-top: 10px; - margin-left: 10px; - margin-bottom: 10px; - margin-right: 10px; - text-align: center; - display: flex; - width: 200px; - font-size: 17px; - animation-name: answer; - animation-duration: 1s; - animation-fill-mode: forwards; -} - -.answer4-con { - display: flex; - bottom: 150px; - right: 200px; - position: absolute; - animation-name: answerdiv; - animation-duration: 1s; - animation-fill-mode: forwards; - border-radius: 10px; -} - -#answer4 { - margin-top: 10px; - margin-left: 10px; - margin-bottom: 10px; - margin-right: 10px; - text-align: center; - display: flex; - width: 220px; - font-size: 17px; - animation-name: answer; - animation-duration: 1s; - animation-fill-mode: forwards; -} - -.answer5-con { - display: flex; - bottom: 80px; - right: 200px; - position: absolute; - animation-name: answerdiv; - animation-duration: 1s; - animation-fill-mode: forwards; - animation-delay: 1.2s; - border-radius: 10px; -} - -#answer5 { - margin-top: 10px; - margin-left: 10px; - margin-bottom: 10px; - margin-right: 10px; - text-align: center; - display: flex; - width: 220px; - font-size: 17px; - color: transparent; - animation-name: answer; - animation-duration: 1s; - animation-fill-mode: forwards; - animation-delay: 1.2s; -} - -.Greeting { - margin: 4px !important; - color: rgb(129 185 224) !important; - text-align: center !important; - font-size: 20px !important; - width: 212px; - height: 50px; -} - -/* Download */ -.noticediv { - display: flex; - top: 87px; - right: 9px; - position: absolute; - width: 40px; - height: 40px; - border: 2px solid #cdbe91; - border-radius: 50%; - cursor: pointer; - background: #000000; -} - -.noticediv:hover { - filter: brightness(1.3) hue-rotate(263deg) saturate(0.4) !important; -} - -.notice { - width: 27px; - height: 27px; - margin: 5px 0px 0px 7px; -} -.messdiv { - display: flex; - bottom: 285px; - right: 362px; - position: absolute; - height: 85px; - width: 325px; - border: 2px solid transparent; - border-image: linear-gradient(to top, #695625 0%, #a9852d 23%, #b88d35 93%, #c8aa6e 100%) 1; - background: rgb(0 0 0 / 64%); -} - -.message { - color: rgb(205, 190, 145); - bottom: 317px; - right: 364px; - width: 325px; - position: absolute; - text-align: center; - font-size: 17px; - font-family: var(--font-family, var(--font-display)); -} - -.downdiv { - display: flex; - bottom: 285px; - right: 477px; - width: 100px; - height: 33px; - position: absolute; - border-width: 2px; - border-style: solid; - border-color: transparent; - border-image: linear-gradient(to top, rgb(105, 86, 37) 0%, rgb(169, 133, 45) 23%, rgb(184, 141, 53) 93%, rgb(200, 170, 110) 100%) 1 / 1 / 0 stretch; - box-sizing: border-box; - background: #1e2328; -} - -.downdiv:hover { - filter: brightness(1.3) hue-rotate(263deg) saturate(0.4) !important; -} - -.download { - bottom: -3px; - width: 97px; - height: 26px; - color: rgb(205, 190, 145); - font-size: 14px; - font-family: var(--font-family, var(--font-display)); - font-weight: bold; - letter-spacing: 1px; - position: absolute; - align-items: center; - text-align: center; - cursor: pointer; - margin-top: 10px; -} - -.closediv { - display: flex; - bottom: 360px; - right: 345px; - position: absolute; - border: 3px solid #cdbe91; - border-radius: 50%; - width: 25px; - height: 25px; - background: #1e282d; - cursor: pointer; -} - -.closediv:hover { - filter: brightness(1.3) hue-rotate(263deg) saturate(0.4) !important; -} - -.closenotice { - bottom: 2px; - right: 3px; - position: absolute; - width: 20px; - cursor: pointer; -} - -.Elaina-Update { - text-align: left; - overflow-wrap: break-word; -} - -/* Theme Settings */ -.elaina-theme-settings-row { - margin-bottom: 15px; - clear: both; -} - -.elaina-theme-settings-row::after { - clear: both; - content: "."; - display: block; - height: 0; - visibility: hidden; -} - -#Q-Delay { - display: flex; - margin-bottom: 0px !important; -} - -#Create-Delay { - margin-right: 15px; - margin-bottom: 0px !important; -} - -#Find-Delay { - margin-bottom: 0px !important; -} - -#Custom-Curency { - display: flex; - margin-bottom: 0px !important; -} - -#custom-rp { - margin-right: 15px; - margin-bottom: 0px !important; -} - -#custom-be { - margin-bottom: 0px !important; -} - -#Info { - display: flex; -} - -#Info-div { - margin-right: 15px; - width: 318.81px; -} - -.settings-logo { - width: 115px; -} - -.theme-settings-logo { - width: 115px; -} - -.plugins-settings-logo { - width: 115px; - cursor: pointer; -} - -.reload { - display: block !important; - width: 138.375px; -} - -#j1_4 { - margin-bottom: 17px; -} - -#autobanpick { - margin-bottom: 17px; -} - -#loothelp { - margin-bottom: 17px; -} - -#rdskin { - margin-bottom: 17px; -} - -#pandoru { - margin-bottom: 17px; -} - -.parties-invite-dropzone { - bottom: -40px !important; -} - -.ready-check-map-background.ember-view { - display: none !important; -} - -#Custom-icon-list { - margin-left: 25px !important; -} - -#customprf { - margin-left: 25px !important; -} - -.donate { - width: 60px; - margin-left: 10px; - margin-right: 10px; -} - -.friend-header { - display: block !important; - margin-left: 11px !important; - padding: 0px !important; - font-size: 12px !important; - line-height: 13px !important; -} - -#dev-div { - display: block; - margin-left: auto; - margin-right: auto; - text-align: center; -} - -.dev_ava { - width: 125px; - border-radius: 50%; - border: 5px solid #ff8787; -} - -#dev-avatar { - display: flex; - margin-right: 15px; -} - -#first_line { - font-size: 18px; - color: #cdbe91; - font-weight: 600; -} - -#first_line_lyfhael { - font-size: 18px; - color: #5ed5e8; - font-weight: 600; -} - -#first_line_elaina { - font-size: 18px; - color: #f9a8a8; - font-weight: 600; -} - -#first_line_kubi { - font-size: 18px; - color: #cbc3e3; - font-weight: 600; -} - -#Contributors-row { - display: flex; -} - -#contributors { - font-size: 16px; - color: #cdbe91; - font-weight: 600; -} - -#Contrib { - width: 220px; - display: flex; - border: 2px solid #cdbe91; - height: 60px; - border-radius: 10px; - margin-right: 15px; -} - -.contributor-img { - width: 50px; - height: 50px; - padding: 5px 5px 5px 5px; - border: 0px; - border-radius: 10px; -} - -#contributor-name { - font-size: 15px; - font-weight: 600; - margin-top: 11px !important; - color: #cdbe91; - margin-bottom: 3px !important; -} - -#Donation { - text-align: center; -} - -#Donation-row { - display: flex; - justify-content: center; -} - -#restoreAndDeleteData { - display: flex !important; -} - -.delete-data-button { - margin-left: 100px !important; - visibility: hidden; -} - -.restore-data-button { - margin-left: 25px !important; - visibility: hidden; -} - -#changePlaybackRow { - display: flex !important; -} - -.Playback-speed { - margin-bottom: 0px !important; -} - -#playback-percent { - margin-left: 10px !important; - font-size: 20px !important; - margin-top: 9px !important; - margin-bottom: 0px !important; -} - -.playback_refresh_button { - margin-left: 36px !important; -} - -.ManualRestore { - margin-left: 25px !important; -} - -.ManualBackup { - margin-left: 25px !important; -} - -#downloadBackup { +.loading-content div > div > .loading-text { display: none !important; } - -#RestoreRow { - display: flex !important; -} - -#restoreFileInfo { - margin-left: 25px !important; -} - -#background-settings { - margin-left: 25px !important; -} - -.open-background-folder { - margin-bottom: 25px !important; -} - -#add-background-manually-row { - margin-left: 25px !important; -} - -#manual-wallpaper, #manual-audio, #manual-banner, #manual-font { - display: flex; -} - -.manual-wallpaper-name, .manual-audio-name, .manual-banner-name, .manual-font-name { - margin-bottom: 0px !important; -} - -.add-background, .delete-background { - margin-left: 15px; -} - -#nickname-color-with-text { - display: flex; -} - -#nickname-color-text { - margin-top: 6px !important; - margin-left: 15px; -} - -#change-nickname-color-row { - margin-left: 25px !important; -} - -/* Music Controls */ -.webm-bottom-buttons-container { - display: flex; - bottom: 9px; - left: 20px; - position: absolute; - opacity: 0.3; - transition: opacity 0.3s ease; - padding-top: 50px; -} - -.webm-bottom-buttons-container:hover { - opacity: 1; -} - -.webm-bottom-buttons-container-hovered { - transition: opacity 0.3s ease; - opacity: 1; - display: flex; - bottom: 9px; - left: 20px; - position: absolute; -} - -.music-controls-main { - opacity: 0; - transition: opacity 0.3s ease, transform 0.3s ease; - transform: translateY(10px); - pointer-events: none; - margin-bottom: 5px; -} - -.music-controls { - display: flex; -} - -.webm-bottom-buttons-container:hover .music-controls-main { - opacity: 1; - transform: translateY(0); - pointer-events: auto; -} - -.webm-bottom-buttons-container-hovered .music-controls-main { - opacity: 1; - transform: translateY(0); - pointer-events: auto; -} - -#audio-name { - color: #cdbe91 !important; - font-family: var(--font-family, var(--font-display)); - margin: 0px; - font-size: 14px; - text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; -} - -/* Wallpaper Controls */ -.wallpaper-controls { - display: flex; - top: 140px; - left: 37px; - position: absolute; - opacity: 0.3; - transition: opacity 0.3s ease; -} - -.wallpaper-controls:hover { - opacity: 1; -} - -/* Progress Bar */ -.progress-bar { - opacity: 0.5; - transition: opacity 0.3s ease; -} - -.webm-bottom-buttons-container:hover .progress-bar { - opacity: 1; -} - -/* Adjust spacing between controls */ -.music-controls-main > .music-controls > div, .wallpaper-controls > div { - margin-right: 5px; -} - -/* Keep the newbgchange-container visible */ -#newbgchange { - opacity: 1; - pointer-events: auto; -} - -.time-display { - color: #cdbe91; - font-size: 12px; - margin-bottom: 2px; - opacity: 0.7; - transition: opacity 0.3s ease; -} - -.webm-bottom-buttons-container:hover .time-display { - opacity: 1; -} - /*_________________________________________________________________________________________________________________________________*/ /* End */ \ No newline at end of file diff --git a/src/src/assets/styles/themes/rcp-fe-lol-clash-full.css b/src/src/assets/styles/themes/rcp-fe-lol-clash-full.css new file mode 100644 index 0000000..da2c63b --- /dev/null +++ b/src/src/assets/styles/themes/rcp-fe-lol-clash-full.css @@ -0,0 +1,7 @@ +.clash-aram-intro-modal { + display: none !important; +} + +.clash-tab-team-background, .clash-tab-bracket-background, .tournament-scouting, .clash-missed-lockin-modal, .clash-root-background-landing, .clash-root-background { + background-image: none !important; +} \ No newline at end of file diff --git a/src/src/assets/styles/themes/rcp-fe-lol-event-hub.css b/src/src/assets/styles/themes/rcp-fe-lol-event-hub.css new file mode 100644 index 0000000..855bece --- /dev/null +++ b/src/src/assets/styles/themes/rcp-fe-lol-event-hub.css @@ -0,0 +1,35 @@ +.rcp-fe-lol-event-hub-application { + background-image: none !important; +} + +.event-shop-progression { + background: none !important; + box-shadow: none !important; +} + +.eh-page-header { + background: none !important; + border-bottom: none !important; + margin: 10px !important; +} + +.eh-page-header-token-balance { + border-radius: 10px; + border: 2px solid var(--default-color, #cdbe91) !important; + background: #000000a6; + padding: 10px; + width: 160px; +} + +.event-shop-category-nav-bar { + background: none !important; + border: 0px !important; +} + +.event-shop-progression-fallback, .event-shop-progression-info, .event-shop-progression-track { + background: #010a1366 !important; +} + +.event-shop-offer-card { + background-color: #010a1373 !important; +} \ No newline at end of file diff --git a/src/src/assets/styles/themes/rcp-fe-lol-loot.css b/src/src/assets/styles/themes/rcp-fe-lol-loot.css new file mode 100644 index 0000000..fa8f162 --- /dev/null +++ b/src/src/assets/styles/themes/rcp-fe-lol-loot.css @@ -0,0 +1,31 @@ +.loot-backdrop { + height: 720px !important; +} + +.loot-inventory.ember-view { + height: 520px !important; +} + +.loot-recipe-help-container { + z-index: -1 !important; +} + +.loot-recipe-help-container .recipe-help-button { + display: none !important; +} + +.loot-inventory .loot-action-tabs-container { + height: auto !important; +} + +.loot-backdrop.background-static { + background: none !important; +} + +.moon-skin-backdrop { + background: none !important; +} + +.mythic-shop-backdrop { + background: none !important; +} \ No newline at end of file diff --git a/src/src/assets/styles/themes/rcp-fe-lol-navigation-screen.css b/src/src/assets/styles/themes/rcp-fe-lol-navigation-screen.css new file mode 100644 index 0000000..6dc04c1 --- /dev/null +++ b/src/src/assets/styles/themes/rcp-fe-lol-navigation-screen.css @@ -0,0 +1,16 @@ +div[data-screen-name="rcp-fe-lol-navigation-screen"] { + border-top: 1.8px solid #785a28 !important; +} + +.rcp-fe-lol-navigation.main-nav-bar { + height: 76px !important; +} + +.navigation-root-component.ember-view { + background: linear-gradient(rgb(0 0 0), rgb(0 0 0 / 24%))!important; + height: 77px !important; +} +/* LoR advertise */ +.deep-links-promo { + display: none !important; +} \ No newline at end of file diff --git a/src/src/assets/styles/themes/rcp-fe-lol-parties.css b/src/src/assets/styles/themes/rcp-fe-lol-parties.css new file mode 100644 index 0000000..955172d --- /dev/null +++ b/src/src/assets/styles/themes/rcp-fe-lol-parties.css @@ -0,0 +1,53 @@ +.lobby-header-overlay { + background: unset!important +} + +.parties-invite-dropzone { + bottom: -40px !important; +} + +.parties-game-search-info { + color:#000000!important +} + +.parties-game-search-elapsed { + color: white!important; + text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black !important; +} + +.parties-background.ember-view .lol-uikit-background-switcher-image { + display: none !important; +} + +.v2-parties-invite-info-panel { + background: transparent !important; +} + +.parties-invite-info-panel.ember-view { + background: transparent !important; +} + +.parties-background { + background: linear-gradient(to bottom, rgb(255 255 255 / 26%) 0%, rgba(0,0,0,0) 50%, rgb(90 27 62 / 20%) 100%) !important; +} + +.parties-game-section.use-animation > .parties-game-info-panel-bg-container > video { + filter: saturate(0.5) brightness(1) invert(1) hue-rotate(27deg) !important; +} + +.parties-status-card-bg-container video { + filter: saturate(0.5) brightness(1) invert(1) hue-rotate(27deg) !important; +} + +.parties-status-member-icons > .parties-status-member-joined { + filter: grayscale(1) saturate(0) brightness(0.5) !important; +} + +:host .parties-status-card.open { + filter: hue-rotate(240deg) !important; +} +/* Auto accept button */ +.cs-buttons-container { + display: flex; + gap: 3em; +} \ No newline at end of file diff --git a/src/src/assets/styles/themes/rcp-fe-lol-postgame.css b/src/src/assets/styles/themes/rcp-fe-lol-postgame.css new file mode 100644 index 0000000..484408e --- /dev/null +++ b/src/src/assets/styles/themes/rcp-fe-lol-postgame.css @@ -0,0 +1,15 @@ +.postgame-champion-background { + display: none !important; +} + +.postgame-background-image { + display: none !important; +} + +.postgame-champion-background-wrapper { + background: transparent !important; +} + +.postgame-champion-background-mask { + background: transparent !important; +} \ No newline at end of file diff --git a/src/src/assets/styles/themes/rcp-fe-lol-profiles-main.css b/src/src/assets/styles/themes/rcp-fe-lol-profiles-main.css new file mode 100644 index 0000000..c876a55 --- /dev/null +++ b/src/src/assets/styles/themes/rcp-fe-lol-profiles-main.css @@ -0,0 +1,15 @@ +.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 !important; +} + +.style-profile-ranked-reference-modal-button { + display: none !important; +} + +.style-profile-honor-component.ember-view > .style-profile-emblem-wrapper > .style-profile-emblem-header > .style-profile-emblem-header-subtitle { + display: none !important; +} + +.style-profile-emblem-subheader-ranked > div { + color: #cdbe91 !important; +} \ No newline at end of file diff --git a/src/src/assets/styles/themes/rcp-fe-viewport-sidebar.css b/src/src/assets/styles/themes/rcp-fe-viewport-sidebar.css new file mode 100644 index 0000000..8452709 --- /dev/null +++ b/src/src/assets/styles/themes/rcp-fe-viewport-sidebar.css @@ -0,0 +1,62 @@ +:root { + --social-sidebar-bg-color: linear-gradient(rgb(6 6 6), rgb(0 0 0 / 25%)); + --social-sidebar-bg-color-friendslist-hide: transparent; +} + +lol-social-avatar[ref='iconElement'], .lol-social-identity.ember-view > .details { + z-index: 1 !important; +} + +lol-social-roster-member .offline .member-name { + color:#9a9696!important +} + +.lol-social-sidebar.ember-view { + background: transparent!important +} + +.availability-icon { + position: relative!important; +} + +.availability-icon.chat { + background: #09a646 !important; +} + +.summoner-level { + color:#ffe8a5!important +} + +.filled.xp-ring { + background: linear-gradient(rgb(255 236 236), rgb(87 103 105 / 48%)) !important; +} + +.alpha-tag { + color:#ffffffc9!important; +} + +.alpha-version-panel { + background: linear-gradient(rgba(0, 0, 0, 0), rgba(38, 78, 52, 0))!important; + border-top: thin solid #1e282d00 !important; +} + +.friend-requests { + background:rgb(66, 63, 53)!important +} + +.social-identity-block > .name { + margin-left: 4px !important; +} + +.social-identity-block > .lower-details, .social-identity-block > .lower-details > lol-social-availability-hitbox { + margin-left: 2px !important; +} + +.identity-icon.social-avatar-hit { + margin-right: 7px !important; +} + +/* VNG age rating */ +.vng-age-rating.ember-view { + display: none !important; +} \ No newline at end of file diff --git a/src/src/assets/styles/themes/theme-background-controllers.css b/src/src/assets/styles/themes/theme-background-controllers.css new file mode 100644 index 0000000..26b2d7e --- /dev/null +++ b/src/src/assets/styles/themes/theme-background-controllers.css @@ -0,0 +1,352 @@ +/* Progress Bar */ +.progress-bar { + opacity: 0.5; + transition: opacity 0.3s ease; +} + +.progress-bar { + position: absolute; + bottom: 1px; + left: -2px; + width: 300px; + height: 3px; + background-color: rgb(0 0 0); + border-radius: 10px; + display: flex; + border-left: solid; +} + +.progress-status { + position: absolute; + width: 0%; + border-radius: 5px; + background: #b6b763; + border-right: olive; + height: 3px; + left: -4px; +} + +.webm-bottom-buttons-container:hover .progress-bar { + opacity: 1; +} + +.music-controls-main > .music-controls > div, .wallpaper-controls > div { + margin-right: 5px; +} + +.time-display { + color: #cdbe91; + font-size: 12px; + margin-bottom: 2px; + opacity: 0.7; + transition: opacity 0.3s ease; +} + +.webm-bottom-buttons-container:hover .time-display { + opacity: 1; +} + +.volume-slider-container { + position: absolute; + bottom: 70px; + left: -4px; + display: none; + width: 38px; + height: 150px; + background: rgba(0, 0, 0, 0.5); + border-radius: 10px; + padding: 5px; + box-sizing: border-box; + z-index: 1000; + display: flex; + flex-direction: column; + align-items: center; +} + +.volume-slider { + appearance: none; + width: 100px; + height: 10px; + background: #dedede4a; + transform: rotate(-90deg); + margin-top: 50px; +} + +.volume-slider::-webkit-slider-thumb { + appearance: none; + width: 20px; + height: 20px; + background: #cdbe91; + cursor: pointer; + border-radius: 50%; +} + +.mute-unmute-button { + margin-top: 50px; +} + +.mute-unmute-icon { + width: 20px; + height: 20px; + cursor: pointer; +} + + + +/* Music Controls */ +.webm-bottom-buttons-container { + display: flex; + bottom: 9px; + left: 20px; + position: absolute; + opacity: 0.3; + transition: opacity 0.3s ease; + padding-top: 50px; +} + +.webm-bottom-buttons-container:hover { + opacity: 1; +} + +.webm-bottom-buttons-container-hovered { + transition: opacity 0.3s ease; + opacity: 1; + display: flex; + bottom: 9px; + left: 20px; + position: absolute; +} + +.music-controls-main { + opacity: 0; + transition: opacity 0.3s ease, transform 0.3s ease; + transform: translateY(10px); + pointer-events: none; + margin-bottom: 5px; +} + +.music-controls { + display: flex; +} + +.webm-bottom-buttons-container:hover .music-controls-main { + opacity: 1; + transform: translateY(0); + pointer-events: auto; +} + +.webm-bottom-buttons-container-hovered .music-controls-main { + opacity: 1; + transform: translateY(0); + pointer-events: auto; +} + +#audio-name { + color: #cdbe91 !important; + font-family: var(--font-family, var(--font-display)); + margin: 0px; + font-size: 14px; + text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; +} + +#next-audio { + position: relative !important; + border: 2px solid #8c8263 !important; + border-radius: 50% !important; + width: 21px !important; + background-color: black !important; + height: 21px !important; + cursor: pointer; + left: 8px; +} + +.next-audio-icon { + width: 17px !important; + margin-left: 2px !important; + margin-top: 2px !important; +} + +#next-audio:hover { + filter: brightness(1.3) hue-rotate(263deg) saturate(0.4) !important; +} + +#prev-audio { + position: relative !important; + border: 2px solid #8c8263 !important; + border-radius: 50% !important; + width: 21px !important; + background-color: black !important; + height: 21px !important; + cursor: pointer; +} + +.prev-audio-icon { + width: 17px !important; + margin-left: 2px !important; + margin-top: 2px !important; +} + +#prev-audio:hover { + filter: brightness(1.3) hue-rotate(263deg) saturate(0.4) !important; +} + +#pause-audio { + position: relative !important; + border: 2px solid #8c8263 !important; + border-radius: 50% !important; + width: 21px !important; + background-color: black !important; + height: 21px !important; + cursor: pointer; + left: 4px; +} + +.pause-audio-icon { + width: 17px !important; + margin-left: 2px !important; + margin-top: 2px !important; +} + +#pause-audio:hover { + filter: brightness(1.3) hue-rotate(263deg) saturate(0.4) !important; +} + +#mute-audio { + border: 2px solid #8c8263 !important; + border-radius: 50% !important; + width: 21px !important; + background-color: black !important; + height: 21px !important; + cursor: pointer; + display: block !important; + margin-right: 4px !important; +} + +.mute-audio-icon { + width: 17px !important; + margin-left: 2px !important; + margin-top: 2px !important; +} + +#mute-audio:hover { + filter: brightness(1.3) hue-rotate(263deg) saturate(0.4) !important; +} + +#audio-loop { + position: relative !important; + border: 2px solid #8c8263 !important; + border-radius: 50% !important; + width: 21px !important; + background-color: black !important; + height: 21px !important; + cursor: pointer; + left: 12px; +} + +.audio-loop-icon { + width: 17px !important; + margin-left: 2px !important; + margin-top: 2px !important; +} + +#audio-loop:hover { + filter: brightness(1.3) hue-rotate(263deg) saturate(0.4) !important; +} + + + +/* Wallpaper Controls */ +.wallpaper-controls { + display: flex; + top: 140px; + left: 37px; + position: absolute; + opacity: 0.3; + transition: opacity 0.3s ease; +} + +.wallpaper-controls:hover { + opacity: 1; +} + +#pause-bg { + position: relative !important; + width: 21px !important; + height: 21px !important; + margin-left: 7px; + margin-top: 4px; + border: 2px solid #8c8263 !important; + border-radius: 50% !important; + background-color: black !important; + cursor: pointer; +} + +#pause-bg:hover { + filter: brightness(1.3) hue-rotate(263deg) saturate(0.4) !important; +} + +.pause-bg-icon { + width: 17px !important; + margin-left: 2px !important; + margin-top: 2px !important; +} + +#next-bg { + position: relative !important; + width: 21px !important; + height: 21px !important; + cursor: pointer; + left: 2px; + top: 4px; +} + +.next-bg-icon { + width: 25px !important; + margin-left: 0px !important; + margin-top: -0.4px!important; +} + +.next-bg-icon:hover { + filter: hue-rotate(0deg) drop-shadow(2px 4px 6px pink) !important; +} + +#prev-bg { + position: relative !important; + width: 21px !important; + height: 21px !important; + cursor: pointer; + left: 3px; + top: 4px; +} + +.prev-bg-icon { + width: 25px !important; + margin-left: 0px !important; + margin-top: -0.4px!important; +} + +.prev-bg-icon:hover { + filter: hue-rotate(0deg) drop-shadow(2px 4px 6px pink) !important; +} + +.webm-hidden { + opacity: 0!important +} + +.newbgchange-container { + display: flex; + top: 140px; + left: 37px; + position: absolute; +} + +#newbgchange { + display: block; + width: 166px; + opacity: 1; + pointer-events: auto; +} + +#bgdropdown { + background: #0000007a +} \ No newline at end of file diff --git a/src/src/assets/styles/themes/theme-elaina-trigger.css b/src/src/assets/styles/themes/theme-elaina-trigger.css new file mode 100644 index 0000000..6287d5a --- /dev/null +++ b/src/src/assets/styles/themes/theme-elaina-trigger.css @@ -0,0 +1,239 @@ +@keyframes answerdiv { + 0% { + right: 100px; + background-color: transparent; + border: 2px solid transparent;} + + 100% { + right: 221px; + background-color: rgb(19, 15, 15); + border: 2px solid #8c8263;} +} + +@keyframes answer { + 0% {color: transparent;} + 100% {color: #cdbe91;} +} + +.watermark { + margin: 4px !important; + color: #cdbe91 !important; + font-family: var(--font-family, var(--font-display)); +} + +.watermark-text { + display: flex; + bottom: 9px; + right: 20px; + position:absolute; +} + +.Elaina1ImageCon { + display: flex; + bottom: -4px; + right: 130px; + position:absolute +} + +.Elaina1TextCon { + display: flex; + bottom: 260px; + right: 303px; + position:absolute +} + +.Elaina1Image { + width: 650px !important; +} + +.Elaina1Text { + margin: 4px !important; + color: rgb(129 185 224) !important; + text-align: center !important; + font-size: 20px !important; +} + +.Headpat-con { + display: flex; + bottom: 230px; + right: 500px; + position:absolute +} + +.Headpat { + font-size: 100px !important; + width: 110px; + height: 60px; + background: transparent; + border: none; +} + +.Boobs-con { + display: flex; + bottom: 20px; + right: 495px; + position:absolute +} + +.Boobs { + font-size: 100px !important; + width: 136px; + height: 65px; + background: transparent; + border: none; +} + +.goOutSide-con { + display: flex; + bottom: -3px; + right: 434px; + position:absolute +} + +.GoOutSide { + font-size: 100px !important; + width: 225px; + height: 290px; + background: transparent; + border: none; +} + +.answer1-con { + display: flex; + bottom: 150px; + right: 220px; + position: absolute; + border-radius: 10px; + animation-name: answerdiv; + animation-duration: 1s; + animation-fill-mode: forwards; +} + +#answer1 { + margin-top: 10px; + margin-left: 10px; + margin-bottom: 10px; + margin-right: 10px; + text-align: center; + display: flex; + width: 200px; + font-size: 17px; + animation-name: answer; + animation-duration: 1s; + animation-fill-mode: forwards; +} + +.answer2-con { + display: flex; + bottom: 80px; + right: 220px; + position: absolute; + animation-name: answerdiv; + animation-duration: 1s; + animation-fill-mode: forwards; + animation-delay: 1.2s; + border-radius: 10px; +} + +#answer2 { + margin-top: 10px; + margin-left: 10px; + margin-bottom: 10px; + margin-right: 10px; + text-align: center; + display: flex; + width: 200px; + font-size: 17px; + color: transparent; + animation-name: answer; + animation-duration: 1s; + animation-fill-mode: forwards; + animation-delay: 1.2s; +} + +.answer3-con { + display: flex; + bottom: 150px; + right: 220px; + position: absolute; + animation-name: answerdiv; + animation-duration: 1s; + animation-fill-mode: forwards; + border-radius: 10px; +} + +#answer3 { + margin-top: 10px; + margin-left: 10px; + margin-bottom: 10px; + margin-right: 10px; + text-align: center; + display: flex; + width: 200px; + font-size: 17px; + animation-name: answer; + animation-duration: 1s; + animation-fill-mode: forwards; +} + +.answer4-con { + display: flex; + bottom: 150px; + right: 200px; + position: absolute; + animation-name: answerdiv; + animation-duration: 1s; + animation-fill-mode: forwards; + border-radius: 10px; +} + +#answer4 { + margin-top: 10px; + margin-left: 10px; + margin-bottom: 10px; + margin-right: 10px; + text-align: center; + display: flex; + width: 220px; + font-size: 17px; + animation-name: answer; + animation-duration: 1s; + animation-fill-mode: forwards; +} + +.answer5-con { + display: flex; + bottom: 80px; + right: 200px; + position: absolute; + animation-name: answerdiv; + animation-duration: 1s; + animation-fill-mode: forwards; + animation-delay: 1.2s; + border-radius: 10px; +} + +#answer5 { + margin-top: 10px; + margin-left: 10px; + margin-bottom: 10px; + margin-right: 10px; + text-align: center; + display: flex; + width: 220px; + font-size: 17px; + color: transparent; + animation-name: answer; + animation-duration: 1s; + animation-fill-mode: forwards; + animation-delay: 1.2s; +} + +.Greeting { + margin: 4px !important; + color: rgb(129 185 224) !important; + text-align: center !important; + font-size: 20px !important; + width: 212px; + height: 50px; +} \ No newline at end of file diff --git a/src/src/assets/styles/themes/theme-settings.css b/src/src/assets/styles/themes/theme-settings.css new file mode 100644 index 0000000..56d98d5 --- /dev/null +++ b/src/src/assets/styles/themes/theme-settings.css @@ -0,0 +1,320 @@ +:root { + --Settings-and-Dialog-frame-color: rgb(0 0 0 / 15%); +} + +.elaina-theme-settings-row { + margin-bottom: 15px; + clear: both; +} + +.elaina-theme-settings-row::after { + clear: both; + content: "."; + display: block; + height: 0; + visibility: hidden; +} + +#Q-Delay { + display: flex; + margin-bottom: 0px !important; +} + +#Create-Delay { + margin-right: 15px; + margin-bottom: 0px !important; +} + +#Find-Delay { + margin-bottom: 0px !important; +} + +#Custom-Curency { + display: flex; + margin-bottom: 0px !important; +} + +#custom-rp { + margin-right: 15px; + margin-bottom: 0px !important; +} + +#custom-be { + margin-bottom: 0px !important; +} + +#Info { + display: flex; +} + +#Info-div { + margin-right: 15px; + width: 318.81px; +} + +.settings-logo { + width: 115px; +} + +.theme-settings-logo { + width: 115px; +} + +.plugins-settings-logo { + width: 115px; + cursor: pointer; +} + +.reload { + display: block !important; + width: 138.375px; +} + +#j1_4 { + margin-bottom: 17px; +} + +#autobanpick { + margin-bottom: 17px; +} + +#loothelp { + margin-bottom: 17px; +} + +#rdskin { + margin-bottom: 17px; +} + +#pandoru { + margin-bottom: 17px; +} + +.ready-check-map-background.ember-view { + display: none !important; +} + +#Custom-icon-list { + margin-left: 25px !important; +} + +#customprf { + margin-left: 25px !important; +} + +.donate { + width: 60px; + margin-left: 10px; + margin-right: 10px; +} + +.friend-header { + display: block !important; + margin-left: 11px !important; + padding: 0px !important; + font-size: 12px !important; + line-height: 13px !important; +} + +#dev-div { + display: block; + margin-left: auto; + margin-right: auto; + text-align: center; +} + +.dev_ava { + width: 125px; + border-radius: 50%; + border: 5px solid #ff8787; +} + +#dev-avatar { + display: flex; + margin-right: 15px; +} + +#first_line { + font-size: 18px; + color: #cdbe91; + font-weight: 600; +} + +#first_line_lyfhael { + font-size: 18px; + color: #5ed5e8; + font-weight: 600; +} + +#first_line_elaina { + font-size: 18px; + color: #f9a8a8; + font-weight: 600; +} + +#first_line_kubi { + font-size: 18px; + color: #cbc3e3; + font-weight: 600; +} + +#Contributors-row { + display: flex; +} + +#contributors { + font-size: 16px; + color: #cdbe91; + font-weight: 600; +} + +#Contrib { + width: 220px; + display: flex; + border: 2px solid #cdbe91; + height: 60px; + border-radius: 10px; + margin-right: 15px; +} + +.contributor-img { + width: 50px; + height: 50px; + padding: 5px 5px 5px 5px; + border: 0px; + border-radius: 10px; +} + +#contributor-name { + font-size: 15px; + font-weight: 600; + margin-top: 11px !important; + color: #cdbe91; + margin-bottom: 3px !important; +} + +#Donation { + text-align: center; +} + +#Donation-row { + display: flex; + justify-content: center; +} + +#restoreAndDeleteData { + display: flex !important; +} + +.delete-data-button { + margin-left: 100px !important; + visibility: hidden; +} + +.restore-data-button { + margin-left: 25px !important; + visibility: hidden; +} + +#changePlaybackRow { + display: flex !important; +} + +.Playback-speed { + margin-bottom: 0px !important; +} + +#playback-percent { + margin-left: 10px !important; + font-size: 20px !important; + margin-top: 9px !important; + margin-bottom: 0px !important; +} + +.playback_refresh_button { + margin-left: 36px !important; +} + +.ManualRestore { + margin-left: 25px !important; +} + +.ManualBackup { + margin-left: 25px !important; +} + +#downloadBackup { + display: none !important; +} + +#RestoreRow { + display: flex !important; +} + +#restoreFileInfo { + margin-left: 25px !important; +} + +#background-settings { + margin-left: 25px !important; +} + +.open-background-folder { + margin-bottom: 25px !important; +} + +#add-background-manually-row { + margin-left: 25px !important; +} + +#manual-wallpaper, #manual-audio, #manual-banner, #manual-font { + display: flex; +} + +.manual-wallpaper-name, .manual-audio-name, .manual-banner-name, .manual-font-name { + margin-bottom: 0px !important; +} + +.add-background, .delete-background { + margin-left: 15px; +} + +#nickname-color-with-text { + display: flex; +} + +#nickname-color-text { + margin-top: 6px !important; + margin-left: 15px; +} + +#change-nickname-color-row { + margin-left: 25px !important; +} + +.color-picker-container { + display: flex; + align-items: center; + margin-bottom: 5px; +} + +.color-picker-container input[type="color"] { + margin-right: 5px; +} + +#add-color-button-container { + margin-top: 10px; +} + +#gradient-colors-container { + display: flex; + flex-direction: column; + gap: 10px; +} + +#gradient-colors { + display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: 10px; +} \ No newline at end of file diff --git a/src/src/assets/styles/themes/theme-update-message.css b/src/src/assets/styles/themes/theme-update-message.css new file mode 100644 index 0000000..b2a814d --- /dev/null +++ b/src/src/assets/styles/themes/theme-update-message.css @@ -0,0 +1,109 @@ +.noticediv { + display: flex; + top: 87px; + right: 9px; + position: absolute; + width: 40px; + height: 40px; + border: 2px solid #cdbe91; + border-radius: 50%; + cursor: pointer; + background: #000000; +} + +.noticediv:hover { + filter: brightness(1.3) hue-rotate(263deg) saturate(0.4) !important; +} + +.notice { + width: 27px; + height: 27px; + margin: 5px 0px 0px 7px; +} +.messdiv { + display: flex; + bottom: 285px; + right: 362px; + position: absolute; + height: 85px; + width: 325px; + border: 2px solid transparent; + border-image: linear-gradient(to top, #695625 0%, #a9852d 23%, #b88d35 93%, #c8aa6e 100%) 1; + background: rgb(0 0 0 / 64%); +} + +.message { + color: rgb(205, 190, 145); + bottom: 317px; + right: 364px; + width: 325px; + position: absolute; + text-align: center; + font-size: 17px; + font-family: var(--font-family, var(--font-display)); +} + +.downdiv { + display: flex; + bottom: 285px; + right: 477px; + width: 100px; + height: 33px; + position: absolute; + border-width: 2px; + border-style: solid; + border-color: transparent; + border-image: linear-gradient(to top, rgb(105, 86, 37) 0%, rgb(169, 133, 45) 23%, rgb(184, 141, 53) 93%, rgb(200, 170, 110) 100%) 1 / 1 / 0 stretch; + box-sizing: border-box; + background: #1e2328; +} + +.downdiv:hover { + filter: brightness(1.3) hue-rotate(263deg) saturate(0.4) !important; +} + +.download { + bottom: -3px; + width: 97px; + height: 26px; + color: rgb(205, 190, 145); + font-size: 14px; + font-family: var(--font-family, var(--font-display)); + font-weight: bold; + letter-spacing: 1px; + position: absolute; + align-items: center; + text-align: center; + cursor: pointer; + margin-top: 10px; +} + +.closediv { + display: flex; + bottom: 360px; + right: 345px; + position: absolute; + border: 3px solid #cdbe91; + border-radius: 50%; + width: 25px; + height: 25px; + background: #1e282d; + cursor: pointer; +} + +.closediv:hover { + filter: brightness(1.3) hue-rotate(263deg) saturate(0.4) !important; +} + +.closenotice { + bottom: 2px; + right: 3px; + position: absolute; + width: 20px; + cursor: pointer; +} + +.Elaina-Update { + text-align: left; + overflow-wrap: break-word; +} \ No newline at end of file diff --git a/src/src/assets/styles/themes/theme-wallpapers.css b/src/src/assets/styles/themes/theme-wallpapers.css new file mode 100644 index 0000000..7f426b3 --- /dev/null +++ b/src/src/assets/styles/themes/theme-wallpapers.css @@ -0,0 +1,28 @@ +#elaina-bg { + width:100%; + height: 100%; + position: absolute; + pointer-events: none; + transition: opacity 0.5s ease-in-out; + opacity: 1; + filter: brightness(0.8); + border-top: 2px solid #000000; +} + +#elaina-bg:has(+ #rcp-fe-viewport-root .parties-background) { + filter: brightness(0.4) !important; +} + +#elaina-static-bg { + width:100%; + position: absolute; + pointer-events: none; + transition: opacity 0.5s ease-in-out; + opacity: 1; + filter: brightness(0.8); + border-top: 2px solid #000000; +} + +#elaina-home { + display: none !important; +} \ No newline at end of file diff --git a/src/src/config/filters.js b/src/src/config/filters.js index 446ca1a..0a461c5 100644 --- a/src/src/config/filters.js +++ b/src/src/config/filters.js @@ -1,32 +1,32 @@ export default { //______________________________________________________________________________// - "Homepage" : "brightness(0.8)", + "Homepage" : "brightness(0.8)", - "Clash" : "brightness(0.2) blur(10px)", + "Clash" : "brightness(0.2) blur(10px)", - "Profiles" : "brightness(0.3)", + "Profiles" : "brightness(0.3)", - "Loot" : "brightness(0.3)", + "Loot" : "brightness(0.3)", - "Store" : "brightness(0.2)", + "Store" : "brightness(0.2)", - "Yourshop" : "brightness(0.4) blur(3px) saturate(1.5)", + "Yourshop" : "brightness(0.4) blur(3px) saturate(1.5)", - "Collections" : "brightness(0.2)", + "Collections" : "brightness(0.2)", - "Parties" : "brightness(0.4)", + "Parties" : "brightness(0.4)", - "Champ-select": "brightness(0.4) blur(3px) saturate(1.5)", + "Champ-select" : "brightness(0.4) blur(3px) saturate(1.5)", - "Gamestart" : "brightness(0.4) blur(10px) saturate(1.5)", + "Gamestart" : "brightness(0.4) blur(10px) saturate(1.5)", - "Postgame" : "brightness(0.3)", + "Postgame" : "brightness(0.3)", - "TFT" : "brightness(0.8)", - - "Runes" : "brightness(0.4)", + "TFT" : "brightness(0.8)", + "Runes" : "brightness(0.4)", + "EventShop" : "brightness(0.4)", //______________________________________________________________________________// } \ No newline at end of file diff --git a/src/src/plugins/customBeRp.ts b/src/src/plugins/customBeRp.ts index 5194ced..0462893 100644 --- a/src/src/plugins/customBeRp.ts +++ b/src/src/plugins/customBeRp.ts @@ -1,34 +1,28 @@ export class CustomBeRp { - change = (callback: any) => { - window.setInterval(() => { - callback - },500) - } - RP = () => { - this.change(() => { - let RP: Element | null = document.querySelector(".currency-rp-top-up-enabled") || document.querySelector(".currency-rp") - - if (RP) { - RP.innerHTML = `${window.DataStore.get("RP-data")}` - } - }) + let RP: Element | null = document.querySelector(".currency-rp-top-up-enabled") + let RPMac: Element | null = document.querySelector(".currency-rp") + + if (RP) { + RP.innerHTML = `${window.DataStore.get("RP-data")}` + } + else if (RPMac) { + RPMac.innerHTML = `${window.DataStore.get("RP-data")}` + } } BE = () => { - this.change(() => { - let BE: Element | null = document.querySelector(".currency-be-component.ember-view") + let BE: Element | null = document.querySelector(".currency-be-component.ember-view") - if (BE) { - BE.innerHTML = /* html */` -
-
- - -
- ${window.DataStore.get("BE")} - ` - } - }) + if (BE) { + BE.innerHTML = /* html */` +
+
+ + +
+ ${window.DataStore.get("BE")} + ` + } } } \ No newline at end of file diff --git a/src/src/theme/filters.ts b/src/src/theme/filters.ts index f5a58bf..c705814 100644 --- a/src/src/theme/filters.ts +++ b/src/src/theme/filters.ts @@ -37,7 +37,7 @@ export class Filters { "rcp-fe-lol-loot": "Loot", "rcp-fe-lol-clash-full": "Clash", "rcp-fe-lol-postgame": "Postgame", - "rcp-fe-lol-event-shop": "EventShop", + "rcp-fe-lol-event-hub": "EventShop", "rcp-fe-lol-tft": "TFT" }; @@ -52,7 +52,7 @@ export class Filters { "rcp-fe-lol-loot", "rcp-fe-lol-clash-full", "rcp-fe-lol-postgame", - "rcp-fe-lol-event-shop", + "rcp-fe-lol-event-hub", "rcp-fe-lol-tft" ]; diff --git a/src/src/updates/checkUpdate.ts b/src/src/updates/checkUpdate.ts index 6e4f724..1c65c68 100644 --- a/src/src/updates/checkUpdate.ts +++ b/src/src/updates/checkUpdate.ts @@ -16,7 +16,7 @@ export class CheckUpdate { main = () => { if (!window.DataStore.get("prevent-manual-update")) { window.addEventListener("load", ()=> { - let checkKey: boolean = (LocalKey == CdnKey) + let checkKey: boolean = (LocalKey >= CdnKey) if (checkKey) window.DataStore.set(`Force-Update`, false) else window.DataStore.set(`Force-Update`, true) diff --git a/vite.config.ts b/vite.config.ts index d5b79da..7160af6 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -128,8 +128,8 @@ export default defineConfig((config) => ({ // Add author comment block const Author = `/**\n* @name ElainaV4\n* @author Elaina Da Catto\n* @description Elaina theme for Pengu Loader\n* @link https://github.com/Elaina69\n* @Nyan Meow~~~\n*/`; const importDir = "" -/* -` + ++ ` import wallpaper from "./assets/backgrounds/wallpapers?dir" import audio from "./assets/backgrounds/audio?dir" import font from "./assets/fonts?dir" @@ -162,7 +162,7 @@ const refreshList = async () => { await refreshList() ` -*/ + async function prependCommentToFile(filePath, commentBlock) { try { if (!existsSync(filePath)) {