oss/FrankerFaceZ
oss/FrankerFaceZ
1
0
Fork 0
mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-06-27 21:05:53 +00:00
Code Wiki Activity

3.5.502. Mostly dark theme stuff. Remove every instance of "ember-chat-container" in CSS and just apply the correct class to that element with JS since Twitch hasn't after years. Closes #196. Closes #195. Closes #189.

Browse source
This commit is contained in:
SirStendec 2017-07-13 01:51:36 -04:00
parent 99630f3e4e
commit 81040f1608
18 changed files with 272 additions and 138 deletions
Download patch file Download diff file Expand all files Collapse all files

55
changelog.html
View file

@ -1,3 +1,35 @@
<div class="list-header">3.5.502 <time datetime="2017-07-13">(2017-07-13)</time></div>
<ul class="chat-menu-content menu-side-padding">
<li>Fixed: Dark theme for chat.</li>
<li>Yes. Again. Twitch reverted their changes within hours.</li>
<li>&nbsp;</li>
<li>Removed: Net neutrality support code.</li>
</ul>
<div class="list-header">3.5.501 <time datetime="2017-07-12">(2017-07-12)</time></div>
<ul class="chat-menu-content menu-side-padding">
<li>Fixed: Dark theme for chat.</li>
</ul>
<div class="list-header">3.5.500 <time datetime="2017-07-12">(2017-07-12)</time></div>
<ul class="chat-menu-content menu-side-padding">
<li>This version is half-way between 0 and 1000.</li>
<li>What makes a man turn neutral?</li>
<!-- Were you just born with a heart full of neutrality? -->
<li>&nbsp;</li>
<li>Remember to <a href="http://iadayofaction.org" target="_blank">support the Open Internet</a>!</li>
<li>&nbsp;</li>
<li>Fixed: Pulse dark theme issues.</li>
<li>Fixed: Take part in the net neutrality spinners.</li>
<li>Added: Temporary option to disable net neutrality spinners.</li>
</ul>
<div class="list-header">3.5.499 <time datetime="2017-06-30">(2017-06-30)</time></div>
<ul class="chat-menu-content menu-side-padding">
<li>Fixed: Updated subscriber badge not being transparent.</li>
<li>Fixed: Unable to use player controls in theater mode with Hide Whispers in Theater Mode enabled.</li>
</ul>
<div class="list-header">3.5.498 <time datetime="2017-06-30">(2017-06-30)</time></div>
<ul class="chat-menu-content menu-side-padding">
<li>Fixed: Dark theme for the Video Manager's Clips page.</li>
@ -36,28 +68,5 @@
<li>Fixed: Dark theme tweaks.</li>
</ul>
<div class="list-header">3.5.492 <time datetime="2017-06-06">(2017-06-06)</time></div>
<ul class="chat-menu-content menu-side-padding">
<li>Fixed: Player size.</li>
</ul>
<div class="list-header">3.5.491 <time datetime="2017-06-04">(2017-06-04)</time></div>
<ul class="chat-menu-content menu-side-padding">
<li>Fixed: Scrollbars hidden on pages where they shouldn't be.</li>
</ul>
<div class="list-header">3.5.490 <time datetime="2017-06-03">(2017-06-03)</time></div>
<ul class="chat-menu-content menu-side-padding">
<li>Changed: The Stream Latency display will now warn you when your system clock seems to be set inaccurately.</li>
<li>Fixed: Tooltips can cause scrollbars to appear.</li>
<li>Fixed: Minor CSS tweaks for Recent Highlights.</li>
<li>Fixed: Recent Highlights only showing the first five messages when switching chat rooms.</li>
</ul>
<div class="list-header">3.5.489 <time datetime="2017-06-02">(2017-06-02)</time></div>
<ul class="chat-menu-content menu-side-padding">
<li>Fixed: Recent Highlights colors in light theme and when toggling dark theme.</li>
</ul>
<div class="list-header" id="ffz-old-news-button"><a href="#">View Older</a></div>
<div id="ffz-old-news"></div>

18
dark.css
View file

@ -411,6 +411,10 @@ body.ffz-dark:not([data-page="teams#show"]),
color: #fff;
}
.ffz-dark .button:disabled {
background-color: #242424;
}
.ffz-dark .pl-button--hollow,
.ffz-dark .button--hollow { box-shadow: inset 0 0 0 1px #4b367c }
@ -1602,6 +1606,10 @@ body.ffz-dark:not([data-page="teams#show"]),
.ffz-dark .activity-list-end svg { fill: #474747 }
.ffz-dark .activity-meta {
box-shadow: 0 1px 0 #474747;
}
.ffz-dark .activity-meta-divider:before {
background-color: #191919;
border-top-color: #474747;
@ -1630,6 +1638,7 @@ body.ffz-dark:not([data-page="teams#show"]),
.ffz-dark .activity-card {
border: 1px solid;
background-color: #191919;
}
.ffz-dark .activity-card__reason {
@ -1655,6 +1664,11 @@ body.ffz-dark:not([data-page="teams#show"]),
.ffz-dark .activity-meta__name { color: #ccc }
.ffz-dark .activity-reaction__emote-contain {
background-color: #101010;
}
.ffz-dark .activity-card__comments {
background-color: #121212;
box-shadow:inset 0 1px 0 #474747;
@ -1665,6 +1679,10 @@ body.ffz-dark:not([data-page="teams#show"]),
box-shadow: none; /*inset 0 0 0 1px #474747;*/
}
.ffz-dark .activity-create--card {
box-shadow: 0 1px 2px rgba(255,255,255,0.2);
}
.ffz-dark .c-background { background: #101010 !important }
.ffz-dark .activity-create--focus {

23
old_changes.html
View file

@ -1,3 +1,26 @@
<div class="list-header">3.5.492 <time datetime="2017-06-06">(2017-06-06)</time></div>
<ul class="chat-menu-content menu-side-padding">
<li>Fixed: Player size.</li>
</ul>
<div class="list-header">3.5.491 <time datetime="2017-06-04">(2017-06-04)</time></div>
<ul class="chat-menu-content menu-side-padding">
<li>Fixed: Scrollbars hidden on pages where they shouldn't be.</li>
</ul>
<div class="list-header">3.5.490 <time datetime="2017-06-03">(2017-06-03)</time></div>
<ul class="chat-menu-content menu-side-padding">
<li>Changed: The Stream Latency display will now warn you when your system clock seems to be set inaccurately.</li>
<li>Fixed: Tooltips can cause scrollbars to appear.</li>
<li>Fixed: Minor CSS tweaks for Recent Highlights.</li>
<li>Fixed: Recent Highlights only showing the first five messages when switching chat rooms.</li>
</ul>
<div class="list-header">3.5.489 <time datetime="2017-06-02">(2017-06-02)</time></div>
<ul class="chat-menu-content menu-side-padding">
<li>Fixed: Recent Highlights colors in light theme and when toggling dark theme.</li>
</ul>
<div class="list-header">3.5.488 <time datetime="2017-06-02">(2017-06-02)</time></div>
<ul class="chat-menu-content menu-side-padding">
<li>The Stop Asking Already Update</li>

6
src/badges.js
View file

@ -17,6 +17,8 @@ var FFZ = window.FrankerFaceZ,
turbo: { 1: { color: "#6441a5", use_svg: true } },
premium: { 1: { color: "#009cdc" } },
subscriber: { 0: { color: "#6441a4" }, 1: { color: "#6441a4" }},
bits: {
1: { color: "#cbc8d0" },
100: { color: "#ca7eff" },
@ -39,10 +41,10 @@ var FFZ = window.FrankerFaceZ,
}
},
NO_INVERT_BADGES = ['subscriber', 'ffz-badge-1'],
NO_INVERT_BADGES = ['ssubscriber', 'ffz-badge-1'],
INVERT_INVERT_BADGES = ['bits'],
TRANSPARENT_BADGES = ['subscriber'],
TRANSPARENT_BADGES = [], //'subscriber'],
BTTV_TYPE_REPLACEMENTS = {
'global-moderator': 'global_mod'

5
src/ember/chatview.js
View file

@ -583,6 +583,11 @@ FFZ.prototype.modify_chat_room_manager = function(component) {
el && el.setAttribute('data-room', room_id || "");
// Fix Twitch being stupid and inconsistent.
var parent = el.parentElement;
if ( parent && parent.classList.contains('ember-chat-container') )
parent.classList.add('chat-container');
this.$('.textarea-contain').append(f.build_ui_link(this));
if ( ! f.has_bttv_6 ) {

5
src/ember/room.js
View file

@ -1147,7 +1147,7 @@ FFZ.prototype._update_room_badge_css = function(room_id) {
output = [];
// For rooms that don't have sub badges set.
if ( badges && ! badges.subscriber ) {
/*if ( badges && ! badges.subscriber ) {
var BadgeService = utils.ember_lookup('service:badges'),
global = BadgeService && BadgeService.badgeCollection && BadgeService.badgeCollection.global;
badges.subscriber = global.subscriber;
@ -1155,7 +1155,7 @@ FFZ.prototype._update_room_badge_css = function(room_id) {
badges.subscriber.allow_invert = true;
badges.subscriber.invert_invert = true;
}
}
}*/
for(var badge_id in badges) {
var versions = badges[badge_id] && badges[badge_id].versions || {};
@ -1163,6 +1163,7 @@ FFZ.prototype._update_room_badge_css = function(room_id) {
output.push(utils.room_badge_css(room_id, badge_id, version, versions[version]));
}
// Loyalty Badges Disabled
if ( badges.subscriber ) {
var versions = badges.subscriber.versions || {},
lowest = versions[0] || versions[1];

2
src/main.js
View file

@ -61,7 +61,7 @@ FFZ.channel_metadata = {};
// Version
var VER = FFZ.version_info = {
major: 3, minor: 5, revision: 498,
major: 3, minor: 5, revision: 502,
toString: function() {
return [VER.major, VER.minor, VER.revision].join(".") + (VER.extra || "");
}

2
src/styles/badges-transparent.css
View file

@ -6,6 +6,7 @@
/* Invert Some Badges */
.ffz-dark .badge.invert-invert,
.theatre .badge.invert-invert,
.theme--dark .badge.invert-invert,
.dark .badge.invert-invert,
.badge:not(.no-invert):not(.invert-invert) {
filter: invert(75%);
@ -14,6 +15,7 @@
.badge.colored,
.ffz-dark .badge:not(.invert-invert),
.theatre .badge:not(.invert-invert),
.theme--dark .badge:not(.invert-invert),
.dark .badge:not(.invert-invert) {
filter: none !important;
}

24
src/styles/chat-background.css
View file

@ -12,7 +12,8 @@
.theatre .conversation-chat-lines > div:nth-child(2n+0),
.theatre .chat-line:nth-child(2n+0),
.dark .chat-line:nth-child(2n+0) {
.dark .chat-line:nth-child(2n+0),
.theme--dark .chat-line:nth-child(2n+0) {
background-color: rgba(255,255,255, 0.05);
}
@ -28,12 +29,14 @@
}
.theatre .chat-line.whisper,
.dark .chat-line.whisper {
.dark .chat-line.whisper,
.theme--dark .chat-line.whisper {
background-color: rgba(100, 65, 165, 0.2);
}
.theatre .chat-line.whisper:nth-child(2n+0),
.dark .chat-line.whisper:nth-child(2n+0) {
.dark .chat-line.whisper:nth-child(2n+0),
.theme--dark .chat-line.whisper:nth-child(2n+0) {
background-color: rgba(100, 65, 165, 0.4);
}
@ -48,12 +51,14 @@
}
.theatre .chat-history .chat-line.original-sender,
.dark .chat-history .chat-line.original-sender {
.dark .chat-history .chat-line.original-sender,
.theme--dark .chat-history .chat-line.original-sender {
background-color: rgba(0,63,127, 0.2);
}
.theatre .chat-history .chat-line.original-sender:nth-child(2n+0),
.dark .chat-history .chat-line.original-sender:nth-child(2n+0) {
.dark .chat-history .chat-line.original-sender:nth-child(2n+0),
.theme--dark .chat-history .chat-line.original-sender:nth-child(2n+0) {
background-color: rgba(0,63,127, 0.4);
}
@ -68,12 +73,14 @@
}
.theatre .chat-history .chat-line.original-msg,
.dark .chat-history .chat-line.original-msg {
.dark .chat-history .chat-line.original-msg,
.theme--dark .chat-history .chat-line.original-msg {
background-color: rgba(0,127,63, 0.4);
}
.theatre .chat-history .chat-line.original-msg:nth-child(2n+0),
.dark .chat-history .chat-line.original-msg:nth-child(2n+0) {
.dark .chat-history .chat-line.original-msg:nth-child(2n+0),
.theme--dark .chat-history .chat-line.original-msg:nth-child(2n+0) {
background-color: rgba(0,127,63, 0.8);
}
@ -84,7 +91,8 @@
}
.theatre .chat-history .chat-line.original-msg span.has-color,
.dark .chat-history .chat-line.original-msg span.has-color {
.dark .chat-history .chat-line.original-msg span.has-color,
.theme--dark .chat-history .chat-line.original-msg span.has-color {
color: #fff !important;
}

7
src/styles/chat-hc-background.css
View file

@ -2,8 +2,7 @@
body.ffz-bttv .chat-container,
body.ffz-bttv .ember-chat.roomMode,
body.ffz-bttv .chat-messages,
.chat-container,
.ember-chat-container {
.chat-container {
background-color: #fff !important;
}
@ -14,8 +13,8 @@ body.ffz-bttv-dark .chat-header,
body.ffz-bttv-dark .chat-interface,
body.ffz-bttv-dark .ember-chat.roomMode,
.theatre .chat-container,
.theatre .ember-chat-container,
.chat-container.dark,
.ember-chat-container.dark {
.chat-container.theme--dark,
.theme--dark .chat-container {
background-color: #000 !important;
}

13
src/styles/chat-hc-text.css
View file

@ -2,23 +2,22 @@
body.ffz-bttv .chat-line .message,
body.ffz-bttv .chat-line .timestamp,
.chat-container,
.ember-chat-container {
.chat-container {
color: #000 !important;
}
/* Dark: High-Contrast Text */
.theatre .chat-container,
.theatre .ember-chat-container,
.theme--dark .chat-container,
.chat-container.dark,
.ember-chat-container.dark,
.chat-container.theme--dark,
body.ffz-bttv-dark .chat-container,
body.ffz-bttv-dark .chat-line .message,
body.ffz-bttv-dark .chat-line .timestamp,
.ffz-dark .ember-chat-container.dark .chat-line,
.ffz-dark .chat-container.dark .chat-line
{
.ffz-dark .theme--dark .chat-container .chat-line,
.ffz-dark .chat-container.dark .chat-line,
.ffz-dark .chat-container.dark .theme--chat-line {
color: #fff !important;
}

3
src/styles/chat-separator-3d-inset.css
View file

@ -14,7 +14,8 @@
.theatre .conversation-chat-lines > div,
.theatre .chat-line,
.dark .chat-line {
.dark .chat-line,
.theme--dark .chat-line {
border-top-color: #000;
border-bottom-color: rgba(255,255,255, 0.1);
}

3
src/styles/chat-separator-3d.css
View file

@ -13,6 +13,7 @@
.theatre .conversation-chat-lines > div,
.theatre .chat-line,
.dark .chat-line {
.dark .chat-line,
.theme--dark .chat-line {
border-top-color: rgba(255,255,255, 0.1);
}

3
src/styles/chat-separator-wide.css
View file

@ -13,6 +13,7 @@
.theatre .conversation-chat-lines > div,
.theatre .chat-line,
.dark .chat-line {
.dark .chat-line,
.theme--dark .chat-line {
border-top-color: #000;
}

3
src/styles/chat-separator.css
View file

@ -14,7 +14,8 @@
.theatre .conversation-chat-lines > div,
.theatre .chat-line,
.dark .chat-line {
.dark .chat-line,
.theme--dark .chat-line {
border-bottom-color: #000;
}

6
src/styles/chat-user-bg.css
View file

@ -8,12 +8,14 @@
.ffz-bttv-dark .chat-lines .chat-line[data-sender="{user_id}"],
.theatre .chat-lines .chat-line[data-sender="{user_id}"],
.dark .chat-lines .chat-line[data-sender="{user_id}"] {
.dark .chat-lines .chat-line[data-sender="{user_id}"],
.theme--dark .chat-lines .chat-line[data-sender="{user_id}"] {
background-color: rgba(0,63,127, 0.2);
}
.ffz-bttv-dark .chat-lines .chat-line[data-sender="{user_id}"]:nth-child(2n+0),
.theatre .chat-lines .chat-line[data-sender="{user_id}"]:nth-child(2n+0),
.dark .chat-lines .chat-line[data-sender="{user_id}"]:nth-child(2n+0) {
.dark .chat-lines .chat-line[data-sender="{user_id}"]:nth-child(2n+0),
.theme--dark .chat-lines .chat-line[data-sender="{user_id}"]:nth-child(2n+0) {
background-color: rgba(0,63,127, 0.4);
}

1
src/utils.js
View file

@ -1181,6 +1181,7 @@ module.exports = FFZ.utils = {
return (loyalty ? '.ffz-no-loyalty ' : '') + '.from-display-preview[data-room="' + room_id + '"] .badge.' + badge_id + (loyalty ? '' : '.version-' + version) +
(loyalty ? ',.ffz-no-loyalty ' : ',') + '.chat-line[data-room="' + room_id + '"] .badge.' + badge_id + (loyalty ? '' : '.version-' + version) + '{' +
'background-color:transparent;' +
'filter:none;' +
WEBKIT + 'mask-image: none;' +
'background-image:url("' + img_1x + '");' +
'background-image:' + WEBKIT + 'image-set(url("' + img_1x + '") 1x' + (img_2x ? ',url("' + img_2x + '") 2x' : '') + (img_4x ? ',url("' + img_4x + '") 4x' : '') + ')}';

231
style.css
View file

@ -96,6 +96,7 @@ body:not(.ffz-show-bits-tags) .bits-tag--container,
display: none !important;
}
.app-main.theatre.has-sc.has-net-neutrality,
.ffz-hide-pinned-cheers .chat-messages { top: 0 !important }
.ffz-channel-bar-bottom #channel {
@ -158,12 +159,12 @@ body:not(.ffz-minimal-chat-input):not(.ffz-menu-replace) .chat-interface .emotic
.streams .stream .content .overlay_info.live svg path,
.videos .video .content .overlay_info.live svg path { fill: #ff2020; }
.ember-chat-container.dark .ffz-ui-toggle svg.svg-emoticons path,
.theme--dark .chat-container .ffz-ui-toggle svg.svg-emoticons path,
.chat-container.dark .ffz-ui-toggle svg.svg-emoticons path,
.app-main.theatre .ffz-ui-toggle svg.svg-emoticons path,
body.ffz-bttv-dark .ffz-ui-toggle svg.svg-emoticons path { fill: #555; }
.ember-chat-container.dark .ffz-ui-toggle:hover svg.svg-emoticons path,
.theme--dark .chat-container .ffz-ui-toggle:hover svg.svg-emoticons path,
.chat-container.dark .ffz-ui-toggle:hover svg.svg-emoticons path,
.app-main.theatre .ffz-ui-toggle:hover svg.svg-emoticons path,
body.ffz-bttv-dark .ffz-ui-toggle:hover svg.svg-emoticons path { fill: #999; }
@ -178,45 +179,45 @@ body.ffz-bttv-dark .ffz-ui-toggle:hover svg.svg-emoticons path { fill: #999; }
.ffz-ui-toggle.blue.live svg.svg-emoticons path { fill: rgba(47,88,185,0.5); }
.ffz-ui-toggle.blue.live:hover svg.svg-emoticons path { fill: rgba(47,88,185,1); }
.ember-chat-container.dark .ffz-ui-toggle.news svg.svg-emoticons path,
.app-main.theatre .ffz-ui-toggle.news svg.svg-emoticons path,
.theme--dark .chat-container .ffz-ui-toggle.news svg.svg-emoticons path,
.chat-container.dark .ffz-ui-toggle.news svg.svg-emoticons path,
body.ffz-bttv-dark .ffz-ui-toggle.news svg.svg-emoticons path,
.ffz-ui-toggle.news svg.svg-emoticons path { fill: rgba(117, 80, 0, 0.5); }
.ember-chat-container.dark .ffz-ui-toggle.news:hover svg.svg-emoticons path,
.app-main.theatre .ffz-ui-toggle.news:hover svg.svg-emoticons path,
.theme--dark .chat-container .ffz-ui-toggle.news:hover svg.svg-emoticons path,
.chat-container.dark .ffz-ui-toggle.news:hover svg.svg-emoticons path,
body.ffz-bttv-dark .ffz-ui-toggle.news:hover svg.svg-emoticons path,
.ffz-ui-toggle.news:hover svg.svg-emoticons path { fill: rgba(117, 80, 0, 0.8); }
.ember-chat-container.dark .ffz-ui-toggle.no-emotes svg.svg-emoticons path,
.app-main.theatre .ffz-ui-toggle.no-emotes svg.svg-emoticons path,
.theme--dark .chat-container .ffz-ui-toggle.no-emotes svg.svg-emoticons path,
.chat-container.dark .ffz-ui-toggle.no-emotes svg.svg-emoticons path,
body.ffz-bttv-dark .ffz-ui-toggle.no-emotes svg.svg-emoticons path { fill: #453434; }
.ember-chat-container.dark .ffz-ui-toggle.no-emotes:hover svg.svg-emoticons path,
.app-main.theatre .ffz-ui-toggle.no-emotes:hover svg.svg-emoticons path,
.theme--dark .chat-container .ffz-ui-toggle.no-emotes:hover svg.svg-emoticons path,
.chat-container.dark .ffz-ui-toggle.no-emotes:hover svg.svg-emoticons path,
body.ffz-bttv-dark .ffz-ui-toggle.no-emotes:hover svg.svg-emoticons path { fill: #543f3f; }
.ember-chat-container.dark .ffz-ui-toggle.live svg.svg-emoticons path,
.app-main.theatre .ffz-ui-toggle.live svg.svg-emoticons path,
.theme--dark .chat-container .ffz-ui-toggle.live svg.svg-emoticons path,
.chat-container.dark .ffz-ui-toggle.live svg.svg-emoticons path,
body.ffz-bttv-dark .ffz-ui-toggle.live svg.svg-emoticons path { fill: #513c78; }
.ember-chat-container.dark .ffz-ui-toggle.live:hover svg.svg-emoticons path,
.app-main.theatre .ffz-ui-toggle.live:hover svg.svg-emoticons path,
.theme--dark .chat-container .ffz-ui-toggle.live:hover svg.svg-emoticons path,
.chat-container.dark .ffz-ui-toggle.live:hover svg.svg-emoticons path,
body.ffz-bttv-dark .ffz-ui-toggle.live:hover svg.svg-emoticons path { fill: #5b4487; }
.ember-chat-container.dark .ffz-ui-toggle.blue.live svg.svg-emoticons path,
.app-main.theatre .ffz-ui-toggle.blue.live svg.svg-emoticons path,
.theme--dark .chat-container .ffz-ui-toggle.blue.live svg.svg-emoticons path,
.chat-container.dark .ffz-ui-toggle.blue.live svg.svg-emoticons path,
body.ffz-bttv-dark .ffz-ui-toggle.blue.live svg.svg-emoticons path { fill: #3c4e78; }
.ember-chat-container.dark .ffz-ui-toggle.blue.live:hover svg.svg-emoticons path,
.app-main.theatre .ffz-ui-toggle.blue.live:hover svg.svg-emoticons path,
.theme--dark .chat-container .ffz-ui-toggle.blue.live:hover svg.svg-emoticons path,
.chat-container.dark .ffz-ui-toggle.blue.live:hover svg.svg-emoticons path,
body.ffz-bttv-dark .ffz-ui-toggle.blue.live:hover svg.svg-emoticons path { fill: #445887; }
@ -396,6 +397,7 @@ body.ffz-bttv-dark .ffz-ui-toggle.blue.live:hover svg.svg-emoticons path { fill:
fill: #a68ed2;
}
.theme--dark .chat-container .chat-line .button,
.chat-container.dark .chat-line .button,
.ffz-theater-stats .theatre .button.primary.subscribe-button {
color: #fff;
@ -554,57 +556,68 @@ body.ffz-bttv-dark .ffz-ui-toggle.blue.live:hover svg.svg-emoticons path { fill:
.ffz-dark .ember-chat .chat-menu .list-header,
.theatre .ember-chat .chat-menu .list-header,
.theme--dark .ember-chat .chat-menu .list-header,
.dark .ember-chat .chat-menu .list-header {
border-top-color: rgba(255,255,255, 0.2);
}
.ffz-dark .ffz-ui-menu-page .ffz-filter-container,
.theatre .ffz-ui-menu-page .ffz-filter-container,
.theme--dark .ffz-ui-menu-page .ffz-filter-container,
.dark .ffz-ui-menu-page .ffz-filter-container,
.ffz-dark .chat-menu.ffz-ui-popup .ffz-ui-menu-page .chat-menu-content .heading,
.theatre .chat-menu.ffz-ui-popup .ffz-ui-menu-page .chat-menu-content .heading,
.theme--dark .chat-menu.ffz-ui-popup .ffz-ui-menu-page .chat-menu-content .heading,
.dark .chat-menu.ffz-ui-popup .ffz-ui-menu-page .chat-menu-content .heading,
.ffz-dark .chat-menu.ffz-ui-popup .ffz-ui-menu-page .emoticon-grid .heading,
.theatre .chat-menu.ffz-ui-popup .ffz-ui-menu-page .emoticon-grid .heading,
.theme--dark .chat-menu.ffz-ui-popup .ffz-ui-menu-page .emoticon-grid .heading,
.dark .chat-menu.ffz-ui-popup .ffz-ui-menu-page .emoticon-grid .heading,
.ffz-dark .ffz-ui-popup ul.menu,
.theatre .ffz-ui-popup ul.menu,
.theme--dark .ffz-ui-popup ul.menu,
.dark .ffz-ui-popup ul.menu,
.ffz-dark .ffz-ui-popup ul.menu a,
.theatre .ffz-ui-popup ul.menu a,
.theme--dark .ffz-ui-popup ul.menu a,
.dark .ffz-ui-popup ul.menu a,
.ffz-sidebar-swap.ffz-dark .ffz-ui-popup ul.menu a,
.ffz-sidebar-swap .theatre .ffz-ui-popup ul.menu a,
.ffz-sidebar-swap .theme--dark .ffz-ui-popup ul.menu a,
.ffz-sidebar-swap .dark .ffz-ui-popup ul.menu a {
border-color: #32323e;
}
.ffz-dark .ffz-ui-popup ul.menu,
.theatre .ffz-ui-popup ul.menu,
.theme--dark .ffz-ui-popup ul.menu,
.dark .ffz-ui-popup ul.menu {
background-color: #212121;
}
.ffz-dark .ffz-ui-popup ul.menu li.active,
.theatre .ffz-ui-popup ul.menu li.active,
.dark .ffz-ui-popup ul.menu li.active {
.dark .ffz-ui-popup ul.menu li.active,
.theme--dark .ffz-ui-popup ul.menu li.active {
background-color: #101010;
}
.ffz-dark .ffz-ui-popup ul.menu li.active a,
.theatre .ffz-ui-popup ul.menu li.active a,
.dark .ffz-ui-popup ul.menu li.active a {
.dark .ffz-ui-popup ul.menu li.active a,
.theme--dark .ffz-ui-popup ul.menu li.active a {
border-top-color: #101010;
}
.ffz-dark .ffz-ui-popup.emoticon-selector .emoticon-selector-box,
.theatre .ffz-ui-popup.emoticon-selector .emoticon-selector-box,
.dark .ffz-ui-popup.emoticon-selector .emoticon-selector-box {
.dark .ffz-ui-popup.emoticon-selector .emoticon-selector-box,
.theme--dark .ffz-ui-popup.emoticon-selector .emoticon-selector-box {
background-color: #101010;
color: #c3c3c3;
border-color: #32323e;
@ -688,7 +701,9 @@ body.ffz-bttv-dark .ffz-ui-toggle.blue.live:hover svg.svg-emoticons path { fill:
.pin-switch svg path { fill: rgba(0,0,0,0.2); }
.dark .pin-switch svg path,
.theatre .dark .pin-switch svg path { fill: rgba(255,255,255,0.2) }
.theatre .dark .pin-switch svg path,
.theme--dark .pin-switch svg path,
.theatre .theme--dark .pin-switch svg path { fill: rgba(255,255,255,0.2) }
.pin-switch,
.list-header time,
@ -775,10 +790,9 @@ body.ffz-bttv-dark .ffz-ui-toggle.blue.live:hover svg.svg-emoticons path { fill:
#ffz-old-news { display: none }
.chat-container.dark .chat-interface .ffz-ui-popup.emoticon-selector .emoticon-selector-box,
.app-main.theatre .chat-container .chat-interface .ffz-ui-popup.emoticon-selector .emoticon-selector-box,
.ember-chat-container.dark .chat-interface .ffz-ui-popup.emoticon-selector .emoticon-selector-box {
.theme--dark .chat-container .chat-interface .ffz-ui-popup.emoticon-selector .emoticon-selector-box,
.chat-container.dark .chat-interface .ffz-ui-popup.emoticon-selector .emoticon-selector-box {
background-color: rgb(16,16,16);
color: rgb(195,195,195);
border-color: #32323e;
@ -883,8 +897,8 @@ body.ffz-bttv-dark .ffz-ui-toggle.blue.live:hover svg.svg-emoticons path { fill:
}
.app-main.theatre .ffz-ui-popup ul.sub-menu,
.theme--dark .chat-container .ffz-ui-popup ul.sub-menu,
.chat-container.dark .ffz-ui-popup ul.sub-menu,
.ember-chat-container.dark .ffz-ui-popup ul.sub-menu,
body.ffz-bttv-dark .ffz-ui-popup ul.sub-menu {
background-color: #181818;
}
@ -895,8 +909,8 @@ body.ffz-bttv-dark .ffz-ui-popup ul.sub-menu {
}
.app-main.theatre .ffz-ui-popup ul.sub-menu a,
.theme--dark .chat-container .ffz-ui-popup ul.sub-menu a,
.chat-container.dark .ffz-ui-popup ul.sub-menu a,
.ember-chat-container.dark .ffz-ui-popup ul.sub-menu a,
body.ffz-bttv-dark .ffz-ui-popup ul.sub-menu a {
color: #d3d3d3 !important;
}
@ -938,23 +952,23 @@ span.ffz-handle:after { left: 8px }
.ffz-dark .ffz-recent-expando span.ffz-handle:after,
.app-main.theatre span.ffz-handle:before,
.theme--dark .chat-container span.ffz-handle:before,
.chat-container.dark span.ffz-handle:before,
.ember-chat-container.dark span.ffz-handle:before,
body.ffz-bttv-dark span.ffz-handle:before,
.app-main.theatre span.ffz-handle:after,
.theme--dark .chat-container span.ffz-handle:after,
.chat-container.dark span.ffz-handle:after,
.ember-chat-container.dark span.ffz-handle:after,
body.ffz-bttv-dark span.ffz-handle:after {
border-color: #666;
}
.app-main.theatre .ui-moved span.ffz-handle:before,
.theme--dark .chat-container .ui-moved span.ffz-handle:before,
.chat-container.dark .ui-moved span.ffz-handle:before,
.ember-chat-container.dark .ui-moved span.ffz-handle:before,
body.ffz-bttv-dark .ui-moved span.ffz-handle:before,
.app-main.theatre .ui-moved span.ffz-handle:after,
.theme--dark .chat-container .ui-moved span.ffz-handle:after,
.chat-container.dark .ui-moved span.ffz-handle:after,
.ember-chat-container.dark .ui-moved span.ffz-handle:after,
body.ffz-bttv-dark .ui-moved span.ffz-handle:after {
border-color: #d3d3d3;
}
@ -1016,42 +1030,42 @@ body.ffz-bttv-dark .ffz-ui-popup ul.sub-menu a { border-right-color: rgba(255,25
}
.theme--dark .chat-container .chat-interface .ffz-ui-popup ul.menu li.active,
.chat-container.dark .chat-interface .ffz-ui-popup ul.menu li.active,
.ember-chat-container.dark .chat-interface .ffz-ui-popup ul.menu li.active,
.app-main.theatre .chat-container .chat-interface .ffz-ui-popup ul.menu li.active,
body.ffz-bttv-dark .ffz-ui-popup ul.menu li.active {
background-color: rgb(16,16,16);
}
.theme--dark .chat-container .chat-interface .ffz-ui-popup ul.menu li.active a,
.chat-container.dark .chat-interface .ffz-ui-popup ul.menu li.active a,
.ember-chat-container.dark .chat-interface .ffz-ui-popup ul.menu li.active a,
.app-main.theatre .chat-container .chat-interface .ffz-ui-popup ul.menu li.active a,
body.ffz-bttv-dark .ffz-ui-popup ul.menu li.active a {
border-top-color: rgb(16,16,16);
}
.theme--dark .chat-container .chat-interface .ffz-ui-popup ul.menu li.active.has-sub-menu,
.chat-container.dark .chat-interface .ffz-ui-popup ul.menu li.active.has-sub-menu,
.ember-chat-container.dark .chat-interface .ffz-ui-popup ul.menu li.active.has-sub-menu,
.app-main.theatre .chat-container .chat-interface .ffz-ui-popup ul.menu li.active.has-sub-menu,
body.ffz-bttv-dark .ffz-ui-popup ul.menu li.active.has-sub-menu {
background-color: #181818;
}
.theme--dark .chat-container .chat-interface .ffz-ui-popup ul.menu li.active.has-sub-menu a,
.chat-container.dark .chat-interface .ffz-ui-popup ul.menu li.active.has-sub-menu a,
.ember-chat-container.dark .chat-interface .ffz-ui-popup ul.menu li.active.has-sub-menu a,
.app-main.theatre .chat-container .chat-interface .ffz-ui-popup ul.menu li.active.has-sub-menu a,
body.ffz-bttv-dark .ffz-ui-popup li.active.has-sub-menu a {
border-top-color: #181818;
}
.theme--dark .chat-container .chat-interface .ffz-ui-popup a,
.chat-container.dark .chat-interface .ffz-ui-popup a,
.ember-chat-container.dark .chat-interface .ffz-ui-popup a,
.app-main.theatre .chat-container .chat-interface .ffz-ui-popup a,
body.ffz-bttv-dark .ffz-ui-popup .ffz-ui-menu-page a { color: #fff; }
.theme--dark .chat-container .chat-interface .ffz-ui-popup ul.menu svg path,
.chat-container.dark .chat-interface .ffz-ui-popup ul.menu svg path,
.ember-chat-container.dark .chat-interface .ffz-ui-popup ul.menu svg path,
.app-main.theatre .chat-container .chat-interface .ffz-ui-popup ul.menu svg path,
.ffz-dark .ffz-ui-popup ul.menu svg path,
body.ffz-bttv-dark .ffz-ui-popup ul.menu svg path { fill: #d3d3d3; }
@ -1304,7 +1318,16 @@ body:not(.ffz-bttv) .dropmenu.share { margin-bottom: 0; }
.dark .chat-history::-webkit-scrollbar-thumb,
.dark .emoticon-selector-box .all-emotes::-webkit-scrollbar-thumb,
.dark .ffz-ui-menu-page::-webkit-scrollbar-thumb,
.dark .ffz-ui-sub-menu-page::-webkit-scrollbar-thumb {
.dark .ffz-ui-sub-menu-page::-webkit-scrollbar-thumb,
.theme--dark .offer-list__core::-webkit-scrollbar-thumb,
.theme--dark .chatters-container::-webkit-scrollbar-thumb,
.theme--dark .ffz-scrollbar::-webkit-scrollbar-thumb,
.theme--dark .ember-chat .chat-settings::-webkit-scrollbar-thumb,
.theme--dark .chat-history::-webkit-scrollbar-thumb,
.theme--dark .emoticon-selector-box .all-emotes::-webkit-scrollbar-thumb,
.theme--dark .ffz-ui-menu-page::-webkit-scrollbar-thumb,
.theme--dark .ffz-ui-sub-menu-page::-webkit-scrollbar-thumb {
background: rgba(255,255,255,0.6);
box-shadow: 0 0 1px 1px rgba(0,0,0,0.25);
}
@ -1459,12 +1482,14 @@ body:not(.ffz-hide-friends) .ffz-moderation-card .follow-button {
.ffz-bttv-dark .moderation-card .moderation-card__actions,
.ffz-dark .moderation-card .moderation-card__actions,
.theatre .moderation-card .moderation-card__actions,
.theme--dark .moderation-card .moderation-card__actions,
.dark .moderation-card .moderation-card__actions,
.ffz-bttv-dark .ffz-moderation-card ul.menu,
.ffz-dark .ffz-moderation-card ul.menu,
.theatre .ffz-moderation-card ul.menu,
.dark .ffz-moderation-card ul.menu {
.dark .ffz-moderation-card ul.menu,
.theme--dark .ffz-moderation-card ul.menu {
border-bottom-color: rgba(255,255,255,0.2) !important;
}
@ -1488,14 +1513,16 @@ body:not(.ffz-hide-friends) .ffz-moderation-card .follow-button {
.ffz-bttv-dark .ffz-moderation-card ul.menu li,
.ffz-dark .ffz-moderation-card ul.menu li,
.theatre .ffz-moderation-card ul.menu li,
.dark .ffz-moderation-card ul.menu li {
.dark .ffz-moderation-card ul.menu li,
.theme--dark .ffz-moderation-card ul.menu li {
color: #999;
}
.ffz-bttv-dark .ffz-moderation-card ul.menu li:hover,
.ffz-dark .ffz-moderation-card ul.menu li:hover,
.theatre .ffz-moderation-card ul.menu li:hover,
.dark .ffz-moderation-card ul.menu li:hover {
.dark .ffz-moderation-card ul.menu li:hover,
.theme--dark .ffz-moderation-card ul.menu li:hover {
color: #a68ed2;
border-bottom-color: #a68ed2;
}
@ -1511,18 +1538,21 @@ body:not(.ffz-hide-friends) .ffz-moderation-card .follow-button {
.ffz-bttv-dark .ffz-moderation-card,
.dark .ffz-moderation-card,
.theme--dark .ffz-moderation-card,
.theatre .ffz-moderation-card {
border-color: #1b1b20;
}
.ffz-bttv-dark .ffz-moderation-card:focus,
.dark .ffz-moderation-card:focus,
.theme--dark .ffz-moderation-card:focus,
.theatre .ffz-moderation-card:focus {
border-color: #cbcbcb;
}
.ffz-bttv-dark .ffz-moderation-card .moderation-card__actions,
.dark .ffz-moderation-card .moderation-card__actions,
.theme--dark .ffz-moderation-card .moderation-card__actions,
.theatre .ffz-moderation-card .moderation-card__actions {
background-color: #232329;
}
@ -1530,6 +1560,7 @@ body:not(.ffz-hide-friends) .ffz-moderation-card .follow-button {
.ffz-bttv-dark.ffz-no-blue .moderation-card .moderation-card__actions,
.ffz-no-blue .cn-hosting,
.ffz-no-blue .dark .ember-chat .moderation-card .moderation-card__actions,
.ffz-no-blue .theme--dark .ember-chat .moderation-card .moderation-card__actions,
.ffz-no-blue .theatre .ember-chat .moderation-card .moderation-card__actions {
background-color: #232323;
}
@ -1581,6 +1612,7 @@ body:not(.ffz-hide-friends) .ffz-moderation-card .follow-button {
.theatre .conversation-window .conversation-chat-line,
.dark .chat-line,
.theme--dark .chat-line,
.theatre .chat-line {
color: #acacbf;
}
@ -1612,7 +1644,6 @@ body:not(.ffz-hide-friends) .ffz-moderation-card .follow-button {
text-decoration: none;
}
body:not(.ffz-bttv) .ember-chat-container:not(.chatReplay) .more-messages-indicator,
body:not(.ffz-bttv) .chat-container:not(.chatReplay) .more-messages-indicator {
/* This looks better when it's full width. */
margin: 0 -20px;
@ -1762,8 +1793,9 @@ body:not(.ffz-bttv) .chat-container:not(.chatReplay) .more-messages-indicator {
.ffz-bttv .no-bttv { display: none; }
.chat-container.dark, .app-main.theatre .chat-container,
.app-main.theatre .ember-chat-container.chat-container {
.chat-container.dark,
.theme--dark .chat-container,
.theatre .chat-container {
box-shadow: none;
}
@ -1771,9 +1803,9 @@ body:not(.ffz-bttv) .chat-container:not(.chatReplay) .more-messages-indicator {
/* Banned Words */
.deleted-word {
font-weight: bold;
opacity: 0.35;
cursor: pointer;
font-weight: bold;
opacity: 0.35;
cursor: pointer;
}
@ -1785,7 +1817,7 @@ a.unsafe-link {
.theatre a.unsafe-link,
.chat-container.dark a.unsafe-link,
.ember-chat-container.dark a.unsafe-link {
.theme--dark .chat-container a.unsafe-link {
color: #d28e8e !important;
}
@ -2028,14 +2060,14 @@ th.ffz-row-switch {
.ffz-bttv-dark #ffz-group-tabs,
.app-main.theatre #ffz-group-tabs,
.chat-container.dark #ffz-group-tabs,
.ember-chat-container.dark #ffz-group-tabs {
.theme--dark .chat-container #ffz-group-tabs {
box-shadow: inset 0 -1px 0 0 #32323e;
}
.ffz-bttv-dark .ffz-chat-tab,
.app-main.theatre .ffz-chat-tab,
.chat-container.dark .ffz-chat-tab,
.ember-chat-container.dark .ffz-chat-tab {
.theme--dark .chat-container .ffz-chat-tab {
color: #B9A3E3;
}
@ -2045,7 +2077,7 @@ th.ffz-row-switch {
.ffz-bttv-dark .ffz-chat-tab span,
.app-main.theatre .ffz-chat-tab span,
.chat-container.dark .ffz-chat-tab span,
.ember-chat-container.dark .ffz-chat-tab span {
.theme--dark .chat-container .ffz-chat-tab span {
background-color: #19191f;
color: #fff;
}
@ -2053,7 +2085,7 @@ th.ffz-row-switch {
.ffz-bttv-dark .ffz-chat-tab svg path,
.app-main.theatre .ffz-chat-tab svg path,
.chat-container.dark .ffz-chat-tab svg path,
.ember-chat-container.dark .ffz-chat-tab svg path {
.theme--dark .chat-container .ffz-chat-tab svg path {
fill: #B9A3E3;
}
@ -2196,7 +2228,8 @@ body.ffz-minimal-chat-input .ember-chat .chat-interface .textarea-contain textar
.ffz-dark .chat-history .chat-line.admin.original-msg .message,
.theatre .chat-history .chat-line.admin.original-msg .message,
.dark .chat-history .chat-line.admin.original-msg .message { color: #fff }
.dark .chat-history .chat-line.admin.original-msg .message,
.theme--dark .chat-history .chat-line.admin.original-msg .message { color: #fff }
.chat-history.loading {
@ -2219,7 +2252,8 @@ body.ffz-minimal-chat-input .ember-chat .chat-interface .textarea-contain textar
}
.theatre .chat-history.loading:before,
.dark .chat-history.loading:before {
.dark .chat-history.loading:before,
.theme--dark .chat-history.loading:before {
background-color: rgba(0,0,0,0.8);
}
@ -2293,7 +2327,8 @@ body.ffz-minimal-chat-input .ember-chat .chat-interface .textarea-contain textar
.ffz-bttv-dark .moderation-card .back-button,
.theatre .moderation-card .back-button,
.dark .moderation-card .back-button {
.dark .moderation-card .back-button,
.theme--dark .moderation-card .back-button {
background-color: #232329;
}
@ -2321,16 +2356,16 @@ body.ffz-minimal-chat-input .ember-chat .chat-interface .textarea-contain textar
color: #88323e;
}
.chat-container.dark .button.primary.ffz-waiting:not(:hover),
.app-main.theatre .button-primary.ffz-waiting:not(:hover),
.ember-chat-container.dark .button-primary.ffz-waiting:not(:hover) {
.chat-container.dark .button.primary.ffz-waiting:not(:hover),
.theme--dark .chat-container .button.primary.ffz-waiting:not(:hover) {
background-color: rgba(255,255,255,0.1);
color: #fff;
}
.chat-container.dark .button.primary.ffz-waiting.ffz-banned:not(:hover),
.app-main.theatre .button-primary.ffz-waiting.ffz-banned:not(:hover),
.ember-chat-container.dark .button-primary.ffz-waiting.ffz-banned:not(:hover) {
.chat-container.dark .button.primary.ffz-waiting.ffz-banned:not(:hover),
.theme--dark .chat-container .button.primary.ffz-waiting.ffz-banned:not(:hover) {
background-color: rgba(255,128,128,0.1);
color: #f66;
}
@ -2478,6 +2513,7 @@ body:not([data-current-path^="user."]) .ffz-sidebar-swap .ember-chat .chat-inter
/* No Blue */
.ffz-dark .toast,
.ffz-no-blue .dark .toast,
.ffz-no-blue .theme--dark .toast {
box-shadow: 0 0.2rem 0.7rem rgba(82,82,82,.2);
border-color: #525252;
@ -2485,6 +2521,7 @@ body:not([data-current-path^="user."]) .ffz-sidebar-swap .ember-chat .chat-inter
}
.ffz-dark .toast:hover,
.ffz-no-blue .dark .toast:hover,
.ffz-no-blue .theme--dark .toast:hover {
box-shadow: 0 0.2rem 0.7rem rgba(127,127,127,.4);
}
@ -2556,48 +2593,50 @@ body:not([data-current-path^="user."]) .ffz-sidebar-swap .ember-chat .chat-inter
.ffz-no-blue .theatre .conversation-system-message,
.ffz-no-blue.ffz-dark .conversation-system-message,
.ffz-no-blue .app-main.theatre .bits-card,
.ffz-no-blue .theatre .bits-card,
.ffz-no-blue .theme--dark .bits-card,
.ffz-no-blue .dark .bits-card,
.ffz-no-blue .app-main.theatre .bits-card--standard,
.ffz-no-blue .theatre .bits-card--standard,
.ffz-no-blue .dark .bits-card--standard,
.ffz-no-blue .theme--dark .bits-card--standard,
.ffz-no-blue .theme--dark .chat-container .chat-header,
.ffz-no-blue .chat-container.dark .chat-header,
.ffz-no-blue .ember-chat-container.dark .chat-header,
.ffz-no-blue .theatre .chat-header,
.ffz-no-blue .theme--dark .sc-search,
.ffz-no-blue .warp,
.ffz-no-blue #large_nav .content,
.ffz-no-blue #small_nav .content,
.ffz-no-blue .chat-container.dark,
.ffz-no-blue .app-main.theatre .chat-container,
.ffz-no-blue .ember-chat-container.dark,
.ffz-no-blue .app-main.theatre .ember-chat-container.chat-container,
.ffz-no-blue .chat-container.dark .chat-hidden-overlay,
.ffz-no-blue .theme--dark .chat-container,
.ffz-no-blue .chat-container.dark,
.ffz-no-blue .app-main.theatre .chat-container .chat-hidden-overlay,
.ffz-no-blue .ember-chat-container.dark .chat-hidden-overlay,
.ffz-no-blue .app-main.theatre .ember-chat-container.chat-container .chat-hidden-overlay,
.ffz-no-blue .chat-container.dark .chatters-view,
.ffz-no-blue .theme--dark .chat-container .chat-hidden-overlay,
.ffz-no-blue .chat-container.dark .chat-hidden-overlay,
.ffz-no-blue .app-main.theatre .chat-container .chatters-view,
.ffz-no-blue .ember-chat-container.dark .chatters-view,
.ffz-no-blue .app-main.theatre .ember-chat-container.chat-container .chatters-view,
.ffz-no-blue .chat-container.dark .emoticon-selector .emoticon-selector-box,
.ffz-no-blue .theme--dark .chat-container .chatters-view,
.ffz-no-blue .chat-container.dark .chatters-view,
.ffz-no-blue .app-main.theatre .chat-container .emoticon-selector .emoticon-selector-box,
.ffz-no-blue .ember-chat-container.dark .emoticon-selector .emoticon-selector-box,
.ffz-no-blue .app-main.theatre .ember-chat-container.chat-container .emoticon-selector .emoticon-selector-box,
.ffz-no-blue .chat-container.dark .emoticon-selector .emoticon-grid,
.ffz-no-blue .theme--dark .chat-container .emoticon-selector .emoticon-selector-box,
.ffz-no-blue .chat-container.dark .emoticon-selector .emoticon-selector-box,
.ffz-no-blue .app-main.theatre .chat-container .emoticon-selector .emoticon-grid,
.ffz-no-blue .ember-chat-container.dark .emoticon-selector .emoticon-grid,
.ffz-no-blue .app-main.theatre .ember-chat-container.chat-container .emoticon-selector .emoticon-grid,
.ffz-no-blue .chat-container.dark .chat-commands-dropdown,
.ffz-no-blue .theme--dark .chat-container .emoticon-selector .emoticon-grid,
.ffz-no-blue .chat-container.dark .emoticon-selector .emoticon-grid,
.ffz-no-blue .app-main.theatre .chat-container .chat-commands-dropdown,
.ffz-no-blue .ember-chat-container.dark .chat-commands-dropdown,
.ffz-no-blue .app-main.theatre .ember-chat-container.chat-container .chat-commands-dropdown,
.ffz-no-blue .chat-container.dark .chat-commands-dropdown li,
.ffz-no-blue .theme--dark .chat-container .chat-commands-dropdown,
.ffz-no-blue .chat-container.dark .chat-commands-dropdown,
.ffz-no-blue .app-main.theatre .chat-container .chat-commands-dropdown li,
.ffz-no-blue .ember-chat-container.dark .chat-commands-dropdown li,
.ffz-no-blue .app-main.theatre .ember-chat-container.chat-container .chat-commands-dropdown li,
.ffz-no-blue .chat-container.dark .chat-commands-dropdown li,
.ffz-no-blue.error_500,
.ffz-no-blue.error_400,
.ffz-no-blue .takeover #carousel,
@ -2610,6 +2649,7 @@ body:not([data-current-path^="user."]) .ffz-sidebar-swap .ember-chat .chat-inter
}
.ffz-no-blue .app-main.theatre .bits-footer,
.ffz-no-blue .theme--dark .bits-footer,
.ffz-no-blue .dark .bits-footer,
.ffz-no-blue .theatre .conversation-input-bar textarea,
@ -2626,17 +2666,20 @@ body:not([data-current-path^="user."]) .ffz-sidebar-swap .ember-chat .chat-inter
.ffz-no-blue .warp__drawer,
.ffz-no-blue .leaf,
.ffz-no-blue .theme--dark .emoticon-selector .tabs,
.ffz-no-blue .dark .emoticon-selector .tabs,
.ffz-no-blue .theatre .emoticon-selector .tabs,
.ffz-no-blue .app-main.theatre .archives-contain .list-video:hover,
.ffz-no-blue.ffz-dark .archives-contain .list-video:hover,
.ffz-no-blue .theatre .moderation-card .back-button,
.ffz-no-blue .theme--dark .moderation-card .back-button,
.ffz-no-blue .dark .moderation-card .back-button,
.ffz-no-blue .theme--dark .chat-container .chat-interface .emoticon-selector .tabs,
.ffz-no-blue .chat-container.dark .chat-interface .emoticon-selector .tabs,
.ffz-no-blue .app-main.theatre .chat-container .chat-interface .emoticon-selector .tabs,
.ffz-no-blue .ember-chat-container.dark .chat-interface .emoticon-selector .tabs,
.ffz-no-blue .app-main.theatre .ember-chat-container.chat-container .chat-interface .emoticon-selector .tabs {
.ffz-no-blue .app-main.theatre .chat-container .chat-interface .emoticon-selector .tabs {
background-color: #232323;
}
@ -2997,6 +3040,7 @@ body:not(.ffz-bttv) .ember-chat .chat-commands-dropdown li + li {
}
body:not(.ffz-bttv) .app-main.theatre .chat-container .chat-commands-dropdown li,
body:not(.ffz-bttv) .theme--dark .ember-chat .chat-commands-dropdown li,
body:not(.ffz-bttv) .dark .ember-chat .chat-commands-dropdown li,
body:not(.ffz-bttv) .ember-chat .chat-commands-dropdown li:hover {
background-color: rgba(0,0,0,0.25) !important;
@ -3004,7 +3048,8 @@ body:not(.ffz-bttv) .ember-chat .chat-commands-dropdown li:hover {
}
body:not(.ffz-bttv) .app-main.theatre .chat-container .chat-commands-dropdown li:hover,
body:not(.ffz-bttv) .dark .ember-chat .chat-commands-dropdown li:hover {
body:not(.ffz-bttv) .dark .ember-chat .chat-commands-dropdown li:hover,
body:not(.ffz-bttv) .theme--dark .ember-chat .chat-commands-dropdown li:hover {
background-color: rgba(0,0,0,0.75) !important;
color: #fff !important;
}
@ -3012,7 +3057,7 @@ body:not(.ffz-bttv) .dark .ember-chat .chat-commands-dropdown li:hover {
/* Conversations */
.ffz-theatre-conversations .app-main.theatre .conversations-content { display: none }
.ffz-theatre-conversations .app-main.theatre .conversations-wrapper { display: none }
body:not(.ffz-bttv) .conversation-window .new-message-divider + .timestamp-line {
margin-top: -3px;
@ -3291,7 +3336,8 @@ color: #706a7c
.ffz-dark .ffz-suggestions,
.theatre .ffz-suggestions,
.dark .ffz-suggestions {
.dark .ffz-suggestions,
.theme--dark .ffz-suggestions {
background-color: #101010 !important;
border-color: rgba(255,255,255,0.2) !important;
}
@ -3521,7 +3567,8 @@ body.ffz-bttv #ffz-feed-tabs .tabs { margin-bottom: 0 }
.ffz-dark .badge.staff.version-1.colored,
.theatre .badge.staff.version-1.colored,
.dark .badge.staff.version-1.colored {
.dark .badge.staff.version-1.colored,
.theme--dark .badge.staff.version-1.colored {
background: linear-gradient(#6441a4,#6441a4);
}
@ -3629,7 +3676,8 @@ body.ffz-bttv #ffz-feed-tabs .tabs { margin-bottom: 0 }
}
.theatre .chat-room .show-mod-icons .chat-lines .chat-line:not(.admin) .mod-icons,
.dark .chat-room .show-mod-icons .chat-lines .chat-line:not(.admin) .mod-icons {
.dark .chat-room .show-mod-icons .chat-lines .chat-line:not(.admin) .mod-icons,
.theme--dark .chat-room .show-mod-icons .chat-lines .chat-line:not(.admin) .mod-icons {
background-color: rgba(0,0,0,0.8);
}
@ -3658,18 +3706,22 @@ body.ffz-bttv #ffz-feed-tabs .tabs { margin-bottom: 0 }
}
.theatre .bits-purchase__header,
.dark .bits-purchase__header {
.dark .bits-purchase__header,
.theme--dark .bits-purchase__header {
color: #acacbf;
}
.theatre .bits-card,
.app-main.theatre .chat-container .bits-card, /* Twitch's CSS is retarded */
.theme--dark .bits-card,
.dark .bits-card,
.theatre .bits-purchase__row,
.theme--dark .bits-purchase__row,
.dark .bits-purchase__row,
.theatre .bits-footer,
.theme--dark .bits-footer,
.dark .bits-footer {
border-color: rgba(255,255,255,0.2);
color: #ccc;
@ -3726,7 +3778,8 @@ body.ffz-bttv #ffz-feed-tabs .tabs { margin-bottom: 0 }
}
.theatre .chat-interface .chat-rules,
.chat-container.dark .chat-rules {
.dark .chat-container .chat-rules
.theme--dark .chat-container .chat-rules {
background: #101010;
color: #ccc;
border-color: rgba(255,255,255,0.2);
@ -3917,13 +3970,19 @@ div.metadata-box {
/* Ban Notices */
.theatre .chat-history .chat-line.notification .message,
.theme--dark .chat-history .chat-line.notification .message,
.dark .chat-history .chat-line.notification .message,
.theatre .chat-history .chat-line.admin .message,
.theme--dark .chat-history .chat-line.admin .message,
.dark .chat-history .chat-line.admin .message,
.theatre .chat-messages .chat-line.admin .message,
.theme--dark .chat-messages .chat-line.admin .message,
.dark .chat-messages .chat-line.admin .message,
.theatre .chat-messages .chat-line.notification .message,
.theme--dark .chat-messages .chat-line.notification .message,
.dark .chat-messages .chat-line.notification .message {
color: #777
}
@ -4313,6 +4372,7 @@ body.ffz-sidebar-swap .app-main.theatre #main_col:not(.expandRight) #player[data
.ffz-dark .ffz-recent-expando,
.theatre .ffz-recent-expando,
.theme--dark .ffz-recent-expando,
.dark .ffz-recent-expando,
.force-dark .ffz-recent-expando {
background-color: #242424;
@ -4322,6 +4382,7 @@ body.ffz-sidebar-swap .app-main.theatre #main_col:not(.expandRight) #player[data
.ffz-dark .ffz-recent-messages,
.theatre .ffz-recent-messages,
.theme--dark .ffz-recent-messages,
.dark .ffz-recent-messages,
.force-dark .ffz-recent-messages {
background-color: #191919;