Customization · Bootnative

Customize

You can customize the predefined variables and colors when initializing Bootnative.

const bn = bootnative({
    vars, colors
});

Default vars

{
    spacing: 5, //margins & pading (scale prop)
    container_mt: 0, //mt -> margin top
}

Default colors

{
    primary: "#057AFC",
    secondary: "#6C757D",
    success: "#51A846",
    danger: "#DD4145",
    waring: "#FBC230",
    info: "#3DA3B9",
    light: "#F8F9FA",
    dark: "#343A40",
    white: "#ffffff",
 
    blue: "#057AFC",
    indigo: "#7066F2",
    purple: "#7152C1",
    pink: "#E9548C",
    red: "#DD4145",
    orange: "#F37D30",
    yellow: "#FBC230",
    green: "#51A846",
    teal: "#5CCA98",
    cyan: "#3DA3B9",
}