66 lines
1.6 KiB
CSS
66 lines
1.6 KiB
CSS
|
:root {
|
||
|
|
--primary: #0052cc; /* Blue */
|
||
|
|
--success: #0B875B; /* green */
|
||
|
|
--danger: #E13C3C; /* red */
|
||
|
|
--warning: #F89C1C; /* orange */
|
||
|
|
--secondary: #F4F5F7; /* light grey */
|
||
|
|
--textDarkest: #172b4d;
|
||
|
|
--textDark: #42526E;
|
||
|
|
--textMedium: #5E6C84;
|
||
|
|
--textLight: #8993a4;
|
||
|
|
--textLink: #0052cc;
|
||
|
|
--backgroundDarkPrimary: #0747A6;
|
||
|
|
--backgroundMedium: #dfe1e6;
|
||
|
|
--backgroundLight: #ebecf0;
|
||
|
|
--backgroundLightest: #F4F5F7;
|
||
|
|
--backgroundLightPrimary: #D2E5FE;
|
||
|
|
--backgroundLightSuccess: #E4FCEF;
|
||
|
|
--borderLightest: #dfe1e6;
|
||
|
|
--borderLight: #C1C7D0;
|
||
|
|
--borderInputFocus: #4c9aff;
|
||
|
|
}
|
||
|
|
|
||
|
|
:root {
|
||
|
|
--task: #4FADE6; /* blue */
|
||
|
|
--bug: #E44D42; /* red */
|
||
|
|
--story: #65BA43; /* green */
|
||
|
|
}
|
||
|
|
|
||
|
|
:root {
|
||
|
|
--highest: #CD1317; /* red */
|
||
|
|
--high: #E9494A; /* orange */
|
||
|
|
--medium: #E97F33; /* orange */
|
||
|
|
--low: #2D8738; /* green */
|
||
|
|
--lowest: #57A55A; /* green */
|
||
|
|
}
|
||
|
|
|
||
|
|
:root {
|
||
|
|
--issue-color-backlog: var(--textDark);
|
||
|
|
--issue-color-inprogress: #fff;
|
||
|
|
--issue-color-selected: var(--textDark);
|
||
|
|
--issue-color-done: #fff;
|
||
|
|
--issue-background-backlog: var(--backgroundMedium);
|
||
|
|
--issue-background-inprogress: var(--primary);
|
||
|
|
--issue-background-selected: var(--backgroundMedium);
|
||
|
|
--issue-background-done: var(--success);
|
||
|
|
}
|
||
|
|
|
||
|
|
:root /* sizes */ {
|
||
|
|
--appNavBarLeftWidth: 64;
|
||
|
|
--secondarySideBarWidth: 230;
|
||
|
|
--minViewportWidth: 1000;
|
||
|
|
}
|
||
|
|
|
||
|
|
:root /* z-index */ {
|
||
|
|
--modal: 20;
|
||
|
|
--dropdown: 11;
|
||
|
|
--navLeft: 10;
|
||
|
|
}
|
||
|
|
|
||
|
|
:root /* font */ {
|
||
|
|
--font-regular: "CircularStdBook";
|
||
|
|
--font-medium: "CircularStdMedium";
|
||
|
|
--font-bold: "CircularStdBold";
|
||
|
|
--font-black: "CircularStdBlack";
|
||
|
|
}
|