Violet theme

This commit is contained in:
Ulle9 2023-09-09 17:51:34 +03:00
parent d8002923cb
commit 82801e81c0
4 changed files with 23 additions and 10 deletions

View File

@ -38,16 +38,24 @@
--cd-fg-80: hsl(000, 000%, 080%); --cd-fg-80: hsl(000, 000%, 080%);
--cd-fg-100: hsl(000, 000%, 093%); --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-80: hsl(035, 080%, 043%);
--cd-prim-bg-60: hsl(045, 080%, 031%); --cd-prim-bg-60: hsl(045, 080%, 031%);
--cd-prim-fg-80: hsl(025, 080%, 050%); --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-bg-100: hsl(000, 100%, 015%);
--cd-red-fg-100: hsl(000, 100%, 060%); --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 */ /* Import overrides */
--toastify-color-dark: var(--cd-bg-60); --toastify-color-dark: var(--cd-bg-60);

View File

@ -120,6 +120,7 @@ function ViewLibrary({ items, cleanQuery }: ViewLibraryProps) {
</p> </p>
</div>} </div>}
pagination pagination
paginationPerPage={50} paginationPerPage={50}
paginationRowsPerPageOptions={[10, 20, 30, 50, 100]} paginationRowsPerPageOptions={[10, 20, 30, 50, 100]}

View File

@ -186,7 +186,11 @@ function EditorItems({ onOpenEdit, onCreateCst, onDeleteCst }: EditorItemsProps)
<div <div
id={`${prefixes.cst_list}${cst.alias}`} id={`${prefixes.cst_list}${cst.alias}`}
className='w-full px-1 text-center rounded-md whitespace-nowrap' 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} {cst.alias}
</div> </div>

View File

@ -315,12 +315,12 @@ export const GraphColoringSelector: {value: ColoringScheme, label: string}[] = [
export function getCstStatusColor(status: ExpressionStatus, colors: IColorTheme): string { export function getCstStatusColor(status: ExpressionStatus, colors: IColorTheme): string {
switch (status) { switch (status) {
case ExpressionStatus.VERIFIED: return colors.bgGreen; case ExpressionStatus.VERIFIED: return colors.fgGreen;
case ExpressionStatus.INCORRECT: return colors.bgRed; case ExpressionStatus.INCORRECT: return colors.fgRed;
case ExpressionStatus.INCALCULABLE: return colors.bgOrange; case ExpressionStatus.INCALCULABLE: return colors.fgOrange;
case ExpressionStatus.PROPERTY: return colors.bgTeal; case ExpressionStatus.PROPERTY: return colors.fgTeal;
case ExpressionStatus.UNKNOWN: return colors.bgBlue; case ExpressionStatus.UNKNOWN: return colors.fgBlue;
case ExpressionStatus.UNDEFINED: return colors.bgBlue; case ExpressionStatus.UNDEFINED: return colors.fgBlue;
} }
} }