mirror of
https://github.com/FrankerFaceZ/FrankerFaceZ.git
synced 2025-08-02 16:08:31 +00:00
Update the gray theme from Twitch's CSS. Update the changelog.
This commit is contained in:
SirStendec
parent
7dcac76954
commit
e49dd9b216
2 changed files with 173 additions and 18 deletions
|
|
@ -1,3 +1,10 @@
|
|||
<div class="list-header">4.0.0-beta1.5<span>@08fecb05d7e54dc038b0</span> <time datetime="2018-02-27">(2018-02-27)</time></div>
|
||||
<ul class="chat-menu-content menu-side-padding">
|
||||
<li>Added: Setting to control how much the player volume changes when you scroll to adjust the volume.</li>
|
||||
<li>Changed: Update the gray theme with the latest changes to Twitch's dark theme.</li>
|
||||
<li>Fixed: <code>/me</code> messages in chat not rendering correctly.</li>
|
||||
</ul>
|
||||
|
||||
<div class="list-header">4.0.0-beta1.5<span>@e5095bc624a4d0c6be15</span> <time datetime="2018-02-22">(2018-02-22)</time></div>
|
||||
<ul class="chat-menu-content menu-side-padding">
|
||||
<li>Fixed: Further fixes for the React 16 upgrade. Most features should now be working.</li>
|
||||
|
|
|
|||
|
|
@ -1276,6 +1276,28 @@
|
|||
.whispers-list-item:hover {
|
||||
background-color: var(--ffz-color-27);
|
||||
}
|
||||
.recurly-form {
|
||||
.recurly-hosted-field {
|
||||
border-color: var(--ffz-color-26);
|
||||
background-color: var(--ffz-color-27);
|
||||
color: var(--ffz-color-23);
|
||||
}
|
||||
.recurly-hosted-field-focus {
|
||||
border-color: var(--ffz-color-5);
|
||||
-webkit-box-shadow: 0 0 6px -2px var(--ffz-color-5);
|
||||
box-shadow: 0 0 6px -2px var(--ffz-color-5);
|
||||
}
|
||||
.recurly-error {
|
||||
.recurly-hosted-field {
|
||||
border-color: var(--ffz-color-14);
|
||||
}
|
||||
.recurly-hosted-field-focus {
|
||||
border-color: var(--ffz-color-5);
|
||||
-webkit-box-shadow: 0 0 6px -2px var(--ffz-color-5);
|
||||
box-shadow: 0 0 6px -2px var(--ffz-color-5);
|
||||
}
|
||||
}
|
||||
}
|
||||
.footer__link {
|
||||
color: var(--ffz-color-4);
|
||||
&:hover {
|
||||
|
|
@ -1331,6 +1353,9 @@
|
|||
.community-selection-page__progress-container {
|
||||
background-color: var(--ffz-color-27);
|
||||
}
|
||||
.drops-badge__drops-icon:after {
|
||||
background-color: var(--ffz-color-18);
|
||||
}
|
||||
.platform-filter {
|
||||
color: currentColor;
|
||||
}
|
||||
|
|
@ -1516,7 +1541,7 @@
|
|||
.chat-viewers-list__button {
|
||||
color: var(--ffz-color-2);
|
||||
}
|
||||
.chat-viewers__pane {
|
||||
.chat-viewers__pane, .chat-viewers__old-pane {
|
||||
background-color: var(--ffz-color-27);
|
||||
color: var(--ffz-color-24);
|
||||
}
|
||||
|
|
@ -1524,15 +1549,6 @@
|
|||
border-bottom-color: var(--ffz-color-20);
|
||||
background-color: var(--ffz-color-21);
|
||||
}
|
||||
.viewer-card__display-name-link {
|
||||
color: var(--ffz-color-23);
|
||||
&:hover {
|
||||
color: var(--ffz-color-23);
|
||||
}
|
||||
}
|
||||
.viewer-card__banner {
|
||||
background-color: var(--ffz-color-25);
|
||||
}
|
||||
.social-button__link--copy:after {
|
||||
color: var(--ffz-color-3);
|
||||
}
|
||||
|
|
@ -1572,11 +1588,45 @@
|
|||
.clips-preview-card__display-name {
|
||||
color: var(--ffz-color-7);
|
||||
}
|
||||
.collection-card__link {
|
||||
color: var(--ffz-color-1);
|
||||
&:hover {
|
||||
color: var(--ffz-color-2);
|
||||
}
|
||||
.esports-notification-card__circle--svg {
|
||||
fill: var(--ffz-color-0);
|
||||
}
|
||||
.esports-hexagon__svg--fill {
|
||||
fill: var(--ffz-color-3);
|
||||
stroke: var(--ffz-color-3);
|
||||
}
|
||||
.esports-hexagon__svg--fill-emote-locked {
|
||||
fill: var(--ffz-color-27);
|
||||
stroke: var(--ffz-color-27);
|
||||
}
|
||||
.esports-hexagon__svg--fill-coming-soon {
|
||||
fill: var(--ffz-color-29);
|
||||
stroke: var(--ffz-color-29);
|
||||
}
|
||||
.esports-hexagon__svg--background {
|
||||
fill: var(--ffz-color-21);
|
||||
}
|
||||
.esports-hexagon__svg--background-coming-soon {
|
||||
fill: var(--ffz-color-27);
|
||||
}
|
||||
.esports-hexagon__svg--question-mark {
|
||||
fill: var(--ffz-color-1);
|
||||
}
|
||||
.esports-ftue__bordered {
|
||||
border-color: var(--ffz-color-3) !important;
|
||||
}
|
||||
.esports-milestone-balloon__redeemed {
|
||||
color: var(--ffz-color-18);
|
||||
}
|
||||
.esports-progress-bar__circle {
|
||||
fill: var(--ffz-color-21);
|
||||
stroke: var(--ffz-color-29);
|
||||
}
|
||||
.esports-progress-bar__circle--bit {
|
||||
fill: var(--ffz-color-5);
|
||||
}
|
||||
.progress-cicle__text {
|
||||
fill: var(--ffz-color-1);
|
||||
}
|
||||
.media-carousel__button--inset, .media-carousel:hover .media-carousel__button {
|
||||
background-color: var(--ffz-color-0);
|
||||
|
|
@ -1587,6 +1637,66 @@
|
|||
.fuel-bar {
|
||||
background-color: var(--ffz-color-0);
|
||||
}
|
||||
.active-room-button__states {
|
||||
color: var(--ffz-color-7);
|
||||
}
|
||||
.active-room-button:hover .active-room-button__states {
|
||||
color: var(--ffz-color-1);
|
||||
}
|
||||
.invalid-room-view {
|
||||
background-color: var(--ffz-color-6);
|
||||
}
|
||||
.member-list-group__button {
|
||||
color: var(--ffz-color-2);
|
||||
}
|
||||
.member-list__pane {
|
||||
background-color: var(--ffz-color-27);
|
||||
color: var(--ffz-color-24);
|
||||
}
|
||||
.member-list__header {
|
||||
border-bottom-color: var(--ffz-color-20);
|
||||
background-color: var(--ffz-color-21);
|
||||
}
|
||||
.room-message__timestamp, .room-picker-option__muted-icon, .room-picker-option__permission-icon {
|
||||
color: var(--ffz-color-7);
|
||||
}
|
||||
.room-picker-option--hover, .room-picker-option:hover {
|
||||
background-color: var(--ffz-color-8);
|
||||
color: var(--ffz-color-23);
|
||||
}
|
||||
.room-picker-option--hover .room-picker-option__permission-icon, .room-picker-option:hover .room-picker-option__permission-icon {
|
||||
color: inherit;
|
||||
}
|
||||
.room-picker-option--hover .room-picker-option__muted-icon, .room-picker-option:hover .room-picker-option__muted-icon, .room-picker-option--hover .room-picker-option__settings, .room-picker-option:hover .room-picker-option__settings {
|
||||
color: var(--ffz-color-1);
|
||||
}
|
||||
.room-picker-option--active:after {
|
||||
border-left-color: var(--ffz-color-3);
|
||||
}
|
||||
.room-picker-option--disabled {
|
||||
&.room-picker-option--hover, &:hover {
|
||||
color: inherit;
|
||||
}
|
||||
&.room-picker-option--hover {
|
||||
.room-picker-option__muted-icon, .room-picker-option__permission-icon {
|
||||
color: var(--ffz-color-7);
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
.room-picker-option__muted-icon, .room-picker-option__permission-icon {
|
||||
color: var(--ffz-color-7);
|
||||
}
|
||||
}
|
||||
}
|
||||
.room-upsell {
|
||||
background-color: var(--ffz-color-0);
|
||||
&:after {
|
||||
background-color: var(--ffz-color-21);
|
||||
}
|
||||
}
|
||||
.room-picker__label--active-main:after {
|
||||
border-left-color: var(--ffz-color-3);
|
||||
}
|
||||
.embed-card__overlay {
|
||||
background-color: var(--ffz-color-25);
|
||||
color: var(--ffz-color-23);
|
||||
|
|
@ -1594,6 +1704,9 @@
|
|||
color: var(--ffz-color-1);
|
||||
}
|
||||
}
|
||||
.drops-campaign-details__drops-success {
|
||||
color: var(--ffz-color-18);
|
||||
}
|
||||
.channel-info-bar {
|
||||
background-color: var(--ffz-color-0);
|
||||
}
|
||||
|
|
@ -1713,6 +1826,31 @@
|
|||
color: var(--ffz-color-2);
|
||||
}
|
||||
}
|
||||
.recurly-credit-card {
|
||||
.recurly-hosted-field {
|
||||
border-color: var(--ffz-color-26);
|
||||
background-color: var(--ffz-color-27);
|
||||
color: var(--ffz-color-23);
|
||||
}
|
||||
.recurly-hosted-field-focus {
|
||||
border-color: var(--ffz-color-5);
|
||||
-webkit-box-shadow: 0 0 6px -2px var(--ffz-color-5);
|
||||
box-shadow: 0 0 6px -2px var(--ffz-color-5);
|
||||
}
|
||||
.recurly-error {
|
||||
.recurly-hosted-field {
|
||||
border-color: var(--ffz-color-14);
|
||||
}
|
||||
.recurly-hosted-field-focus {
|
||||
border-color: var(--ffz-color-5);
|
||||
-webkit-box-shadow: 0 0 6px -2px var(--ffz-color-5);
|
||||
box-shadow: 0 0 6px -2px var(--ffz-color-5);
|
||||
}
|
||||
}
|
||||
}
|
||||
.ticket-description__broadcaster-info {
|
||||
background-color: var(--ffz-color-25);
|
||||
}
|
||||
.search-card-row:hover .search-card-row__link {
|
||||
color: var(--ffz-color-4);
|
||||
}
|
||||
|
|
@ -1987,6 +2125,14 @@
|
|||
.mod-comment__unpublished-message {
|
||||
background-color: var(--ffz-color-26);
|
||||
}
|
||||
.autohost-list-item--hovered {
|
||||
background-color: var(--ffz-color-8);
|
||||
color: var(--ffz-color-4);
|
||||
}
|
||||
.autohost-list-item--selected {
|
||||
background-color: var(--ffz-color-3);
|
||||
color: var(--ffz-color-4);
|
||||
}
|
||||
.ach-link {
|
||||
&:active .ach-card, &:focus .ach-card, &:hover .ach-card {
|
||||
background-color: var(--ffz-color-21);
|
||||
|
|
@ -2019,11 +2165,13 @@
|
|||
.ach-sb {
|
||||
background-color: var(--ffz-color-0);
|
||||
}
|
||||
.ach-sb__text, .sm-cp-card__title {
|
||||
.ach-sb__text {
|
||||
color: var(--ffz-color-1);
|
||||
}
|
||||
.sm-cp-card a:hover .sm-cp-card__title {
|
||||
color: var(--ffz-color-2);
|
||||
.bb-col::-webkit-scrollbar-thumb {
|
||||
background-color: var(--ffz-color-27);
|
||||
-webkit-box-shadow: inset 0 0 1px var(--ffz-color-34);
|
||||
box-shadow: inset 0 0 1px var(--ffz-color-34);
|
||||
}
|
||||
.top-stats-tab {
|
||||
color: "color-text-tab";
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue