From 9bef0d71ea680a03d2ddfa6ffc8358757e503cf2 Mon Sep 17 00:00:00 2001
From: Ducky <ducky@zio.sh>
Date: Sat, 29 Jul 2023 02:24:55 +0100
Subject: [PATCH] Gearheads: add various extra styles for Elephant theme

---
 app/javascript/styles/gh/elephant-mods.scss | 48 +++++++++++++++++++++
 1 file changed, 48 insertions(+)

diff --git a/app/javascript/styles/gh/elephant-mods.scss b/app/javascript/styles/gh/elephant-mods.scss
index 1f265c587..ff6051768 100644
--- a/app/javascript/styles/gh/elephant-mods.scss
+++ b/app/javascript/styles/gh/elephant-mods.scss
@@ -1,11 +1,59 @@
 .theme-elephant,
 .theme-elephant-contrast,
 .theme-elephant-light {
+  background-color: var(--color-bg);
+
+  /** Style login/sign-up **/
+  .new_user {
+    .btn {
+      border-radius: 9999px;
+      text-transform: unset;
+      transition: all .2s;
+    }
+
+    .label_input__append {
+      &::after {
+        background-image: unset;
+      }
+    }
+
+    input {
+      &.string,
+      &.text {
+        background-color: var(--color-mud);
+        border-color: var(--color-mud);
+        color: var(--color-dim);
+        font-size: var(--font-size);
+      }
+
+      &.string {
+        border-radius: 32px;
+        height: 42px;
+        padding: 0 20px;
+      }
+
+      &.text {
+        border-radius: var(--border-radius);
+      }
+    }
+  }
+
   /** Add shadows around dropdowns/popouts **/
   .dropdown-animation,
+  .picture-in-picture .video-player.inline,
   .video-modal__container .video-player {
     box-shadow: 0 0 20px rgba(0,0,0,0.25);
   }
+  
+  /** Fix PIP quirks **/
+  .picture-in-picture {
+    .video-player.inline {
+      border-radius: unset;
+      outline: unset;
+    }
+
+    border-radius: var(--border-radius);
+  }
 
   /** Offset modified logo for desktop layout **/
   .navigation-panel__logo > .column-link--logo {