src/app.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
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
82
83
84
85
86
87
88

@import "tailwindcss";
@tailwind base;
@tailwind components;
@tailwind utilities;


@font-face {
  font-family: "PublicSans";
  src: url("/fonts/Public_Sans/static/PublicSans-Regular.ttf")
    format("truetype");
}

html {
  font-family: PublicSans, sans-serif;
}

::selection {
  color: black;
  background: #eaf2ff;
}

:fullscreen {
  background-color: white;
}

input:not([type="range"]) {
  @apply input
}

.input {
  @apply input-lg input-primary;
}

textarea {
  @apply textarea textarea-lg textarea-primary;
}

select {
  @apply select select-lg select-primary;
}

input:not([type="range"]), textarea, select, .input  {
  @apply w-full rounded-2xl;
}

textarea:focus, textarea:focus-within, .input:focus, .input:focus-within {
  @apply outline-offset-0;
}

input.clean, textarea.clean {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

.btn {
  @apply rounded-2xl btn-lg btn-block outline-none
}

@plugin "daisyui" {
  themes: light --default, dark --prefersdark;
}

@plugin "daisyui/theme" {
  name: "light";
  default: true;

  --gradient: #C3CFE2;
  --color-error: #b91c1c; 
  --color-primary: #000;
  --color-secondary: #111;
}

@plugin "daisyui/theme" {
  name: "dark";
  prefersdark: true;

  --gradient: #C3CFE2;
  --color-primary: #FFF;
  --color-secondary: #CCC;
  --color-error: #f87171;
}

:root, [data-theme="dark"] {
}