From 4ec25a14da4dc9682d9b482c07f56950653fe35c Mon Sep 17 00:00:00 2001
From: Akmal Isomadinov <isomadinovakmal1997@gmail.com>
Date: Tue, 22 Nov 2022 17:59:49 +0500
Subject: [PATCH] Web:Components:Themes: Added themes for romb loader

---
 packages/components/themes/base.js | 20 ++++++++++++++++++++
 packages/components/themes/dark.js | 21 ++++++++++++++++++++-
 2 files changed, 40 insertions(+), 1 deletion(-)

diff --git a/packages/components/themes/base.js b/packages/components/themes/base.js
index 83b378feaf..2ace56a6d8 100644
--- a/packages/components/themes/base.js
+++ b/packages/components/themes/base.js
@@ -1498,6 +1498,26 @@ const Base = {
     borderRadius: "50%",
   },
 
+  rombsLoader: {
+    blue: {
+      colorStep_1: "#F2CBBF",
+      colorStep_2: "#fff",
+      colorStep_3: "#E6E4E4",
+      colorStep_4: "#D2D2D2",
+    },
+    red: {
+      colorStep_1: "#BFE8F8",
+      colorStep_2: "#fff",
+      colorStep_3: "#EFEFEF",
+    },
+    green: {
+      colorStep_1: "#CBE0AC",
+      colorStep_2: "#fff",
+      colorStep_3: "#EFEFEF",
+      colorStep_4: "#E6E4E4",
+    },
+  },
+
   dialogLoader: {
     borderBottom: "1px solid rgb(222, 226, 230)",
   },
diff --git a/packages/components/themes/dark.js b/packages/components/themes/dark.js
index 04d85a4b7e..6a6ed5a6d3 100644
--- a/packages/components/themes/dark.js
+++ b/packages/components/themes/dark.js
@@ -1488,7 +1488,26 @@ const Dark = {
     marginRight: "2px",
     borderRadius: "50%",
   },
-
+  rombsLoader: {
+    blue: {
+      colorStep_1: "#333",
+      colorStep_2: "#333",
+      colorStep_3: "#323032",
+      colorStep_4: "#323032",
+    },
+    red: {
+      colorStep_1: "#333",
+      colorStep_2: "#333",
+      colorStep_3: "#323032",
+      colorStep_4: "#323032",
+    },
+    green: {
+      colorStep_1: "#333",
+      colorStep_2: "#333",
+      colorStep_3: "#323032",
+      colorStep_4: "#323032",
+    },
+  },
   dialogLoader: {
     borderBottom: "1px solid #292929",
   },