we can override the primary colour of the ui library, by providing ou…

…r own tailwind.config.js
uug-ai · May 19, 2024 · 036be30 · 036be30
1 parent f04298d
commit 036be30
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/ui/styles/tailwind.css b/ui/styles/tailwind.css
@@ -990,21 +990,21 @@ video {
 
 .border-primary-950 {
   --tw-border-opacity: 1;
-  border-color: rgb(8 47 73 / var(--tw-border-opacity));
+  border-color: rgb(5 46 22 / var(--tw-border-opacity));
 }
 
 .border-primary-950\/10 {
-  border-color: rgb(8 47 73 / 0.1);
+  border-color: rgb(5 46 22 / 0.1);
 }
 
 .bg-primary-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(240 249 255 / var(--tw-bg-opacity));
+  background-color: rgb(240 253 244 / var(--tw-bg-opacity));
 }
 
 .bg-primary-950 {
   --tw-bg-opacity: 1;
-  background-color: rgb(8 47 73 / var(--tw-bg-opacity));
+  background-color: rgb(5 46 22 / var(--tw-bg-opacity));
 }
 
 .bg-transparent {
@@ -1155,12 +1155,12 @@ video {
 
 .text-primary-50 {
   --tw-text-opacity: 1;
-  color: rgb(240 249 255 / var(--tw-text-opacity));
+  color: rgb(240 253 244 / var(--tw-text-opacity));
 }
 
 .text-primary-950 {
   --tw-text-opacity: 1;
-  color: rgb(8 47 73 / var(--tw-text-opacity));
+  color: rgb(5 46 22 / var(--tw-text-opacity));
 }
 
 .underline {
@@ -1325,17 +1325,17 @@ video {
 
 .hover\:bg-primary-300:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(125 211 252 / var(--tw-bg-opacity));
+  background-color: rgb(134 239 172 / var(--tw-bg-opacity));
 }
 
 .hover\:bg-primary-50:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(240 249 255 / var(--tw-bg-opacity));
+  background-color: rgb(240 253 244 / var(--tw-bg-opacity));
 }
 
 .hover\:bg-primary-900:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(12 74 110 / var(--tw-bg-opacity));
+  background-color: rgb(20 83 45 / var(--tw-bg-opacity));
 }
 
 .focus\:outline-none:focus {

diff --git a/ui/tailwind.config.js b/ui/tailwind.config.js
@@ -12,7 +12,7 @@ module.exports = {
   theme: {
     extend: {
       colors: {
-        primary: colors.sky,
+        primary: colors.green,
       },
       minWidth: {
         0: "0",