Test a color for the support button

pull/2306/head
Chocobozzz 2019-12-03 20:10:27 +01:00
parent 64ff48cb8d
commit 2fcc229497
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
3 changed files with 26 additions and 0 deletions

View File

@ -255,6 +255,19 @@ $player-factor: 1.7; // 16/9
}
}
&.action-button-support {
color: var(--supportButtonColor);
background-color: var(--supportButtonBackgroundColor);
&:hover {
opacity: 0.9;
}
my-global-icon {
@include apply-svg-color(var(--supportButtonColor));
}
}
&.action-button-save {
my-global-icon {
top: 0 !important;

View File

@ -26,12 +26,17 @@ body {
--mainHoverColor: #{$orange-hover-color};
--mainBackgroundColor: #{$bg-color};
--mainForegroundColor: #{$fg-color};
--menuBackgroundColor: #{$menu-background};
--menuForegroundColor: #{$menu-color};
--submenuColor: #{$sub-menu-color};
--inputColor: #{$input-background-color};
--inputPlaceholderColor: #{$input-placeholder-color};
--supportButtonBackgroundColor: #{$support-button};
--supportButtonColor: #{$white};
font-family: $main-fonts;
font-weight: $font-regular;
color: var(--mainForegroundColor);

View File

@ -14,6 +14,8 @@ $grey-foreground-hover-color: #303030;
$orange-color: #F1680D;
$orange-hover-color: #F97D46;
$support-button: #38981a;
$bg-color: #fff;
$fg-color: #000;
@ -68,11 +70,17 @@ $variables: (
--mainHoverColor: var(--mainHoverColor),
--mainBackgroundColor: var(--mainBackgroundColor),
--mainForegroundColor: var(--mainForegroundColor),
--menuBackgroundColor: var(--menuBackgroundColor),
--menuForegroundColor: var(--menuForegroundColor),
--submenuColor: var(--submenuColor),
--inputColor: var(--inputColor),
--inputPlaceholderColor: var(--inputPlaceholderColor),
--supportButtonColor: var(--supportButtonColor),
--supportButtonBackgroundColor: var(--supportButtonBackgroundColor),
--embedForegroundColor: var(--embedForegroundColor),
--embedBigPlayBackgroundColor: var(--embedBigPlayBackgroundColor)
);