From 9e5e566bdf7f19f9452b4542202a12d0d3433cf5 Mon Sep 17 00:00:00 2001 From: KarimTamani Date: Fri, 22 Aug 2025 16:57:42 +0100 Subject: [PATCH] Improved table colors , and add ring to table node --- src/lib/colors.ts | 27 ++++++++++++++------------- src/pages/database/table/table.tsx | 2 +- 2 files changed, 15 insertions(+), 14 deletions(-) diff --git a/src/lib/colors.ts b/src/lib/colors.ts index 500846c..717dc99 100644 --- a/src/lib/colors.ts +++ b/src/lib/colors.ts @@ -1,23 +1,24 @@ import { EditorView } from '@uiw/react-codemirror'; + + export const colorOptions = [ - - "#ff6363", // Red - "#FF7A6A", // Red-Orange - "#ff9f74", // Orange - "#FFC84D", // Yellow - "#B6E672", // Lime Green - "#6cdcc4", // Green/Cyan - "#7AD1DD", // Cyan - "#5ba7f3", // Blue - "#8F7FC9", // Softened Indigo - "#BFA0D5", // Softened Violet - "#F7A9CB" // Softened Pink - + "#FF6B6B", // Soft Red + "#FF8966", // Coral Orange + "#FFB570", // Peach Orange + "#FFD56B", // Warm Yellow + "#A5E76E", // Light Lime Green + "#63D9B7", // Aqua Green + "#6FD6E3", // Soft Cyan + "#6CA8F7", // Clear Blue + "#9A85D6", // Soft Indigo + "#C7A6E2", // Soft Violet + "#F7A8D9" // Soft Pink ]; + export const randomColor = () => { return colorOptions[Math.floor(Math.random() * colorOptions.length)]; }; diff --git a/src/pages/database/table/table.tsx b/src/pages/database/table/table.tsx index 45958c1..c744a32 100644 --- a/src/pages/database/table/table.tsx +++ b/src/pages/database/table/table.tsx @@ -83,7 +83,7 @@ const Table: React.FC> = (props) => { return (