framer-plugin/index.css at main · calcom/framer-plugin · 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
/* Your Plugin CSS */
@import "tailwindcss";
@tailwind utilities;

@theme inline {
  /* Background */
  --color-emphasis: var(--cal-bg-emphasis);
  --color: var(--cal-bg);
  --color-subtle: var(--cal-bg-subtle);
  --color-muted: var(--cal-bg-muted);
  --color-inverted: var(--cal-bg-inverted);

  --color-subtle-text: var(--cal-text-subtle);

  /* Background -> Components */
  --color-info: var(--cal-text-info);
  --color-success: var(--cal-text-success);
  --color-attention: var(--cal-text-attention);
  --color-error: var(--cal-text-error);
  --color-dark-error: var(--cal-bg-dark-error);

  --color-black: var(--cal-black);
}

:root {
  /* background */
  --cal-bg-emphasis: #e5e7eb;
  --cal-bg: white;
  --cal-bg-subtle: #f3f4f6;
  --cal-bg-muted: #f9fafb;
  --cal-bg-inverted: #111827;

  --cal-black: #111;

  --cal-text-subtle: #878787;

  /* Content/Text -> components */
  --cal-text-info: #0091FC;
  --cal-text-success: #285231;
  --cal-text-attention: #73321b;
  --cal-text-error: hsla(0, 63%, 31%, 1);
  /* Brand shenanigans
    -> These will be computed for the users theme at runtime.
  */

}