108 lines
3.7 KiB
JSON
108 lines
3.7 KiB
JSON
{
|
|
"Main colors": {
|
|
"preset": {
|
|
"type": "select",
|
|
"label": "Preset 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 theme preset may undo other theming changes."
|
|
},
|
|
"dark-mode": {
|
|
"type": "switch",
|
|
"label": "Preview dark mode <a href=\"#\" data-bs-toggle=\"tooltip\" data-bs-title=\"New in Bootstrap 5.3! Automatically adapts a light theme for dark mode.\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-info-circle\" style=\"vertical-align:-0.125em;\" viewBox=\"0 0 16 16\"><path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z\"/><path d=\"m8.93 6.588-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.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z\"/></svg></i></a>",
|
|
"version": {"min": 5}
|
|
},
|
|
"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."
|
|
}
|
|
}
|
|
}
|