mirror of
https://github.com/IRBorisov/ConceptPortal.git
synced 2025-06-26 13:00:39 +03:00
Violet theme
This commit is contained in:
parent
d8002923cb
commit
82801e81c0
|
@ -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);
|
||||
|
|
|
@ -120,6 +120,7 @@ function ViewLibrary({ items, cleanQuery }: ViewLibraryProps) {
|
|||
</p>
|
||||
</div>}
|
||||
|
||||
|
||||
pagination
|
||||
paginationPerPage={50}
|
||||
paginationRowsPerPageOptions={[10, 20, 30, 50, 100]}
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue
Block a user