Spectre Button colors Last Updated : 13 Dec, 2021 Improve Improve Like Article Like Save Share Report The button is an important feature of any website or in any app. The Spectre Button color class is used to define the color of the button. Button Color Class: btn-primary: This class is used to set the color of the button as blue. btn-success: This class is used to set the color of the button as green. btn-error: This class is used to set the color of the button as red. Note: If you need more button colors, please use button mixins to create your own button color variants. Example: Below example illustrate the Button Color in Spectre. HTML <!DOCTYPE html> <html> <head> <title>SPECTRE Buttons Class</title> <link rel="stylesheet" href= "https://unpkg.com/spectre.css/dist/spectre.min.css"> <link rel="stylesheet" href= "https://unpkg.com/spectre.css/dist/spectre-exp.min.css"> <link rel="stylesheet" href= "https://unpkg.com/spectre.css/dist/spectre-icons.min.css"> </head> <body> <center> <h1>GeeksforGeeks</h1> <strong>SPECTRE Button Color Class</strong> <br> <button class="btn btn-primary">Primary Color</button> <button class="btn btn-success">Success Color</button> <button class="btn btn-error">Error Color</button> </center> </body> </html> Output: Reference: https://picturepan2.github.io/spectre/elements/buttons.html#buttons-colors Like Article Suggest improvement Previous How to center elements in a div along a baseline without a container in CSS ? Next jQWidgets jqxKanban columns Property Share your thoughts in the comments Add Your Comment Please Login to comment...