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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
|
{
"Main colors": {
"bootswatch": {
"type": "select",
"label": "Overall theme",
// The inlined svg below is the info-circle Bootstrap icon https://icons.getbootstrap.com
"desc": "<svg width='1em' height='1.25em' viewBox='0 2 16 16' class='bi bi-info-circle' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/><path d='M8.93 6.588l-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588z'/><circle cx='8' cy='4.5' r='1'/></svg> Changing the overall (<a href='https://bootswatch.com'>Bootswatch</a>) theme may undo other theming changes."
},
"bg": {
"type": "color",
"label": "Background (bg) color"
},
"fg": {
"type": "color",
"label": "Foreground (fg) color"
}
},
"Accent colors": {
"primary": {
"type": "color",
"label": "Primary color",
"desc": "Links and highlighted navigation"
},
"secondary": {
"type": "color",
"label": "Secondary",
"desc": null
},
"success": {
"type": "color",
"label": "Success",
"desc": null
},
"info": {
"type": "color",
"label": "Info",
"desc": null
},
"warning": {
"type": "color",
"label": "Warning",
"desc": null
},
"danger": {
"type": "color",
"label": "Danger",
"desc": null
}
},
"Fonts": {
"font-family-base": {
"type": "str",
"label": "Base font",
"desc": "Try a <a href='https://fonts.google.com/?category=Sans+Serif'>San Serif</a> Google Font (e.g., Prompt)."
},
"font-family-monospace": {
"type": "str",
"label": "Code font",
"desc": "Try a <a href='https://fonts.google.com/?category=Monospace'>Monospace</a> Google Font"
},
"headings-font-family": {
"type": "str",
"label": "Heading font",
"desc": "Try a <a href='https://fonts.google.com/?category=Serif'>Serif</a> Google Font. Defaults to the base font family."
},
"font-size-base": {
"type": "number",
"step": "0.05",
"label": "Base font size",
"desc": "A scalar multiple to apply to all font sizes."
}
},
"Options": {
"enable-gradients": {
"type": "bool",
"label": "Gradient backgrounds",
"desc": null
},
"enable-shadows": {
"type": "bool",
"label": "Box shadows",
"desc": null
},
"enable-rounded": {
"type": "bool",
"label": "Rounded corners",
"desc": null
},
"enable-transitions": {
"type": "bool",
"label": "Transitions",
"desc": null
}
},
"Spacing": {
"spacer": {
"type": "length",
"label": "Spacer",
"desc": "Basic unit of spacing; affects margin and padding of many (but not all) Bootstrap components."
}
}
}
|
