mirror of
https://github.com/FrankerFaceZ/FrankerFaceZ.git
synced 2025-09-15 17:46:55 +00:00
4.12.2
* Added: Helper text to `Appearance > Theme` with suggested colors, as well as the previous site fonts. * Changed: Automatically enable or disable Twitch's Dark Theme when setting a background color, to ensure page elements stay styled correctly. * Changed: Don't try injecting our script on `brand` or `dev` subdomains. * Changed: Do not allow setting the alpha value of custom background colors. * Fixed: Add relative positioning to most of our tool-tip wrapper elements, to ensure tool-tips are positioned correctly. * Fixed: Stop modifying queries with Apollo. Just send our own queries when we need a bit of extra data. Should prevent loading issues. * Fixed: Option to hide the Discover link in the top navigation not working. * Fixed: Option to hide live indicators on channel cards not working. * Fixed: Add a few more rules to the new theme to ensure all elements are colored correctly. * Fixed: Do not square avatars within the Bits Leaderboard. * Known Issue: Light custom themes do not look good in Theater Mode.
This commit is contained in:
parent
a1949b0f8e
commit
077a0685ad
26 changed files with 182 additions and 119 deletions
|
@ -1,4 +1,4 @@
|
|||
$color: #dad8de;
|
||||
/*$color: #dad8de;
|
||||
$bg-color: #17141f;
|
||||
$border-color: #2c2541;
|
||||
|
||||
|
@ -8,6 +8,7 @@ $input-border: #392e5c;
|
|||
$input-active-border: #7d5bbe;
|
||||
|
||||
|
||||
|
||||
.tw-root--theme-dark {
|
||||
.vc-sketch {
|
||||
background: $bg-color;
|
||||
|
@ -93,4 +94,38 @@ $input-active-border: var(--ffz-color-5);
|
|||
.vc-sketch-presets-color {
|
||||
box-shadow: inset 0 0 0 1px $border-color;
|
||||
}
|
||||
}*/
|
||||
|
||||
.vc-sketch {
|
||||
background-color: var(--color-background-body) !important;
|
||||
box-shadow: 0 0 0 1px var(--color-border-base) !important;
|
||||
}
|
||||
|
||||
.vc-sketch-active-color {
|
||||
box-shadow: inset 0 0 0 1px var(--color-border-base) !important;
|
||||
}
|
||||
|
||||
.vc-sketch-field {
|
||||
.vc-input__input {
|
||||
background-color: var(--color-background-input) !important;
|
||||
color: var(--color-text-input) !important;
|
||||
box-shadow: inset 0 0 0 1px var(--color-border-input) !important;
|
||||
|
||||
&:focus {
|
||||
box-shadow: inset 0 0 0 1px var(--color-border-input-focus),
|
||||
0 0 6px -2px var(--color-border-input-focus) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.vc-input__label {
|
||||
color: var(--color-text-label) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.vc-sketch-presets {
|
||||
border-top-color: var(--color-border-base) !important;
|
||||
}
|
||||
|
||||
.vc-sketch-presets-color {
|
||||
box-shadow: inset 0 0 0 1px var(--color-border-base) !important;
|
||||
}
|
|
@ -32,7 +32,7 @@
|
|||
}
|
||||
|
||||
&.current {
|
||||
border-left-color: var(--color-twitch-purple-8);
|
||||
border-left-color: var(--color-border-button-active);
|
||||
}
|
||||
|
||||
.description {
|
||||
|
@ -57,11 +57,7 @@
|
|||
|
||||
&:focus,
|
||||
&:hover {
|
||||
background: var(--color-opac-p-1);
|
||||
|
||||
.tw-root--theme-dark & {
|
||||
background: var(--color-opac-p-4);
|
||||
}
|
||||
background-color: var(--color-background-alt-2);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -5,8 +5,8 @@
|
|||
outline: none;
|
||||
|
||||
.tab.active {
|
||||
box-shadow: inset 0 0 0 1px var(--color-twitch-purple-8),
|
||||
0 0 6px -2px var(--color-twitch-purple-8);
|
||||
box-shadow: inset 0 0 0 1px var(--color-border-tab-active),
|
||||
0 0 6px -2px var(--color-border-tab-active);
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -18,11 +18,7 @@
|
|||
border-right: 1px solid;
|
||||
&:first-child { border-left-width: 1px; border-left-style: solid }
|
||||
|
||||
border-color: $border-light;
|
||||
|
||||
.tw-root--theme-dark & {
|
||||
border-color: $border-dark;
|
||||
}
|
||||
border-color: var(--color-border-base);
|
||||
|
||||
&.active:after {
|
||||
position: absolute;
|
||||
|
@ -30,7 +26,7 @@
|
|||
left: 0;
|
||||
right: 0;
|
||||
content: '';
|
||||
border-bottom: 4px solid var(--color-twitch-purple-8);
|
||||
border-bottom: 4px solid var(--color-border-tab-active);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue