--mainHoverColor: #{$orange-hover-color};
--mainBackgroundColor: #{$bg-color};
--mainForegroundColor: #{$fg-color};
+ --secondaryColor: #{$cyan-color};
--menuBackgroundColor: #{$menu-background};
--menuForegroundColor: #{$menu-color};
--submenuColor: #{$sub-menu-color};
- --inputColor: #{$input-background-color};
+ --inputBackgroundColor: #{$input-background-color};
--inputPlaceholderColor: #{$input-placeholder-color};
- --supportButtonBackgroundColor: #{$support-button};
- --supportButtonColor: #{$white};
+ --actionButtonColor: #{$grey-foreground-color};
+ --supportButtonBackgroundColor: #{transparent};
+ --supportButtonColor: #{var(--actionButtonColor)};
+ --supportButtonHeartColor: #{$support-button-heart};
font-family: $main-fonts;
font-weight: $font-regular;
input.readonly {
/* Force blank on readonly inputs */
- background-color: var(--inputColor) !important;
+ background-color: var(--inputBackgroundColor) !important;
}
input, textarea {
@include disable-default-a-behaviour;
&.active, &.title-page-single {
- border-bottom: 2px solid var(--mainColor);
- font-weight: $font-bold;
margin-top: 30px;
margin-bottom: 25px;
}
+ &.active {
+ font-weight: $font-bold;
+ border-bottom: 2px solid var(--mainColor);
+ }
+
+ &.title-page-single {
+ font-size: 125%;
+ }
+
&:hover, &:active, &:focus {
color: var(--mainForegroundColor);
}
to { transform: scale(1) rotate(360deg);}
}
-.orange-button {
- @include peertube-button;
- @include orange-button;
-}
-
-.orange-button-link {
- @include peertube-button-link;
- @include orange-button;
-}
-
-.grey-button {
- @include peertube-button;
- @include grey-button;
-}
-
-.grey-button-link {
- @include peertube-button-link;
- @include grey-button;
-}
-
// In tables, don't have a hover different background
table {
.action-button-edit, .action-button-delete {