diff --git a/main.css b/main.css index de180ab..cdbf524 100644 --- a/main.css +++ b/main.css @@ -14,6 +14,8 @@ html { --color-brand: #8f7bd1 !important; --btn-quaternary-bg: #8f7bd1 !important; --block-bg: #06040a !important; + --shadow-color: #8f7bd122 !important; + --block-header-bg: #8f7bd133 !important; } @@ -77,7 +79,7 @@ html { } .intercom-lightweight-app-launcher { - background: var(--body-color) !important; + background: var(--body-color) !important; } .t3hWp0:hover { @@ -126,9 +128,9 @@ html { } -.VKNqWV { - color: #ff7d7d !important; -} +/*.VKNqWV {*/ +/* color: #ff7d7d !important;*/ +/*}*/ .dBOjw2 path { fill: var(--body-color); @@ -171,7 +173,7 @@ html { .OSLzEm { background-color: var(--block-footer-bg) !important; border: 2px solid var(--body-color) !important; - box-shadow: 0 0 25px rgb(127,90,240,0.15); + box-shadow: 0 1px 24px var(--shadow-color); } .F6TYJ4:hover { @@ -180,7 +182,7 @@ html { .mI9dZ9, .WH9ilP, .mFXxRZ { background-color: var(--sidebar-bg) !important; - box-shadow: 0 0 25px rgb(127,90,240,0.15); + box-shadow: 0 1px 24px var(--shadow-color); } .TESOR7 { @@ -192,12 +194,12 @@ html { margin-top: 40px; } -.CPFC { +.CPC { margin-top: 22px; margin-left: 5px; } -#colorPicker { +.m4tQCU #colorPicker { border: none; border-radius: 6px; } diff --git a/manifest.json b/manifest.json index a503045..31a7700 100644 --- a/manifest.json +++ b/manifest.json @@ -1,7 +1,7 @@ { "name": "FCPlus", "description": "Auto-accept when a match is found, themes and more. // github.com/delirxgod/FCPlus" , - "version": "0.2.1", + "version": "0.2.2", "icons": { "16": "images/ic16.png", "32": "images/ic32.png", diff --git a/res/bundle.js b/res/bundle.js index 84b0f27..6ab876e 100644 --- a/res/bundle.js +++ b/res/bundle.js @@ -1,5 +1,5 @@ -FC_BUTTON_ACCEPT = localStorage.getItem('BTN_ACCEPT'); -FC_THEME = localStorage.getItem('COLOR') +let FC_BUTTON_ACCEPT = localStorage.getItem('BTN_ACCEPT'); +let FC_THEME = localStorage.getItem('COLOR') if(FC_THEME === null) { localStorage.setItem('COLOR', '#8f7bd1'); @@ -10,7 +10,6 @@ if(FC_BUTTON_ACCEPT === null) { } function buttonsHTML() { - let buttonsCode = document.querySelectorAll('.kI42CN'); // COLOR CHANGE @@ -19,10 +18,10 @@ function buttonsHTML() { colorChange.type = 'color'; colorChange.id ='colorPicker'; colorChange.name = 'colorPicker'; - colorChange.classList.add('CPFC'); + colorChange.classList.add('CPC'); let textColorChange = document.createElement('div'); textColorChange.innerText = 'Color: ' - textColorChange.classList.add('CPFC'); + textColorChange.classList.add('CPC'); // BUTTON @@ -70,6 +69,8 @@ function changeColor () { document.body.style.setProperty('--body-color', color); document.body.style.setProperty('--color-brand', color); document.body.style.setProperty('--btn-quaternary-bg', color); + document.body.style.setProperty('--shadow-color', color + '22'); + document.body.style.setProperty('--block-header-bg', color + '13'); localStorage.setItem('COLOR', color); @@ -88,18 +89,16 @@ function autoAccept() { } } } - - /* INTERVALS AND TIMEOUTS */ setTimeout(() => { buttonsHTML(); -}, 100) +}, 300) setInterval(() => { - changeColor(); - }, 100) + changeColor(); + }, 310) setInterval(() => { autoAccept();