v1.6.7/release

- fix hbo space button
- minor reband color

app/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "watch-party-crx",
-  "version": "1.6.3",
+  "version": "1.6.7",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

app/public/popup.html

@@ -18,23 +18,23 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     />
     <style>
       :root {
-        --mdc-theme-primary: #c0f300 !important;
+        --mdc-theme-primary: #beff94 !important;
         --mdc-theme-secondary: #000000 !important;
-        --mdc-theme-background: #c0f300 !important;
+        --mdc-theme-background: #beff94 !important;
         --mdc-theme-surface: #000000 !important;
         --mdc-theme-on-primary: #000000 !important;
-        --mdc-theme-on-secondary: #c0f300 !important;
-        --mdc-theme-on-surface: #c0f300 !important;
+        --mdc-theme-on-secondary: #beff94 !important;
+        --mdc-theme-on-surface: #beff94 !important;
         --mdc-theme-text-primary-on-light: #000000 !important;
         --mdc-theme-text-secondary-on-light: #2c2c2c !important;
         --mdc-theme-text-hint-on-light: #363636 !important;
         --mdc-theme-text-disabled-on-light: #555555 !important;
         --mdc-theme-text-icon-on-light: #000000 !important;
-        --mdc-theme-text-primary-on-dark: #c0f300 !important;
+        --mdc-theme-text-primary-on-dark: #beff94 !important;
         --mdc-theme-text-secondary-on-dark: #f7ff56 !important;
         --mdc-theme-text-hint-on-dark: #fbffb3 !important;
         --mdc-theme-text-disabled-on-dark: #8bc000 !important;
-        --mdc-theme-text-icon-on-dark: #c0f300 !important;
+        --mdc-theme-text-icon-on-dark: #beff94 !important;
       }
       .mdc-button {
         display: block;
@@ -50,7 +50,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         letter-spacing: 2px;
       }
       .mdc-switch {
-        --mdc-theme-secondary: #c0f300 !important;
+        --mdc-theme-secondary: #beff94 !important;
         --mdc-theme-surface: #ffffff !important;
         margin: 10px 5px;
       }

app/src/App.js

@@ -36,7 +36,7 @@ const darkTheme = createMuiTheme({
       main: '#FF0000',
     },
     secondary: {
-      main: '#c0f300',
+      main: '#beff94',
     },
   },
 });

app/src/Thread.css

@@ -42,7 +42,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
 }
 .thread-item.highlight .thread-message img,
 .thread-item.highlight .thread-message p {
-  border: 2px solid #c0f300;
+  border: 2px solid #beff94;
 }
 .thread-item.highlight .thread-message img {
   padding: 7.5px 10px;
@@ -264,9 +264,16 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
   line-height: 1.5 !important;
   padding: 7.5px 0px !important;
   padding-top: 0 !important;
-  text-align: center !important;
+  text-align: left !important;
+  white-space: break-spaces;
+}
+.thread-interactive-question::before {
+  content: '[MESSAGE FROM ADMIN]';
+  display: block;
+  margin-bottom: 10px;
 }
 .thread-interactive-thankyou {
+  font-size: 12px;
   text-align: center !important;
 }
 .thread-interactive-link {

app/src/index.css

@@ -391,10 +391,10 @@ body.funimation.visible header {
 .create-bottom-card * {
   letter-spacing: 1.5px !important;
   font-size: 11px;
-  color: #c0f300 !important;
+  color: #beff94 !important;
 }
 .create-bottom-card a:hover {
-  color: #c0f300;
+  color: #beff94;
 }
 .room-title {
   text-overflow: ellipsis !important;
@@ -467,7 +467,7 @@ textarea::-webkit-scrollbar {
   overflow-y: auto;
 }
 .party-controls-users-container::-webkit-scrollbar-thumb {
-  background-color: #c0f300 !important;
+  background-color: #beff94 !important;
   border-radius: 13px;
 }
 .party-controls-users-container::-webkit-scrollbar {
@@ -641,10 +641,10 @@ body.amazon-prime .notification-switch .MuiSwitch-thumb {
 #mic-highlight {
   width: 320px;
   height: 124px;
-  box-shadow: 0px 0px 520px #c0f300;
+  box-shadow: 0px 0px 520px #beff94;
   left: 107px;
   position: absolute;
-  border: 2px solid #c0f300;
+  border: 2px solid #beff94;
 }
 #mic-text {
   width: 100%;
@@ -772,7 +772,7 @@ body.amazon-prime .notification-switch .MuiSwitch-thumb {
 }
 .thread-wrapper::-webkit-scrollbar-thumb:hover,
 .giphy-list-wrapper::-webkit-scrollbar-thumb:hover {
-  background-color: #c0f300;
+  background-color: #beff94;
 }
 
 .giphy-search-form {
@@ -873,6 +873,10 @@ button.giphy-list-item {
   background: #202020 !important;
 }
 
+.alerts-stepper-card .MuiCardContent-root {
+  white-space: break-spaces;
+}
+
 .alerts-stepper-card span {
   font-size: 11px !important;
 }
@@ -894,7 +898,7 @@ button.giphy-list-item {
   border-bottom-left-radius: 26px !important;
   border-bottom-right-radius: 26px !important;
   padding: 10px;
-  color: #c0f300 !important;
+  color: #beff94 !important;
 }
 
 .alerts-stepper-controls {
@@ -903,7 +907,7 @@ button.giphy-list-item {
 }
 
 .alerts-stepper-controls .MuiMobileStepper-dot.MuiMobileStepper-dotActive {
-  background-color: #c0f300 !important;
+  background-color: #beff94 !important;
 }
 
 .alerts-stepper-controls button {
@@ -940,7 +944,7 @@ button.giphy-list-item {
 }
 .tutorial-content h6 {
   font-size: 14px;
-  color: #c0f300;
+  color: #beff94;
   letter-spacing: 2.5px;
   font-weight: bold;
   text-transform: uppercase;

app/src/index.js

@@ -98,6 +98,17 @@ switch (getPlayerSource()) {
       },
       { capture: true }
     );
+    window.addEventListener(
+      'keydown',
+      (ev) => {
+        if (ev.target.tagName==='INPUT'||ev.target.tagName==='TEXTAREA') {
+          ev.target.focus();
+        }
+        ev.stopImmediatePropagation();
+        ev.stopPropagation();
+      },
+      {capture: true}
+    )
     break;
   case PLAYER_SOURCE.PEACOCK:
     document.body.classList.add('peacock');