# Colors & Dark Mode

You can apply a color or dark mode by using the color and is-dark props.

TIP

The following colors are provided out of the box: gray, red, orange, yellow, green, teal, blue, indigo, purple, pink.

April 2019
S
M
T
W
T
F
S
31
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
1
2
3
4
5
6
7
8
9
10
11
October 2020
S
M
T
W
T
F
S
27
28
29
30
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
1
2
3
4
5
6
7
<v-date-picker
  :value="null"
  color="red"
  is-dark
  is-range
  />