94 lines
2.5 KiB
SCSS
94 lines
2.5 KiB
SCSS
: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);
|
|
--asideIcon: rgb(222, 235, 254);
|
|
}
|
|
|
|
:root {
|
|
--task: rgb(79, 173, 230); /* blue */
|
|
--bug: rgb(228, 77, 66); /* red */
|
|
--story: rgb(101, 186, 67); /* green */
|
|
--epic: rgb(186, 142, 67); /* gold */
|
|
}
|
|
|
|
: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 */
|
|
}
|
|
|
|
:root {
|
|
--issue-color-backlog: var(--textDark);
|
|
--issue-color-inprogress: rgb(255, 255, 255);
|
|
--issue-color-selected: var(--textDark);
|
|
--issue-color-done: rgb(255, 255, 255);
|
|
--issue-background-backlog: var(--backgroundMedium);
|
|
--issue-background-inprogress: var(--primary);
|
|
--issue-background-selected: var(--backgroundMedium);
|
|
--issue-background-done: var(--success);
|
|
}
|
|
|
|
:root /* sizes */
|
|
{
|
|
--appNavBarLeftWidth: 64px;
|
|
--secondarySideBarWidth: 230px;
|
|
--minViewportWidth: 1000px;
|
|
}
|
|
|
|
:root /* z-index */
|
|
{
|
|
--modal: 20;
|
|
--dropdown: 11;
|
|
--navLeft: 10;
|
|
}
|
|
|
|
:root /* font */
|
|
{
|
|
--font-regular: "CircularStdBook";
|
|
--font-medium: "CircularStdMedium";
|
|
--font-bold: "CircularStdBold";
|
|
--font-black: "CircularStdBlack";
|
|
--normal-font-size: 1rem;
|
|
--small-font-size: .8rem;
|
|
}
|
|
|
|
:root /* margin & padding */
|
|
{
|
|
--rte-indent: 5px;
|
|
}
|
|
|
|
: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);
|
|
}
|
|
|
|
:root /* screen size */
|
|
{
|
|
--desktop: 1240px;
|
|
}
|