extension/react-app/src/index.css


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

@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --secondary-dark: 37 37 38;
  --vsc-background: 30 30 30;
  --button-color: rgb(113, 28, 59);
  --button-color-hover: rgba(113, 28, 59, 0.667);
  --def-border-radius: 5px;
}

@font-face {
  font-family: "Mona Sans";
  src: url("assets/Mona-Sans.woff2") format("woff2 supports variations"),
    url("assets/Mona-Sans.woff2") format("woff2-variations");
  font-weight: 200 900;
  font-stretch: 75% 85%;
}

html,
body,
#root {
  height: 100%;
  background-color: var(--vsc-background);
}

body {
  background-color: var(--vsc-background);
  padding: 0;
  color: white;
  font-family: "Mona Sans", "Arial", sans-serif;
  padding: 0px;
  margin: 0px;
  height: 100%;
}