1
0
Fork 0
mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-09-15 17:46:55 +00:00
* 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:
SirStendec 2019-09-27 15:44:33 -04:00
parent a1949b0f8e
commit 077a0685ad
26 changed files with 182 additions and 119 deletions

View file

@ -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;
}

View file

@ -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);
}
}

View file

@ -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);
}
}