add 15pct value of accent color for FormButton backgrounds

so the button in the toasts has the correct background color
This commit is contained in:
Bruno Windels 2020-04-27 17:30:28 +02:00
parent b3f19086f2
commit 2f68f608c5
2 changed files with 2 additions and 0 deletions

View file

@ -17,6 +17,7 @@ limitations under the License.
//
// --accent-color
$accent-color: var(--accent-color);
$accent-bg-color: var(--accent-color-15pct);
$button-bg-color: var(--accent-color);
$button-link-fg-color: var(--accent-color);
$button-primary-bg-color: var(--accent-color);

View file

@ -148,6 +148,7 @@ function setCustomThemeVars(customTheme) {
style.setProperty(`--${name}`, hexColor);
// uses #rrggbbaa to define the color with alpha values at 0% and 50%
style.setProperty(`--${name}-0pct`, hexColor + "00");
style.setProperty(`--${name}-15pct`, hexColor + "26");
style.setProperty(`--${name}-50pct`, hexColor + "7F");
}
}