Change the colors in the RSE protocol table to the ones defined in ta…

…ilwind.config.js
rucio · Aug 15, 2024 · 6ad7843 · 6ad7843
1 parent 49a49a0
commit 6ad7843
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/src/component-library/Pages/RSE/PageRSEProtocols.tsx b/src/component-library/Pages/RSE/PageRSEProtocols.tsx
@@ -17,8 +17,8 @@ export const PageRSEProtocols = (
     }
 ) => {
     const shortstyle = { style: "w-20" }
-    const shortstyleblue = { style: "w-20 bg-blue-500"}
-    const shortstylepink = { style: "w-20 bg-pink-500"}
+    const shortstyleblue = { style: "w-20 bg-extra-indigo-500"}
+    const shortstylepink = { style: "w-20 bg-extra-rose-500"}
     const columnHelper = createColumnHelper<RSEProtocol>()
     const tablecolumns: any[] = [
         columnHelper.accessor("scheme", {

diff --git a/src/component-library/outputtailwind.css b/src/component-library/outputtailwind.css
@@ -1443,11 +1443,6 @@ html {
   background-color: rgb(191 219 254 / var(--tw-bg-opacity));
 }
 
-.bg-blue-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
-}
-
 .bg-blue-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(37 99 235 / var(--tw-bg-opacity));
@@ -1493,6 +1488,11 @@ html {
   background-color: rgb(165 180 252 / var(--tw-bg-opacity));
 }
 
+.bg-extra-indigo-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
+}
+
 .bg-extra-rose-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(255 228 230 / var(--tw-bg-opacity));
@@ -1503,6 +1503,11 @@ html {
   background-color: rgb(254 205 211 / var(--tw-bg-opacity));
 }
 
+.bg-extra-rose-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(244 63 94 / var(--tw-bg-opacity));
+}
+
 .bg-extra-yellow-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(254 252 232 / var(--tw-bg-opacity));
@@ -1597,11 +1602,6 @@ html {
   background-color: rgb(15 23 42 / var(--tw-bg-opacity));
 }
 
-.bg-pink-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(236 72 153 / var(--tw-bg-opacity));
-}
-
 .bg-purple-700 {
   --tw-bg-opacity: 1;
   background-color: rgb(126 34 206 / var(--tw-bg-opacity));