-color_picker

delirxgod · May 6, 2023 · 57f48de · 57f48de
1 parent 3ec1c00
commit 57f48de
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 19 deletions.
diff --git 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
@@ -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
@@ -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();