selfserve/clients/web/src/styles.css at 21edf0d4cd175087e435d6df541807975b832364 · GenerateNU/selfserve · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
@import "tailwindcss";

@theme {
  --color-primary: #15502c;
  --color-stroke-subtle: #d8d8d8;
  --color-stroke-default: #aeaeae;
  --color-stroke-disabled: #e9e9e9;
  --font-playfair: "Playfair Display", ui-serif, serif;
  --color-primary-hover: #0a2916;
  --color-success-accent: #e8fff0;
  --color-success-container: #bdffdd;
  --color-success-stroke: #00a575;
  --color-success: #006c4c;
  --color-success-on: #ffffff;
  --color-success-on-container: #003826;
  --color-success-strong: #003826;
  --color-success-hover: #005138;
  --color-success-hover-on: #ffffff;
  --color-warning-accent: #fff9ea;
  --color-warning-container: #fff2ab;
  --color-warning-stroke: #a39100;
  --color-warning: #6a5f00;
  --color-warning-on: #ffffff;
  --color-warning-on-container: #373100;
  --color-warning-status: #c0ac00;
  --color-warning-hover: #504700;
  --color-warning-hover-on: #ffffff;
  --color-danger-accent: #ffd5d5;
  --color-danger-container: #ffbfbf;
  --color-danger-stroke: #f93333;
  --color-danger: #e71b1b;
  --color-danger-on: #ffffff;
  --color-danger-on-container: #990000;
  --color-danger-strong: #f93333;
  --color-danger-hover: #c90505;
  --color-danger-hover-on: #ffffff;
  --color-high-priority: #a21313;
  --color-info-accent: #e9f2ff;
  --color-info-container: #dfecff;
  --color-info-stroke: #aac7ff;
  --color-info: #a1bfff;
  --color-info-on: #ffffff;
  --color-info-on-container: #556f99;
  --color-info-strong: #aac7ff;
  --color-info-hover: #7996cc;
  --color-info-hover-on: #ffffff;
  --color-shadow-weak: #e5e5e5;
  --color-shadow: #e7e7e7;
  --color-shadow-strong: #dcdcdc;
  --color-bg-container: #f8f8f8;
  --color-bg-disabled: #bababa;
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #5d5d5d;
  --color-bg-high-priority: #ffeded;
  --color-text-default: #000;
  --color-text-subtle: #747474;
  --color-text-secondary: #5d5d5d;
  --color-bg-selected: #edf5f1;
  --color-request-pending-secondary: #fcdcd1;
  --color-request-pending: #f25118;
  --color-request-completed-secondary: #cde4ce;
  --color-request-completed: #047a0d;
}

button {
  cursor: pointer;
}

body {
  @apply m-0;
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
    "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family:
    source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}