From 82801e81c02f6e4940f53fb1d421531a51bf7667 Mon Sep 17 00:00:00 2001
From: Ulle9 <ulle@mail.ru>
Date: Sat, 9 Sep 2023 17:51:34 +0300
Subject: [PATCH] Violet theme

---
 rsconcept/frontend/src/index.css                   | 14 +++++++++++---
 .../frontend/src/pages/LibraryPage/ViewLibrary.tsx |  1 +
 .../frontend/src/pages/RSFormPage/EditorItems.tsx  |  6 +++++-
 rsconcept/frontend/src/utils/staticUI.ts           | 12 ++++++------
 4 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/rsconcept/frontend/src/index.css b/rsconcept/frontend/src/index.css
index a89d6746..d6a603af 100644
--- a/rsconcept/frontend/src/index.css
+++ b/rsconcept/frontend/src/index.css
@@ -38,16 +38,24 @@
   --cd-fg-80:         hsl(000, 000%, 080%);
   --cd-fg-100:        hsl(000, 000%, 093%);
 
-  --cd-prim-bg-100:   hsl(025, 079%, 052%);
+  /* --cd-prim-bg-100:   hsl(025, 079%, 052%);
   --cd-prim-bg-80:    hsl(035, 080%, 043%);
   --cd-prim-bg-60:    hsl(045, 080%, 031%);
 
   --cd-prim-fg-80:    hsl(025, 080%, 050%);
-  --cd-prim-fg-100:   hsl(000, 000%, 100%);
+  --cd-prim-fg-100:   hsl(000, 000%, 100%); */
+
+  --cd-prim-bg-100: hsl(267, 50%, 50%);
+  --cd-prim-bg-80: hsl(267, 50%, 35%);
+  --cd-prim-bg-60: hsl(269, 50%, 20%);
+
+  --cd-prim-fg-60: hsl(267, 50%, 35%);
+  --cd-prim-fg-80: hsl(267, 50%, 50%);
+  --cd-prim-fg-100: #ffffff;
 
   --cd-red-bg-100:    hsl(000, 100%, 015%);
   --cd-red-fg-100:    hsl(000, 100%, 060%);
-  --cd-green-fg-100:  hsl(120, 080%, 040%);
+  --cd-green-fg-100:  hsl(120, 80%, 40%);
 
   /* Import overrides */
   --toastify-color-dark: var(--cd-bg-60);
diff --git a/rsconcept/frontend/src/pages/LibraryPage/ViewLibrary.tsx b/rsconcept/frontend/src/pages/LibraryPage/ViewLibrary.tsx
index 215706e2..d80e257c 100644
--- a/rsconcept/frontend/src/pages/LibraryPage/ViewLibrary.tsx
+++ b/rsconcept/frontend/src/pages/LibraryPage/ViewLibrary.tsx
@@ -120,6 +120,7 @@ function ViewLibrary({ items, cleanQuery }: ViewLibraryProps) {
         </p>
       </div>}
 
+      
       pagination
       paginationPerPage={50}
       paginationRowsPerPageOptions={[10, 20, 30, 50, 100]}
diff --git a/rsconcept/frontend/src/pages/RSFormPage/EditorItems.tsx b/rsconcept/frontend/src/pages/RSFormPage/EditorItems.tsx
index 387a6397..734ed320 100644
--- a/rsconcept/frontend/src/pages/RSFormPage/EditorItems.tsx
+++ b/rsconcept/frontend/src/pages/RSFormPage/EditorItems.tsx
@@ -186,7 +186,11 @@ function EditorItems({ onOpenEdit, onCreateCst, onDeleteCst }: EditorItemsProps)
           <div
             id={`${prefixes.cst_list}${cst.alias}`}
             className='w-full px-1 text-center rounded-md whitespace-nowrap'
-            style={{backgroundColor: getCstStatusColor(cst.status, colors)}}
+            style={{borderWidth: "1px", 
+              borderColor: getCstStatusColor(cst.status, colors), 
+              color: getCstStatusColor(cst.status, colors), 
+              fontWeight: 600,
+              backgroundColor: colors.bgDefault}}
           >
             {cst.alias}
           </div>
diff --git a/rsconcept/frontend/src/utils/staticUI.ts b/rsconcept/frontend/src/utils/staticUI.ts
index 76d9b55a..e126b8ab 100644
--- a/rsconcept/frontend/src/utils/staticUI.ts
+++ b/rsconcept/frontend/src/utils/staticUI.ts
@@ -315,12 +315,12 @@ export const GraphColoringSelector: {value: ColoringScheme, label: string}[] = [
 
 export function getCstStatusColor(status: ExpressionStatus, colors: IColorTheme): string {
   switch (status) {
-  case ExpressionStatus.VERIFIED: return colors.bgGreen;
-  case ExpressionStatus.INCORRECT: return colors.bgRed;
-  case ExpressionStatus.INCALCULABLE: return colors.bgOrange;
-  case ExpressionStatus.PROPERTY: return colors.bgTeal;
-  case ExpressionStatus.UNKNOWN: return colors.bgBlue;
-  case ExpressionStatus.UNDEFINED: return colors.bgBlue;
+  case ExpressionStatus.VERIFIED: return colors.fgGreen;
+  case ExpressionStatus.INCORRECT: return colors.fgRed;
+  case ExpressionStatus.INCALCULABLE: return colors.fgOrange;
+  case ExpressionStatus.PROPERTY: return colors.fgTeal;
+  case ExpressionStatus.UNKNOWN: return colors.fgBlue;
+  case ExpressionStatus.UNDEFINED: return colors.fgBlue;
   }
 }