48 lines
1.0 KiB
CSS
48 lines
1.0 KiB
CSS
|
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");
|
||
|
|
|
||
|
|
@tailwind base;
|
||
|
|
@tailwind components;
|
||
|
|
@tailwind utilities;
|
||
|
|
|
||
|
|
:root {
|
||
|
|
--font-family: "Manrope";
|
||
|
|
--color-brand: 24 90 219;
|
||
|
|
--color-accent: 0 166 166;
|
||
|
|
--color-surface: 244 247 251;
|
||
|
|
--color-page: 248 250 252;
|
||
|
|
--color-text: 15 23 42;
|
||
|
|
--color-muted: 90 106 133;
|
||
|
|
--color-line: 215 222 235;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark {
|
||
|
|
--color-brand: 63 140 255;
|
||
|
|
--color-accent: 34 211 238;
|
||
|
|
--color-surface: 30 41 59;
|
||
|
|
--color-page: 2 6 23;
|
||
|
|
--color-text: 226 232 240;
|
||
|
|
--color-muted: 148 163 184;
|
||
|
|
--color-line: 51 65 85;
|
||
|
|
}
|
||
|
|
|
||
|
|
html,
|
||
|
|
body,
|
||
|
|
#root {
|
||
|
|
min-height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
background:
|
||
|
|
radial-gradient(circle at top left, rgb(var(--color-brand) / 0.18), transparent 32%),
|
||
|
|
radial-gradient(circle at top right, rgb(var(--color-accent) / 0.16), transparent 25%),
|
||
|
|
rgb(var(--color-page));
|
||
|
|
color: rgb(var(--color-text));
|
||
|
|
font-family: var(--font-family), sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gantt-theme .wx-bar,
|
||
|
|
.gantt-theme .wx-task {
|
||
|
|
fill: rgb(var(--color-brand));
|
||
|
|
}
|
||
|
|
|