The button interface look-and-feel is facilitated by the the css class btn-primary. The following css entries that are found in the file template.css are executed in the following order. You could override these css entries in the file user.css. In fact, the attribute background-color plays a major role in the button color.
Code:
.btn-primary { --btn-color: #fff; --btn-bg: #010156; --btn-border-color: #010156; --btn-hover-color: #fff; --btn-hover-bg: #010149; --btn-hover-border-color: #010145; --btn-focus-shadow-rgb: 39, 39, 111; --btn-active-color: #fff; --btn-active-bg: #010145; --btn-active-border-color: #010141; --btn-active-shadow: inset 0 3px 5px #00000020; --btn-disabled-color: #fff; --btn-disabled-bg: #010156; --btn-disabled-border-color: #010156;}.btn-primary { background-color: var(--cassiopeia-color-primary); border-color: var(--cassiopeia-color-primary);}.btn-primary:hover, .btn-primary:focus { background-color: var(--cassiopeia-color-hover); border-color: var(--cassiopeia-color-hover);}Statistics: Posted by imanickam — Tue Mar 12, 2024 5:37 am