-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdefault-colors-system.css
41 lines (39 loc) · 1.01 KB
/
default-colors-system.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
/* Based on https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/color/ */
:root {
--blue: rgb(0,122,255);
--brown: rgb(162,132,94);
--gray: rgb(142,142,147);
--gray2: rgb(174,174,178);
--gray3: rgb(199,199,204);
--gray4: rgb(209,209,214);
--gray5: rgb(229,229,234);
--gray6: rgb(242,242,247);
--green: rgb(52,199,89);
--indigo: rgb(88,86,214);
--orange: rgb(255,149,0);
--pink: rgb(255,45,85);
--purple: rgb(175,82,222);
--red: rgb(255,59,48);
--teal: rgb(90,200,250);
--yellow: rgb(255,204,0);
}
@media (prefers-color-scheme: dark){
:root {
--blue: rgb(10,132,255);
--brown: rgb(172,142,104);
--gray: rgb(142,142,147);
--gray2: rgb(99,99,102);
--gray3: rgb(72,72,74);
--gray4: rgb(58,58,60);
--gray5: rgb(44,44,46);
--gray6: rgb(28,28,30);
--green: rgb(48,209,88);
--indigo: rgb(94,92,230);
--orange: rgb(255,159,10);
--pink: rgb(255,55,95);
--purple: rgb(191,90,242);
--red: rgb(255,69,58);
--teal: rgb(100,210,255);
--yellow: rgb(255,214,10);
}
}