mirror of
https://github.com/IRBorisov/ConceptPortal.git
synced 2025-06-26 21:10:38 +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-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);
|
||||||
|
|
|
@ -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]}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user