-
Notifications
You must be signed in to change notification settings - Fork 1
/
colorSchemes.js
80 lines (78 loc) · 1.95 KB
/
colorSchemes.js
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
import React from "react";
const colors = {
default: {
topBar: `#34495e`,
sideBar: `#46596b`,
backgroundColor: `white`,
backgroundAccentColor: `rgba(0,0,0,.08)`,
tableTextColor: `white`,
cardTextColor: `white`,
cardColors: {
"red": "#e74c3c",
"blue": "#3498db",
"purple": "#9b59b6",
"yellow": "#f1c40f",
"green": "#2ecc71",
"orange": "#e67e22"
},
cardBackground: "%COLOR%",
},
horror: {
topBar: `red`,
sideBar: `green`,
backgroundColor: `yellow`,
backgroundAccentColor: `gray`,
tableTextColor: `black`,
cardTextColor: `black`,
cardColors: {
"red": "#fff",
"orange": "#701",
"yellow": "#ab2",
"green": "#aaa",
"blue": "#faf",
"purple": "#222"
},
cardBackground: "%COLOR%",
},
monokaiPro: {
topBar: `#131313`,
sideBar: `#191919`,
backgroundColor: `#222222`,
backgroundAccentColor: `#2c2c2d`,
tableTextColor: `white`,
cardTextColor: `white`,
cardColors: {
"red": "#ff6188",
"orange": "#fc9868",
"yellow": "#ffd866",
"green": "#a9de77",
"blue": "#78dce8",
"purple": "#ab9df2"
},
cardBorder: "2px solid %COLOR%", //optional, all color card props, support %COLOR% except cardColors
cardBorderRadius: `3px`, // optional
cardBackground: "#191919",
cardTypeTextColor: `#222222`, // optional
},
monokaiProWithColorText: {
importStyle: `monokaiPro`,
cardTextColor: `%COLOR%`,
},
darkerMode: {
topBar: `black`,
sideBar: `black`,
backgroundColor: `black`,
backgroundAccentColor: `black`,
tableTextColor: `#aaaaaa`,
cardTextColor: `#aaaaaa`,
cardColors: [],
cardBackground: "black",
cardTypeTextColor: `#aaaaaa`,
cardTypeBackground: `black`,
},
};
export default Object.assign(
colors,
JSON.parse(localStorage.getItem("customColorSchemes") || "{}")
);
export const ColorContext = React.createContext(colors.default);