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-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);

View File

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

View File

@ -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>

View File

@ -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;
}
}