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

80 lines
2.3 KiB
CSS
Raw Normal View History

2020-03-30 14:26:25 +02:00
:root {
--primary: rgb(0, 82, 204); /* Blue */
--success: rgb(11, 135, 91); /* green */
--danger: rgb(225, 60, 60); /* red */
--warning: rgb(248, 156, 28); /* orange */
--secondary: rgb(244, 245, 247); /* light grey */
--textDarkest: rgb(23, 43, 77);
--textDark: rgb(66, 82, 110);
--textMedium: rgb(94, 108, 132);
--textLight: rgb(137, 147, 164);
--textLink: rgb(0, 82, 204);
--backgroundDarkPrimary: rgb(7, 71, 166);
--backgroundMedium: rgb(223, 225, 230);
--backgroundLight: rgb(235, 236, 240);
--backgroundLightest: rgb(244, 245, 247);
--backgroundLightPrimary: rgb(210, 229, 254);
--backgroundLightSuccess: rgb(228, 252, 239);
--borderLightest: rgb(223, 225, 230);
--borderLight: rgb(193, 199, 208);
--borderInputFocus: rgb(76, 154, 255);
2020-03-30 14:26:25 +02:00
}
:root {
--task: rgb(79, 173, 230); /* blue */
--bug: rgb(228, 77, 66); /* red */
--story: rgb(101, 186, 67); /* green */
2020-03-30 14:26:25 +02:00
}
:root {
--highest: rgb(205, 19, 23); /* red */
--high: rgb(233, 73, 74); /* orange */
--medium: rgb(233, 127, 51); /* orange */
--low: rgb(45, 135, 56); /* green */
--lowest: rgb(87, 165, 90); /* green */
2020-03-30 14:26:25 +02:00
}
:root {
--issue-color-backlog: var(--textDark);
--issue-color-inprogress: rgb(255, 255, 255);
2020-03-30 14:26:25 +02:00
--issue-color-selected: var(--textDark);
--issue-color-done: rgb(255, 255, 255);
2020-03-30 14:26:25 +02:00
--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 */
{
2020-03-30 14:26:25 +02:00
--modal: 20;
--dropdown: 11;
--navLeft: 10;
}
:root /* font */
{
2020-03-30 14:26:25 +02:00
--font-regular: "CircularStdBook";
--font-medium: "CircularStdMedium";
--font-bold: "CircularStdBold";
--font-black: "CircularStdBlack";
}
2020-03-31 11:11:06 +02:00
2020-05-10 13:10:31 +02:00
:root { /* user without avatar */
--avatar-color-1: rgb(218, 118, 87);
--avatar-color-2: rgb(106, 218, 87);
--avatar-color-3: rgb(87, 132, 218);
--avatar-color-4: rgb(170, 87, 218);
--avatar-color-5: rgb(218, 87, 87);
--avatar-color-6: rgb(218, 87, 146);
--avatar-color-7: rgb(87, 218, 202);
--avatar-color-8: rgb(87, 165, 218);
2020-03-31 11:11:06 +02:00
}