styles/themepicker.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

.themeCardWrapper {
	margin: var(--spacing-medium);
}

.themeCard {
	background-color: var(--bg) !important;
	border-width: 2px;
	border-style: solid;
	border-color: var(--fg);
	text-align: left !important;

	transition-duration: .1s;
	transition-property: transform, box-shadow;

	height: 20px;
	width: 170px;
}

.themeCard:active {
	box-shadow: 0;
	transform: translateY(2px);
}

.themeCard .name {
	color: var(--fg);
	margin-left: var(--spacing-small);
}

.themeCard .disks {
	background-color: var(--fg);
	width: 64px;

}

.themeCard .disks .disk {
	border-radius: 9999999px;
	width: 24px;

	top: 4px;
	bottom: 4px;
}

.themeCard .disks .disk.a {
	background-color: var(--a);
	right: 4px;
} 
.themeCard .disks .disk.b {
	background-color: var(--b);
	left: 6px;
}