Merge pull request #363 from midarrlabs/362-remove-light-theme

Remove theme alternatives
midarrlabs · May 21, 2023 · 6f10540 · 6f10540
2 parents 079031f + 88d6c1d
commit 6f10540
Show file tree

Hide file tree

Showing 20 changed files with 151 additions and 151 deletions.
diff --git a/lib/media_server_web/components/continue_component.html.heex b/lib/media_server_web/components/continue_component.html.heex
@@ -9,12 +9,12 @@
   </div>
   <div class="max-w-xl">
     <div class="mt-8 flex items-center gap-x-2 text-xs">
-      <time class="text-sm text-zinc-400 dark:text-zinc-500 flex-grow">
+      <time class="text-sm text-zinc-500 flex-grow">
         <%= @minutes_remaining %> minutes left
       </time>
       <%= if @item["hasFile"] do %>
-        <div class="flex rounded-full bg-white/90 px-3 mr-1 text-sm font-medium text-zinc-800 shadow-lg shadow-zinc-800/5 ring-1 ring-zinc-900/5 backdrop-blur dark:bg-zinc-800/90 dark:text-zinc-200 dark:ring-white/10">
-          <%= live_redirect id: "play-#{ @item["id"] }", to: @link, class: "flex items-center text-sm py-2 transition hover:text-red-500 dark:hover:text-red-400" do %>
+        <div class="flex rounded-full px-3 mr-1 text-sm font-medium shadow-lg shadow-zinc-800/5 ring-1 backdrop-blur bg-zinc-800/90 text-zinc-200 ring-white/10">
+          <%= live_redirect id: "play-#{ @item["id"] }", to: @link, class: "flex items-center text-sm py-2 transition hover:text-red-400" do %>
             <svg
               aria-hidden="true"
               viewBox="0 0 10 10"
@@ -34,7 +34,7 @@
           phx-target={@myself}
           phx-value-id={@id_item}
           type="button"
-          class="dark:text-zinc-200 flex items-center text-sm transition hover:text-red-500 dark:hover:text-red-400"
+          class="text-zinc-200 flex items-center text-sm transition hover:text-red-400"
         >
           <svg class="w-5 h-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
             <path
@@ -47,7 +47,7 @@
       <% end %>
     </div>
     <div class="group relative">
-      <h3 class=" text-base font-semibold tracking-tight text-zinc-800 dark:text-zinc-100">
+      <h3 class=" text-base font-semibold tracking-tight text-zinc-100">
         <%= @item["title"] %>
       </h3>
     </div>

diff --git a/lib/media_server_web/components/footer_component.html.heex b/lib/media_server_web/components/footer_component.html.heex
@@ -1,30 +1,30 @@
 <footer class="mt-32">
   <div class="sm:px-8">
     <div class="mx-auto max-w-7xl lg:px-8">
-      <div class="border-t border-zinc-100 pt-10 pb-16 dark:border-zinc-700/40">
+      <div class="border-t pt-10 pb-16 border-zinc-700/40">
         <div class="relative px-4 sm:px-8 lg:px-12">
           <div class="mx-auto max-w-2xl lg:max-w-5xl">
             <div class="flex flex-col items-center justify-between gap-6 sm:flex-row">
-              <div class="flex gap-6 text-sm font-medium text-zinc-800 dark:text-zinc-200">
+              <div class="flex gap-6 text-sm font-medium text-zinc-200">
                 <%= live_redirect("Movies",
                   to: Routes.movies_index_path(@socket, :index),
-                  class: "transition hover:text-teal-500 dark:hover:text-red-400"
+                  class: "transition hover:text-red-400"
                 ) %>
                 <%= live_redirect("Series",
                   to: Routes.series_index_path(@socket, :index),
-                  class: "transition hover:text-teal-500 dark:hover:text-red-400"
+                  class: "transition hover:text-red-400"
                 ) %>
                 <%= live_redirect("Playlists",
                   to: Routes.playlist_index_path(@socket, :index),
-                  class: "transition hover:text-teal-500 dark:hover:text-red-400"
+                  class: "transition hover:text-red-400"
                 ) %>
                 <%= live_redirect("Continues",
                   to: Routes.continues_index_path(@socket, :index),
-                  class: "transition hover:text-teal-500 dark:hover:text-red-400"
+                  class: "transition hover:text-red-400"
                 ) %>
               </div>
-              <a href="https://github.com/midarrlabs" target="_blank" class="text-sm text-center text-zinc-400 dark:text-zinc-500">
-                © 2023 Midarr Labs - v3.1.0
+              <a href="https://github.com/midarrlabs" target="_blank" class="text-sm text-center text-zinc-500">
+                © 2023 Midarr Labs - v3.2.0-beta.1
               </a>
             </div>
           </div>

diff --git a/lib/media_server_web/components/nav_component.html.heex b/lib/media_server_web/components/nav_component.html.heex
@@ -6,7 +6,7 @@
           <div class="mx-auto max-w-2xl lg:max-w-5xl">
             <div class="relative flex gap-4">
               <div class="flex flex-1">
-                <div class="h-10 w-10 rounded-full bg-white/90 p-0.5 shadow-lg shadow-zinc-800/5 ring-1 ring-zinc-900/5 backdrop-blur dark:bg-zinc-800/90 dark:ring-white/10">
+                <div class="h-10 w-10 rounded-full p-0.5 shadow-lg shadow-zinc-800/5 ring-1 backdrop-blur bg-zinc-800/90 ring-white/10">
                   <%= live_redirect to: Routes.home_index_path(@socket, :index), class: "block origin-left pointer-events-auto", style: "transform: var(--avatar-image-transform);" do %>
                     <svg viewBox="0 0 20 20" fill="#ef4444" class="w-9 h-9">
                       <path
@@ -21,15 +21,15 @@
               <div class="flex flex-1 justify-end md:justify-center">
                 <div class="pointer-events-auto md:hidden">
                   <button
-                    class="group flex items-center rounded-full bg-white/90 px-4 py-2 text-sm font-medium text-zinc-800 shadow-lg shadow-zinc-800/5 ring-1 ring-zinc-900/5 backdrop-blur dark:bg-zinc-800/90 dark:text-zinc-200 dark:ring-white/10 dark:hover:ring-white/20"
+                    class="group flex items-center rounded-full px-4 py-2 text-sm font-medium shadow-lg shadow-zinc-800/5 ring-1 backdrop-blur bg-zinc-800/90 text-zinc-200 ring-white/10 hover:ring-white/20"
                     type="button"
                     phx-click={
                       JS.toggle(to: "#mobile-menu")
                     }
                   >
                     Menu<svg
                       viewBox="0 0 8 6"
-                      class="ml-3 h-auto w-2 stroke-zinc-500 group-hover:stroke-zinc-700 dark:group-hover:stroke-zinc-400"
+                      class="ml-3 h-auto w-2 stroke-zinc-500 group-hover:stroke-zinc-400"
                     ><path
                         d="M1.75 1.75 4 4.25l2.25-2.5"
                         fill="none"
@@ -40,48 +40,48 @@
                   </button>
                 </div>
                 <nav class="pointer-events-auto hidden md:block">
-                  <ul class="flex rounded-full bg-white/90 px-3 text-sm font-medium text-zinc-800 shadow-lg shadow-zinc-800/5 ring-1 ring-zinc-900/5 backdrop-blur dark:bg-zinc-800/90 dark:text-zinc-200 dark:ring-white/10">
+                  <ul class="flex rounded-full px-3 text-sm font-medium shadow-lg shadow-zinc-800/5 ring-1 backdrop-blur bg-zinc-800/90 text-zinc-200 ring-white/10">
                     <li>
                       <%= live_redirect("Movies",
                         to: Routes.movies_index_path(@socket, :index),
                         class:
-                          "relative block px-3 py-2 transition hover:text-red-500 dark:hover:text-red-400"
+                          "relative block px-3 py-2 transition hover:text-red-400"
                       ) %>
                     </li>
                     <li>
                       <%= live_redirect("Series",
                         to: Routes.series_index_path(@socket, :index),
                         class:
-                          "relative block px-3 py-2 transition hover:text-red-500 dark:hover:text-red-400"
+                          "relative block px-3 py-2 transition hover:text-red-400"
                       ) %>
                     </li>
                     <li>
                       <%= live_redirect("Playlists",
                         to: Routes.playlist_index_path(@socket, :index),
                         class:
-                          "relative block px-3 py-2 transition hover:text-red-500 dark:hover:text-red-400"
+                          "relative block px-3 py-2 transition hover:text-red-400"
                       ) %>
                     </li>
                     <li>
                       <%= live_redirect("Continues",
                         to: Routes.continues_index_path(@socket, :index),
                         class:
-                          "relative block px-3 py-2 transition hover:text-red-500 dark:hover:text-red-400"
+                          "relative block px-3 py-2 transition hover:text-red-400"
                       ) %>
                     </li>
                   </ul>
                 </nav>
               </div>
               <div class="flex justify-end md:flex-1">
                 <div class="pointer-events-auto">
-                  <ul class="flex rounded-full bg-white/90 px-3 text-sm font-medium text-zinc-800 shadow-lg shadow-zinc-800/5 ring-1 ring-zinc-900/5 backdrop-blur dark:bg-zinc-800/90 dark:text-zinc-200 dark:ring-white/10">
+                  <ul class="flex rounded-full px-3 text-sm font-medium shadow-lg shadow-zinc-800/5 ring-1 backdrop-blur bg-zinc-800/90 text-zinc-200 ring-white/10">
                     <li>
                       <button
                         type="button"
                         phx-click={
                           JS.toggle(to: "#search-command") |> JS.focus(to: "#search_query")
                         }
-                        class="relative block px-3 py-2 transition hover:text-red-500 dark:hover:text-red-400"
+                        class="relative block px-3 py-2 transition hover:text-red-400"
                       >
                         <svg
                           class="h-5 w-5"
@@ -103,7 +103,7 @@
                         phx-click={JS.toggle(to: "#profile-dropdown")}
                         phx-click-away={JS.hide(to: "#profile-dropdown")}
                         type="button"
-                        class="relative block px-3 py-2 transition hover:text-red-500 dark:hover:text-red-400"
+                        class="relative block px-3 py-2 transition hover:text-red-400"
                       >
                         <svg viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5">
                           <path
@@ -115,17 +115,17 @@
                       </button>
                       <div
                         id="profile-dropdown"
-                        class="hidden origin-top-right absolute right-0 mt-2 w-36 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none dark:bg-zinc-800 dark:ring-zinc-800"
+                        class="hidden origin-top-right absolute right-0 mt-2 w-36 rounded-md shadow-lg ring-1 ring-opacity-5 focus:outline-none bg-zinc-800 ring-zinc-800"
                       >
-                        <div class="divide-y divide-zinc-100 text-sm font-medium text-zinc-800 dark:divide-zinc-100/5 dark:text-zinc-300">
+                        <div class="divide-y text-sm font-medium divide-zinc-100/5 text-zinc-300">
                           <%= link("Settings",
                             to: Routes.settings_index_path(@socket, :index),
-                            class: "block px-4 py-2 dark:hover:text-red-400"
+                            class: "block px-4 py-2 hover:text-red-400"
                           ) %>
                           <%= link("Log out",
                             to: Routes.user_session_path(@socket, :delete),
                             method: :delete,
-                            class: "block px-4 py-2 dark:hover:text-red-400"
+                            class: "block px-4 py-2 hover:text-red-400"
                           ) %>
                         </div>
                       </div>
@@ -141,7 +141,7 @@
   </div>
 
   <div class="hidden relative z-10" id="search-command">
-    <div class="fixed inset-0 bg-zinc-800/40 backdrop-blur-sm dark:bg-black/80 opacity-100"></div>
+    <div class="fixed inset-0 backdrop-blur-sm bg-black/80 opacity-100"></div>
 
     <div class="fixed inset-0 z-10 overflow-y-auto p-4 sm:p-6 md:p-20">
       <div class="mx-auto max-w-xl transform divide-y divide-gray-100 overflow-hidden rounded-xl bg-white shadow-2xl ring-1 ring-black ring-opacity-5 transition-all">
@@ -171,11 +171,11 @@
 
   <div class="hidden relative z-10" id="mobile-menu">
     <div
-      class="fixed inset-0 bg-zinc-800/40 backdrop-blur-sm dark:bg-black/80 opacity-100"
+      class="fixed inset-0 backdrop-blur-sm bg-black/80 opacity-100"
     >
     </div>
     <div
-      class="fixed inset-x-4 top-8 origin-top rounded-3xl bg-white p-8 ring-1 ring-zinc-900/5 dark:bg-zinc-900 dark:ring-zinc-800 opacity-100 scale-100"
+      class="fixed inset-x-4 top-8 origin-top rounded-3xl p-8 ring-1 bg-zinc-900 ring-zinc-800 opacity-100 scale-100"
       phx-click-away={JS.hide(to: "#mobile-menu")}
     >
       <div class="flex flex-row-reverse items-center justify-between">
@@ -188,7 +188,7 @@
           <svg
             viewBox="0 0 24 24"
             aria-hidden="true"
-            class="h-6 w-6 text-zinc-500 dark:text-zinc-400"
+            class="h-6 w-6 text-zinc-400"
           >
             <path
               d="m17.25 6.75-10.5 10.5M6.75 6.75l10.5 10.5"
@@ -201,10 +201,10 @@
             </path>
           </svg>
         </button>
-        <h2 class="text-sm font-medium text-zinc-600 dark:text-zinc-400">Navigation</h2>
+        <h2 class="text-sm font-medium text-zinc-400">Navigation</h2>
       </div>
       <nav class="mt-6">
-        <ul class="-my-2 divide-y divide-zinc-100 text-base text-zinc-800 dark:divide-zinc-100/5 dark:text-zinc-300">
+        <ul class="-my-2 divide-y text-base divide-zinc-100/5 text-zinc-300">
             <li>
               <%= live_redirect("Movies",
                 to: Routes.movies_index_path(@socket, :index),

diff --git a/lib/media_server_web/components/page_header_component.ex b/lib/media_server_web/components/page_header_component.ex
@@ -12,10 +12,10 @@ defmodule MediaServerWeb.Components.PageHeaderComponent do
           <div class="mx-auto max-w-2xl lg:max-w-5xl">
             <div class="grid grid-cols-1 gap-y-16 lg:grid-cols-2 lg:grid-rows-[auto_1fr] lg:gap-y-12">
               <div class="lg:order-first lg:row-span-2">
-                <h1 class="text-4xl font-bold tracking-tight text-zinc-800 dark:text-zinc-100 sm:text-5xl">
+                <h1 class="text-4xl font-bold tracking-tight text-zinc-100 sm:text-5xl">
                   <%= @title %>
                 </h1>
-                <div class="mt-6 text-base text-zinc-600 dark:text-zinc-200 line-clamp-2">
+                <div class="mt-6 text-base text-zinc-200 line-clamp-2">
                   <%= @description %>
                 </div>
               </div>

diff --git a/lib/media_server_web/components/pagination_component.ex b/lib/media_server_web/components/pagination_component.ex
@@ -12,10 +12,10 @@ defmodule MediaServerWeb.Components.PaginationComponent do
                   <div class="flex flex-1 justify-end md:justify-center"></div>
                   <div class="flex justify-end md:flex-1">
                     <div class="pointer-events-auto">
-                      <ul class="space-x-4 flex rounded-full bg-white/90 px-3 text-sm font-medium text-zinc-800 shadow-lg shadow-zinc-800/5 ring-1 ring-zinc-900/5 backdrop-blur dark:bg-zinc-800/90 dark:text-zinc-200 dark:ring-white/10">
+                      <ul class="space-x-4 flex rounded-full px-3 text-sm font-medium shadow-lg shadow-zinc-800/5 ring-1 backdrop-blur bg-zinc-800/90 text-zinc-200 ring-white/10">
                         <li>
                           <%= if assigns.page_number > 1 do %>
-                            <%= live_redirect id: "pagination-previous", to: assigns.previous_link, class: "flex items-center text-sm py-2 transition hover:text-red-500 dark:hover:text-red-400" do %>
+                            <%= live_redirect id: "pagination-previous", to: assigns.previous_link, class: "flex items-center text-sm py-2 transition hover:text-red-400" do %>
                               <svg
                                 fill="none"
                                 viewBox="0 0 24 24"
@@ -50,7 +50,7 @@ defmodule MediaServerWeb.Components.PaginationComponent do
                         </li>
                         <li>
                           <%= if assigns.page_number !== assigns.total_pages do %>
-                            <%= live_redirect id: "pagination-next", to: assigns.next_link, class: "flex items-center text-sm py-2 transition hover:text-red-500 dark:hover:text-red-400" do %>
+                            <%= live_redirect id: "pagination-next", to: assigns.next_link, class: "flex items-center text-sm py-2 transition hover:text-red-400" do %>
                               <svg
                                 fill="none"
                                 viewBox="0 0 24 24"

diff --git a/lib/media_server_web/components/poster_component.ex b/lib/media_server_web/components/poster_component.ex
@@ -13,7 +13,7 @@ defmodule MediaServerWeb.Components.PosterComponent do
             loading="lazy"
           />
         <% else %>
-          <div class="dark:bg-zinc-800/90 h-full w-full"></div>
+          <div class="bg-zinc-800/90 h-full w-full"></div>
           <div class="hidden"><%= assigns.title %></div>
         <% end %>
       <% end %>

diff --git a/lib/media_server_web/live/continues_live/index.html.heex b/lib/media_server_web/live/continues_live/index.html.heex
@@ -9,10 +9,10 @@
             <div class="mx-auto max-w-2xl lg:max-w-5xl">
               <div class="grid grid-cols-1 gap-y-16 lg:grid-cols-2 lg:grid-rows-[auto_1fr] lg:gap-y-12">
                 <div class="lg:order-first lg:row-span-2">
-                  <h1 class="text-4xl font-bold tracking-tight text-zinc-800 dark:text-zinc-100 sm:text-5xl">
+                  <h1 class="text-4xl font-bold tracking-tight text-zinc-100 sm:text-5xl">
                     Continues
                   </h1>
-                  <div class="mt-6 text-base text-zinc-600 dark:text-zinc-200 line-clamp-2">
+                  <div class="mt-6 text-base text-zinc-200 line-clamp-2">
                     Easily pick up where you left off.
                   </div>
                 </div>