<button type="button" class="btn btn-primary btn-lg">Lighten & Darken with LESS</span>
</button>
@color-master: #f51669; // ← change this color
@background-color: @color-master;
@text-color: lighten(@color-master, 45%);
@hover-color: lighten(@color-master, 10%);
@body-color: darken(@color-master, 30%);
.btn-primary {
color: @text-color;
background: @background-color;
border: none;
max-width: 50%;
}
.btn-primary:hover {
background: @hover-color;
}
body {
background: @body-color;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}
Also see: Tab Triggers