2 files changed, 18 insertions, 6 deletions
diff --git a/public/js/dynamicBlob.js b/public/js/dynamicBlob.js
index d33076c8..d37f45af 100644
--- a/public/js/dynamicBlob.js
+++ b/public/js/dynamicBlob.js
@@ -16,15 +16,21 @@ function getRandomColor() {
   return color;
 }
 function generateGradient() {
-  var gradient = 'linear-gradient(to right';
+  var gradient = 'conic-gradient(';
+  var firstTimeInter = true;
   var colorCount = Math.floor(Math.random() * 5) + 2;
   for (var i = 0; i < colorCount; i++) {
-    gradient += ', ' + getRandomColor();
+    if (firstTimeInter === true) {
+      gradient += getRandomColor();
+      firstTimeInter = false;
+    } else {
+      gradient += ', ' + getRandomColor();
+    }
   }
   gradient += ')';
   return gradient;
 }
-blob.style.background = generateGradient();
+blob.style.background = "radial-gradient(circle, lime), ".concat(generateGradient());
 var blobItem;
 if (blobData) {
   blobItem = blobData;
diff --git a/src/js/dynamicBlob.js b/src/js/dynamicBlob.js
index 2530e946..adad6ec3 100644
--- a/src/js/dynamicBlob.js
+++ b/src/js/dynamicBlob.js
@@ -17,16 +17,22 @@ function getRandomColor() {
 }
 
 function generateGradient() {
-    var gradient = 'linear-gradient(to right';
+    var gradient = 'conic-gradient(';
+    let firstTimeInter = true
     var colorCount = Math.floor(Math.random() * 5) + 2;
     for (var i = 0; i < colorCount; i++) {
-        gradient += ', ' + getRandomColor();
+        if (firstTimeInter === true) {
+            gradient += getRandomColor();
+            firstTimeInter = false
+        } else {
+            gradient += ', ' + getRandomColor();
+        }
     }
     gradient += ')';
     return gradient;
 }
 
-blob.style.background = generateGradient();
+blob.style.background = `radial-gradient(circle, lime), ${generateGradient()}`;
 
 
 var blobItem;