mirror of https://github.com/Chocobozzz/PeerTube
Test a color for the support button
parent
64ff48cb8d
commit
2fcc229497
|
@ -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 {
|
&.action-button-save {
|
||||||
my-global-icon {
|
my-global-icon {
|
||||||
top: 0 !important;
|
top: 0 !important;
|
||||||
|
|
|
@ -26,12 +26,17 @@ body {
|
||||||
--mainHoverColor: #{$orange-hover-color};
|
--mainHoverColor: #{$orange-hover-color};
|
||||||
--mainBackgroundColor: #{$bg-color};
|
--mainBackgroundColor: #{$bg-color};
|
||||||
--mainForegroundColor: #{$fg-color};
|
--mainForegroundColor: #{$fg-color};
|
||||||
|
|
||||||
--menuBackgroundColor: #{$menu-background};
|
--menuBackgroundColor: #{$menu-background};
|
||||||
--menuForegroundColor: #{$menu-color};
|
--menuForegroundColor: #{$menu-color};
|
||||||
--submenuColor: #{$sub-menu-color};
|
--submenuColor: #{$sub-menu-color};
|
||||||
|
|
||||||
--inputColor: #{$input-background-color};
|
--inputColor: #{$input-background-color};
|
||||||
--inputPlaceholderColor: #{$input-placeholder-color};
|
--inputPlaceholderColor: #{$input-placeholder-color};
|
||||||
|
|
||||||
|
--supportButtonBackgroundColor: #{$support-button};
|
||||||
|
--supportButtonColor: #{$white};
|
||||||
|
|
||||||
font-family: $main-fonts;
|
font-family: $main-fonts;
|
||||||
font-weight: $font-regular;
|
font-weight: $font-regular;
|
||||||
color: var(--mainForegroundColor);
|
color: var(--mainForegroundColor);
|
||||||
|
|
|
@ -14,6 +14,8 @@ $grey-foreground-hover-color: #303030;
|
||||||
$orange-color: #F1680D;
|
$orange-color: #F1680D;
|
||||||
$orange-hover-color: #F97D46;
|
$orange-hover-color: #F97D46;
|
||||||
|
|
||||||
|
$support-button: #38981a;
|
||||||
|
|
||||||
$bg-color: #fff;
|
$bg-color: #fff;
|
||||||
$fg-color: #000;
|
$fg-color: #000;
|
||||||
|
|
||||||
|
@ -68,11 +70,17 @@ $variables: (
|
||||||
--mainHoverColor: var(--mainHoverColor),
|
--mainHoverColor: var(--mainHoverColor),
|
||||||
--mainBackgroundColor: var(--mainBackgroundColor),
|
--mainBackgroundColor: var(--mainBackgroundColor),
|
||||||
--mainForegroundColor: var(--mainForegroundColor),
|
--mainForegroundColor: var(--mainForegroundColor),
|
||||||
|
|
||||||
--menuBackgroundColor: var(--menuBackgroundColor),
|
--menuBackgroundColor: var(--menuBackgroundColor),
|
||||||
--menuForegroundColor: var(--menuForegroundColor),
|
--menuForegroundColor: var(--menuForegroundColor),
|
||||||
--submenuColor: var(--submenuColor),
|
--submenuColor: var(--submenuColor),
|
||||||
|
|
||||||
--inputColor: var(--inputColor),
|
--inputColor: var(--inputColor),
|
||||||
--inputPlaceholderColor: var(--inputPlaceholderColor),
|
--inputPlaceholderColor: var(--inputPlaceholderColor),
|
||||||
|
|
||||||
|
--supportButtonColor: var(--supportButtonColor),
|
||||||
|
--supportButtonBackgroundColor: var(--supportButtonBackgroundColor),
|
||||||
|
|
||||||
--embedForegroundColor: var(--embedForegroundColor),
|
--embedForegroundColor: var(--embedForegroundColor),
|
||||||
--embedBigPlayBackgroundColor: var(--embedBigPlayBackgroundColor)
|
--embedBigPlayBackgroundColor: var(--embedBigPlayBackgroundColor)
|
||||||
);
|
);
|
||||||
|
|
Loading…
Reference in New Issue