From 27a0687db43aeed07266806858e9a81048c422ae Mon Sep 17 00:00:00 2001
From: 63A9F0EA7BB98050796B649E85481845 <info@rpdl.net>
Date: Fri, 23 May 2025 09:36:31 +0100
Subject: [PATCH] change from slate to neutral

---
 frontend/src/App.vue                           |  2 +-
 frontend/src/components/FilterCategory.vue     |  2 +-
 frontend/src/components/PageSize.vue           |  2 +-
 frontend/src/components/SelectComponent.vue    |  4 ++--
 frontend/src/components/navigation/Profile.vue |  4 ++--
 frontend/src/components/navigation/Sidebar.vue |  2 +-
 .../torrent-upload/CategorySelect.vue          |  4 ++--
 frontend/src/views/AuthenticationModal.vue     |  6 +++---
 frontend/src/views/Torrent.vue                 | 18 +++++++++---------
 frontend/src/views/TorrentUpload.vue           | 10 +++++-----
 frontend/src/views/settings/Settings.vue       |  6 +++---
 11 files changed, 30 insertions(+), 30 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 613e0376..0623cb18 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -31,6 +31,6 @@ export default {
 
 <style>
 html {
-  @apply bg-slate-900;
+  @apply bg-neutral-900;
 }
 </style>
diff --git a/frontend/src/components/FilterCategory.vue b/frontend/src/components/FilterCategory.vue
index 7efc8a65..f2e89753 100644
--- a/frontend/src/components/FilterCategory.vue
+++ b/frontend/src/components/FilterCategory.vue
@@ -5,7 +5,7 @@
       Categories
     </button>
     <div class="origin-top-left absolute left-0 mt-2 z-10" :class="{hidden: !dropdownOpened}">
-      <div class="py-2 px-2 w-48 flex flex-col bg-slate-800 text-sm rounded-md shadow-lg">
+      <div class="py-2 px-2 w-48 flex flex-col bg-neutral-800 text-sm rounded-md shadow-lg">
         <ul v-if="$route.name === 'Browse Torrents'" id="category-filters" class="">
           <li v-for="category in categories"
               @click="selectFilter(category.name)"
diff --git a/frontend/src/components/PageSize.vue b/frontend/src/components/PageSize.vue
index f9824164..96516194 100644
--- a/frontend/src/components/PageSize.vue
+++ b/frontend/src/components/PageSize.vue
@@ -5,7 +5,7 @@
       Page Size
     </button>
     <div class="origin-top-left absolute left-0 mt-2 z-10" :class="{hidden: !dropdownOpened}">
-      <div class="py-2 px-2 w-48 flex flex-col bg-slate-800 text-sm rounded-md shadow-lg">
+      <div class="py-2 px-2 w-48 flex flex-col bg-neutral-800 text-sm rounded-md shadow-lg">
         <ul v-if="$route.name === 'Browse Torrents'" id="category-filters" class="">
           <li v-for="size in pageSizes"
               @click="updateSize(size)"
diff --git a/frontend/src/components/SelectComponent.vue b/frontend/src/components/SelectComponent.vue
index 19c257b2..faf91d5e 100644
--- a/frontend/src/components/SelectComponent.vue
+++ b/frontend/src/components/SelectComponent.vue
@@ -2,7 +2,7 @@
   <div v-click-outside="() => (dropdownOpened = false)">
       <button
           type="button"
-          class="relative py-2 pr-10 pl-3 w-full text-left bg-slate-800/50 text-slate-400 rounded-md border border-slate-700 cursor-pointer focus:outline-none focus:ring-1 focus:border-sky-500 sm:text-sm"
+          class="relative py-2 pr-10 pl-3 w-full text-left bg-neutral-800/50 text-slate-400 rounded-md border border-slate-700 cursor-pointer focus:outline-none focus:ring-1 focus:border-sky-500 sm:text-sm"
           @click="dropdownOpened = !dropdownOpened"
       >
         <span class="block truncate capitalize">{{ selected || 'Select a category...' }}</span>
@@ -18,7 +18,7 @@
       >
         <ul
             v-if="dropdownOpened"
-            class="overflow-auto absolute z-10 py-1 mt-1 w-full max-h-60 text-base bg-slate-800 rounded-md ring-1 ring-black ring-opacity-5 shadow-lg focus:outline-none sm:text-sm"
+            class="overflow-auto absolute z-10 py-1 mt-1 w-full max-h-60 text-base bg-neutral-800 rounded-md ring-1 ring-black ring-opacity-5 shadow-lg focus:outline-none sm:text-sm"
             tabindex="-1" role="listbox"
         >
           <li class="relative py-2 pr-9 pl-3 text-slate-200 cursor-pointer select-none hover:text-sky-400 hover:bg-primary-600"
diff --git a/frontend/src/components/navigation/Profile.vue b/frontend/src/components/navigation/Profile.vue
index 841b5137..b7f87f3d 100644
--- a/frontend/src/components/navigation/Profile.vue
+++ b/frontend/src/components/navigation/Profile.vue
@@ -15,8 +15,8 @@
     </button>
 
     <div class="origin-top-right absolute right-0 mt-2 z-10" :class="{hidden: !dropdownOpened}">
-      <div @click.prevent="() => (dropdownOpened = false)" class="py-2 px-2 w-48 flex flex-col bg-slate-800 text-sm rounded-md shadow-lg">
-        <router-link v-if="$store.getters.isAdministrator" to="/settings" replace class="py-1.5 text-center text-slate-100 border border-transparent rounded-md transition duration-200 hover:bg-slate-700 hover:border-slate-700">
+      <div @click.prevent="() => (dropdownOpened = false)" class="py-2 px-2 w-48 flex flex-col bg-neutral-800 text-sm rounded-md shadow-lg">
+        <router-link v-if="$store.getters.isAdministrator" to="/settings" replace class="py-1.5 text-center text-slate-100 border border-transparent rounded-md transition duration-200 hover:bg-neutral-700 hover:border-slate-700">
           <span>Settings</span>
         </router-link>
         <hr class="my-2 border-slate-700" />
diff --git a/frontend/src/components/navigation/Sidebar.vue b/frontend/src/components/navigation/Sidebar.vue
index fe613689..92a58186 100644
--- a/frontend/src/components/navigation/Sidebar.vue
+++ b/frontend/src/components/navigation/Sidebar.vue
@@ -10,7 +10,7 @@
     <!-- search bar -->
     <div class="sticky top-0 py-4 -ml-0.5 pointer-events-none">
       <div class="relative pointer-events-auto">
-        <div class="w-full flex items-center text-sm text-slate-400 bg-slate-800/50 rounded-md ring-1 ring-slate-900/10 py-1.5 pl-2 pr-3 transition duration-200 hover:ring-sky-400 focus:ring-sky-400">
+        <div class="w-full flex items-center text-sm text-slate-400 bg-neutral-800/50 rounded-md ring-1 ring-slate-900/10 py-1.5 pl-2 pr-3 transition duration-200 hover:ring-sky-400 focus:ring-sky-400">
           <svg @click="submitSearch" width="22" height="22" fill="none" aria-hidden="true" class="mr-2 flex-none cursor-pointer">
             <path d="m19 19-3.5-3.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
             <circle cx="11" cy="11" r="6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></circle>
diff --git a/frontend/src/components/torrent-upload/CategorySelect.vue b/frontend/src/components/torrent-upload/CategorySelect.vue
index 1f5bb529..1cfc0aa3 100644
--- a/frontend/src/components/torrent-upload/CategorySelect.vue
+++ b/frontend/src/components/torrent-upload/CategorySelect.vue
@@ -2,7 +2,7 @@
   <div v-click-outside="() => (dropdownOpened = false)">
       <button
           type="button"
-          class="relative py-2 pr-10 pl-3 w-full text-left bg-slate-800/50 text-slate-400 rounded-md border border-slate-700 cursor-pointer focus:outline-none focus:ring-1 focus:border-sky-500 sm:text-sm"
+          class="relative py-2 pr-10 pl-3 w-full text-left bg-neutral-800/50 text-slate-400 rounded-md border border-slate-700 cursor-pointer focus:outline-none focus:ring-1 focus:border-sky-500 sm:text-sm"
           @click="dropdownOpened = !dropdownOpened"
       >
         <span class="block truncate capitalize">{{ selectedCategory || 'Select a category...' }}</span>
@@ -19,7 +19,7 @@
       >
         <ul
             v-if="dropdownOpened"
-            class="overflow-auto absolute z-10 py-1 mt-1 w-full max-h-60 text-base bg-slate-800 rounded-md ring-1 ring-black ring-opacity-5 shadow-lg focus:outline-none sm:text-sm"
+            class="overflow-auto absolute z-10 py-1 mt-1 w-full max-h-60 text-base bg-neutral-800 rounded-md ring-1 ring-black ring-opacity-5 shadow-lg focus:outline-none sm:text-sm"
             tabindex="-1" role="listbox"
         >
           <li class="relative py-2 pr-9 pl-3 text-slate-200 cursor-pointer select-none hover:text-sky-400 hover:bg-primary-600"
diff --git a/frontend/src/views/AuthenticationModal.vue b/frontend/src/views/AuthenticationModal.vue
index 0fe98421..fd35858a 100644
--- a/frontend/src/views/AuthenticationModal.vue
+++ b/frontend/src/views/AuthenticationModal.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-      class="flex fixed top-0 left-0 z-30 flex-col justify-center w-full min-h-screen bg-slate-900/90 backdrop-blur"
+      class="flex fixed top-0 left-0 z-30 flex-col justify-center w-full min-h-screen bg-neutral-900/90 backdrop-blur"
       :class="{hidden: !authModalOpen}"
       @click.self="close"
   >
@@ -9,7 +9,7 @@
         <h1 class="text-white text-3xl font-bold">{{ $store.state.settings.website.name }}</h1>
       </div>
       <div
-          class="px-6 py-6 text-slate-400 bg-slate-800 rounded-md shadow mx-auto max-w-md"
+          class="px-6 py-6 text-slate-400 bg-neutral-800 rounded-md shadow mx-auto max-w-md"
       >
         <transition
             enter-active-class="transition ease-out duration-100 transform"
@@ -173,7 +173,7 @@ label {
 }
 
 .form-style {
-  @apply mt-1 w-full px-3 py-2 text-white bg-slate-800 border border-slate-700 rounded-md text-sm shadow-sm cursor-pointer placeholder-slate-400 hover:border-sky-500 focus:bg-slate-800
+  @apply mt-1 w-full px-3 py-2 text-white bg-neutral-800 border border-slate-700 rounded-md text-sm shadow-sm cursor-pointer placeholder-slate-400 hover:border-sky-500 focus:bg-neutral-800
   focus:outline-none focus:border-sky-500 focus:ring-1 focus:ring-sky-500 transition duration-200;
 }
 </style>
diff --git a/frontend/src/views/Torrent.vue b/frontend/src/views/Torrent.vue
index bd8c4c45..66a59ce7 100644
--- a/frontend/src/views/Torrent.vue
+++ b/frontend/src/views/Torrent.vue
@@ -12,7 +12,7 @@
           <h2 class="font-semibold text-xs lg:text-sm text-slate-400 uppercase">{{ torrent.info_hash }}</h2>
 
           <div class="py-4 flex flex-col flex-col-reverse lg:flex-row">
-            <div class="px-1 py-1 w-full lg:w-2/3 flex flex-col lg:flex-row flex-row bg-slate-800/50 rounded-md">
+            <div class="px-1 py-1 w-full lg:w-2/3 flex flex-col lg:flex-row flex-row bg-neutral-800/50 rounded-md">
               <div class="px-3 w-full lg:w-1/2 flex flex-col justify-start">
                 <div class="detail">Total size:<span class="value">{{ fileSize(torrent.file_size) }}</span></div>
                 <div class="detail">Upload Date:<span class="value">{{ new Date(torrent.upload_date * 1000).toLocaleString() }}</span></div>
@@ -63,7 +63,7 @@
 
       <div>
         <div v-if="isAdmin" class="py-3 border-b border-slate-200/5"></div>
-<!--        <div class="px-3 py-2 text-2xl text-white bg-slate-800 rounded-md"></div>-->
+<!--        <div class="px-3 py-2 text-2xl text-white bg-neutral-800 rounded-md"></div>-->
       </div>
       <div>
 <!--        <div class="py-3 border-b border-slate-200/5"></div>-->
@@ -78,7 +78,7 @@
         <div class="py-3 border-t border-slate-200/5"></div>
         <textarea v-if="editingDescription" rows="8" v-model="newDescription" class="input"></textarea>
         <h2 v-if="editingDescription" class="section">Markdown Preview</h2>
-        <MarkdownItVue v-if="editingDescription" :content="newDescription" class="px-4 py-4 max-h-64 overflow-auto md-body max-w-none prose-sm prose-blue bg-slate-800/50 rounded-md" />
+        <MarkdownItVue v-if="editingDescription" :content="newDescription" class="px-4 py-4 max-h-64 overflow-auto md-body max-w-none prose-sm prose-blue bg-neutral-800/50 rounded-md" />
         <MarkdownItVue v-if="!editingDescription && torrent.description" :content="torrent.description" class="md-body max-w-none prose-sm prose-blue" />
         <span v-if="!editingDescription && !torrent.description" class="text-slate-400 italic">Empty</span>
       </div>
@@ -268,7 +268,7 @@ export default {
 
 <style>
 .status {
-  @apply px-2 py-1.5 w-1/2 flex flex-row bg-slate-800/50 text-slate-200 capitalize border border-transparent rounded-md text-sm uppercase;
+  @apply px-2 py-1.5 w-1/2 flex flex-row bg-neutral-800/50 text-slate-200 capitalize border border-transparent rounded-md text-sm uppercase;
 }
 
 .detail {
@@ -284,11 +284,11 @@ h2.section {
 }
 
 button.edit {
-  @apply px-4 py-1.5 rounded-md border border-slate-800 text-sm text-slate-400 flex items-center relative cursor-pointer transition duration-200 hover:text-slate-200 hover:border-slate-200 disabled:bg-slate-700 disabled:border-slate-700 disabled:text-slate-400;
+  @apply px-4 py-1.5 rounded-md border border-slate-800 text-sm text-slate-400 flex items-center relative cursor-pointer transition duration-200 hover:text-slate-200 hover:border-slate-200 disabled:bg-neutral-700 disabled:border-slate-700 disabled:text-slate-400;
 }
 
 textarea.input {
-  @apply py-2 px-4 bg-slate-800/50 appearance-none w-full text-slate-200 rounded-md leading-tight focus:outline-none;
+  @apply py-2 px-4 bg-neutral-800/50 appearance-none w-full text-slate-200 rounded-md leading-tight focus:outline-none;
 }
 
 .markdown-body {
@@ -304,7 +304,7 @@ textarea.input {
 }
 
 .markdown-body hr {
-  @apply bg-slate-200/50;
+  @apply bg-neutral-200/50;
 }
 
 .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 {
@@ -312,10 +312,10 @@ textarea.input {
 }
 
 .markdown-body .highlight pre, .markdown-body pre {
-  @apply bg-slate-800 text-slate-400 rounded-md;
+  @apply bg-neutral-800 text-slate-400 rounded-md;
 }
 
 .markdown-body table tr, .markdown-body table td, .markdown-body table th {
-  @apply bg-slate-800 border-slate-700;
+  @apply bg-neutral-800 border-slate-700;
 }
 </style>
diff --git a/frontend/src/views/TorrentUpload.vue b/frontend/src/views/TorrentUpload.vue
index 5c5fefbd..e8399811 100644
--- a/frontend/src/views/TorrentUpload.vue
+++ b/frontend/src/views/TorrentUpload.vue
@@ -23,7 +23,7 @@
 
         <div v-if="form.description">
           <label>Markdown Preview</label>
-          <MarkdownItVue :content="form.description" class="mt-1 px-4 py-4 max-h-64 overflow-auto md-body max-w-none prose-sm prose-blue bg-slate-800/50 rounded-md" />
+          <MarkdownItVue :content="form.description" class="mt-1 px-4 py-4 max-h-64 overflow-auto md-body max-w-none prose-sm prose-blue bg-neutral-800/50 rounded-md" />
         </div>
 
         <div>
@@ -128,7 +128,7 @@ label {
 }
 
 .input {
-  @apply py-2 px-4 w-full text-white bg-slate-800 border border-slate-700 rounded-md text-sm shadow-sm cursor-pointer placeholder-slate-400 hover:border-sky-500 focus:bg-slate-800
+  @apply py-2 px-4 w-full text-white bg-neutral-800 border border-slate-700 rounded-md text-sm shadow-sm cursor-pointer placeholder-slate-400 hover:border-sky-500 focus:bg-neutral-800
   focus:outline-none focus:border-sky-500 focus:ring-1 focus:ring-sky-500 transition duration-200;
 }
 
@@ -145,7 +145,7 @@ label {
 }
 
 .markdown-body hr {
-  @apply bg-slate-200/50;
+  @apply bg-neutral-200/50;
 }
 
 .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 {
@@ -153,10 +153,10 @@ label {
 }
 
 .markdown-body .highlight pre, .markdown-body pre {
-  @apply bg-slate-800 text-slate-400 rounded-md;
+  @apply bg-neutral-800 text-slate-400 rounded-md;
 }
 
 .markdown-body table tr, .markdown-body table td, .markdown-body table th {
-  @apply bg-slate-800 border-slate-700;
+  @apply bg-neutral-800 border-slate-700;
 }
 </style>
diff --git a/frontend/src/views/settings/Settings.vue b/frontend/src/views/settings/Settings.vue
index 490f6513..423e42fe 100644
--- a/frontend/src/views/settings/Settings.vue
+++ b/frontend/src/views/settings/Settings.vue
@@ -22,7 +22,7 @@
         <label>Categories</label>
         <ul class="py-2">
           <li v-for="(category, index) in categoriesState" :key="index">
-            <div class="py-2 px-4 mt-2 bg-slate-800 rounded-md flex flex-row">
+            <div class="py-2 px-4 mt-2 bg-neutral-800 rounded-md flex flex-row">
               <span class="text-white">{{ category.name }} ({{ category.num_torrents }})</span>
               <svg xmlns="http://www.w3.org/2000/svg" @click="deleteCategory(category.name)" class="h-6 w-6 ml-auto px-1 rounded-lg bg-opacity-10 text-red-400 hover:text-red-500 text-center cursor-pointer" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
@@ -295,11 +295,11 @@ button.changes {
 }
 
 .tab {
-  @apply inline-block py-2 px-4 text-sm font-medium text-center text-sky-500 bg-slate-800 rounded-t-md;
+  @apply inline-block py-2 px-4 text-sm font-medium text-center text-sky-500 bg-neutral-800 rounded-t-md;
 }
 
 input {
-  @apply py-2 px-4 w-full text-white bg-slate-800 border border-slate-700 rounded-md text-sm shadow-sm cursor-pointer placeholder-slate-400 hover:border-sky-500 focus:bg-slate-800
+  @apply py-2 px-4 w-full text-white bg-neutral-800 border border-slate-700 rounded-md text-sm shadow-sm cursor-pointer placeholder-slate-400 hover:border-sky-500 focus:bg-neutral-800
   focus:outline-none focus:border-sky-500 focus:ring-1 focus:ring-sky-500 transition duration-200;
 }
 </style>