revert dependabot - re-add colour changes

Author: ldpr

frontend/src/App.vue

@@ -31,6 +31,6 @@ export default {
 
 <style>
 html {
-  @apply bg-slate-900;
+  @apply bg-neutral-900;
 }
 </style>

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)"

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)"

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"

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" />

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>

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"

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>

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,18 +304,18 @@ 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 {
   @apply border-slate-200/50;
 }
 
 .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>

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,18 +145,18 @@ 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 {
   @apply border-slate-200/50;
 }
 
 .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>