bitque/jirs-client/js/css/variables.css

66 lines
1.6 KiB
CSS
Raw Normal View History

2020-03-30 14:26:25 +02:00
: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 */ {
2020-03-30 16:26:24 +02:00
--appNavBarLeftWidth: 64px;
--secondarySideBarWidth: 230px;
--minViewportWidth: 1000px;
2020-03-30 14:26:25 +02:00
}
:root /* z-index */ {
--modal: 20;
--dropdown: 11;
--navLeft: 10;
}
:root /* font */ {
--font-regular: "CircularStdBook";
--font-medium: "CircularStdMedium";
--font-bold: "CircularStdBold";
--font-black: "CircularStdBlack";
}