{ "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." } } }