Merge pull request #32 from radek00/remove-dark

Keep only dark mode

SecureSend/ClientApp/src/assets/icons/CalendarIcon.vue

@@ -1,6 +1,6 @@
 <template>
   <svg
-    class="w-[24px] h-[24px] text-gray-800 dark:text-white"
+    class="w-[24px] h-[24px] text-white"
     aria-hidden="true"
     xmlns="http://www.w3.org/2000/svg"
     fill="currentColor"

SecureSend/ClientApp/src/assets/icons/CheckIcon.vue

@@ -1,6 +1,6 @@
 <template>
   <svg
-    class="w-6 h-6 text-gray-800 dark:text-white"
+    class="w-6 h-6text-white"
     aria-hidden="true"
     xmlns="http://www.w3.org/2000/svg"
     fill="currentColor"

SecureSend/ClientApp/src/assets/icons/FileIcon.vue

@@ -1,6 +1,6 @@
 <template>
   <svg
-    class="w-[24px] h-[24px] text-gray-800 dark:text-white"
+    class="w-[24px] h-[24px] text-white"
     aria-hidden="true"
     xmlns="http://www.w3.org/2000/svg"
     fill="none"

SecureSend/ClientApp/src/assets/icons/PasswordIcon.vue

@@ -1,6 +1,6 @@
 <template>
   <svg
-    class="w-6 h-6 text-gray-800 dark:text-white"
+    class="w-6 h-6 text-white"
     aria-hidden="true"
     xmlns="http://www.w3.org/2000/svg"
     fill="currentColor"

SecureSend/ClientApp/src/assets/icons/TrashIcon.vue

@@ -1,6 +1,6 @@
 <template>
   <svg
-    class="text-gray-800 dark:text-white"
+    class="text-white"
     aria-hidden="true"
     xmlns="http://www.w3.org/2000/svg"
     fill="none"

SecureSend/ClientApp/src/assets/icons/UploadIconStep.vue

@@ -1,6 +1,6 @@
 <template>
   <svg
-    class="w-[24px] h-[24px] text-gray-800 dark:text-white"
+    class="w-[24px] h-[24px] text-white"
     aria-hidden="true"
     xmlns="http://www.w3.org/2000/svg"
     fill="currentColor"

SecureSend/ClientApp/src/components/ConfirmModal.vue

@@ -15,7 +15,7 @@ defineEmits(["closeClick"]);
       <div class="relative rounded-lg shadow bg-gray-700">
         <!-- Modal header -->
         <div
-          class="flex items-start justify-between p-4 border-b rounded-t dark:border-gray-600"
+          class="flex items-start justify-between p-4 border-b rounded-t border-gray-600"
         >
           <h3 class="text-xl font-semibold text-white">
             <slot name="header"></slot>

SecureSend/ClientApp/src/components/ErrorMessage.vue

@@ -1,5 +1,5 @@
 <template>
-  <p class="mt-2 text-sm text-red-600 dark:text-red-500 absolute">
+  <p class="mt-2 text-sm text-red-500 absolute">
     <slot>
       <span class="font-medium">Oh, snapp!</span> Something went wrong.
     </slot>

SecureSend/ClientApp/src/components/FileCard.vue

@@ -1,7 +1,5 @@
 <template>
-  <div
-    class="w-auto p-6 bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700"
-  >
+  <div class="w-auto p-6 borde rounded-lg shadow bg-gray-800 border-gray-700">
     <div class="flex w-full gap-4 items-center">
       <div>
         <FileIcon></FileIcon>

SecureSend/ClientApp/src/components/FileUploadForm/FileInput.vue

@@ -41,7 +41,7 @@ const { isOverDropZone } = useDropZone(fileDropZone, { onDrop });
   >
     <label
       for="dropzone-file"
-      class="flex flex-col items-center justify-center w-full h-64 border-2 border-gray-300 border-dashed rounded-lg cursor-pointer bg-gray-50 dark:hover:bg-bray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-gray-600 dark:hover:border-gray-500 dark:hover:bg-gray-600"
+      class="flex flex-col items-center justify-center w-full h-64 border-2 border-dashed rounded-lg cursor-pointer hover:bg-bray-800 bg-gray-700 border-gray-600 hover:border-gray-500 hover:bg-gray-600"
     >
       <div class="flex flex-col items-center justify-center pt-5 pb-6">
         <UploadIcon></UploadIcon>

SecureSend/ClientApp/src/components/FileUploadForm/FormStepper.vue

@@ -2,19 +2,17 @@
   <ol class="flex items-center w-full">
     <li
       :class="{
-        'text-blue-600 dark:text-blue-500 dark:after:border-blue-800 after:border-blue-100 ':
-          step === 0,
-        'after:border-gray-100 after:border-4 after:inline-block dark:after:border-gray-700 ':
-          step !== 0,
+        'text-blue-500 after:border-blue-800 ': step === 0,
+        'after:border-4 after:inline-block after:border-gray-700 ': step !== 0,
       }"
       class="flex w-full items-center after:content-[''] after:w-full after:h-1 after:border-b after:border-4 after:inline-block after:transition-background-color after:linear after:duration-1000"
     >
       <span
         class="flex items-center justify-center w-10 h-10 rounded-full lg:h-12 lg:w-12 shrink-0"
         :class="{
-          'dark:bg-blue-800 bg-blue-100 transition-background-color linear duration-1000  ':
+          'bg-blue-800 transition-background-color linear duration-1000  ':
             step === 0,
-          'dark:bg-gray-700 bg-gray-100 transition-background-color linear duration-1000':
+          'bg-gray-700 transition-background-color linear duration-1000':
             step !== 0,
         }"
       >
@@ -23,19 +21,19 @@
     </li>
     <li
       :class="{
-        'text-blue-600 dark:text-blue-500 dark:after:border-blue-800 after:border-blue-100 transition-background-color linear duration-1000':
+        'text-blue-600 after:border-blue-800 transition-background-color linear duration-1000':
           step === 1,
-        'after:border-gray-100 after:border-4 after:inline-block dark:after:border-gray-700 transition-background-color linear duration-1000':
+        'after:border-gray-100 after:border-4 after:inline-block after:border-gray-700 transition-background-color linear duration-1000':
           step !== 1,
       }"
       class="flex w-full items-center after:content-[''] after:w-full after:h-1 after:border-b after:border-4 after:inline-block after:transition-background-color after:linear after:duration-1000"
     >
       <span
         class="flex items-center justify-center w-10 h-10 rounded-full lg:h-12 lg:w-12 shrink-0"
         :class="{
-          'dark:bg-blue-800 bg-blue-100 transition-background-color linear duration-1000':
+          'bg-blue-800 transition-background-color linear duration-1000':
             step === 1,
-          'dark:bg-gray-700 bg-gray-100 transition-background-color linear duration-1000':
+          'bg-gray-700 transition-background-color linear duration-1000':
             step !== 1,
         }"
       >
@@ -46,9 +44,9 @@
       <span
         class="flex items-center justify-center w-10 h-10 rounded-full lg:h-12 lg:w-12 shrink-0"
         :class="{
-          'dark:bg-blue-800 bg-blue-100 transition-background-color linear duration-1000':
+          'bg-blue-800 transition-background-color linear duration-1000':
             step === 2,
-          'dark:bg-gray-700 transition-background-color linear duration-1000':
+          'bg-gray-700 transition-background-color linear duration-1000':
             step !== 2,
         }"
       >

SecureSend/ClientApp/src/components/LoadingIndicator.vue

@@ -3,7 +3,7 @@
     <svg
       aria-hidden="true"
       v-bind="$attrs"
-      class="text-gray-200 animate-spin dark:text-gray-600 fill-blue-600"
+      class="animate-spin text-gray-600 fill-blue-600"
       viewBox="0 0 100 101"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"

SecureSend/ClientApp/src/components/SimpleInput.vue

@@ -2,7 +2,7 @@
   <label
     v-if="label"
     :for="props.name"
-    class="block mb-2 text-sm font-medium text-gray-900 dark:text-white"
+    class="block mb-2 text-sm font-medium text-white"
     >{{ props.label }}</label
   >
   <input
@@ -12,7 +12,7 @@
     "
     :name="props.name"
     v-bind="$attrs"
-    class="bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+    class="border sm:text-sm rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 bg-gray-700 border-gray-600 placeholder-gray-400 text-white focus:ring-blue-500 focus:border-blue-500"
   />
   <ErrorMessage>
     <span v-show="isValid === false" class="font-medium">{{

SecureSend/ClientApp/src/components/StyledButton.vue

@@ -3,7 +3,7 @@
     type="submit"
     class="text-white focus:ring-4 focus:enabled::outline-none font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center disabled:cursor-not-allowed disabled:bg-gray-600"
     :class="{
-      'dark:bg-blue-600 dark:hover:enabled::bg-blue-700 dark:focus:enabled:ring-blue-800 bg-blue-700 hover:enabled:bg-blue-800 focus:enabled:ring-blue-300':
+      'bg-blue-600 hover:enabled::bg-blue-700 focus:enabled:ring-blue-800 hover:enabled:bg-blue-800':
         type === ButtonType.primary,
       'bg-gray-800 hover:enabled:bg-gray-900 focus:enabled:ring-gray-700':
         type === ButtonType.back,

SecureSend/ClientApp/src/views/ErrorPageView.vue

@@ -1,23 +1,23 @@
 <template>
-  <section class="bg-white dark:bg-gray-900">
+  <section class="bg-gray-900">
     <div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
       <div class="mx-auto max-w-screen-sm text-center">
         <h1
-          class="mb-4 text-7xl tracking-tight font-extrabold lg:text-9xl text-primary-600 dark:text-primary-500"
+          class="mb-4 text-7xl tracking-tight font-extrabold lg:text-9xl text-primary-600 text-primary-500"
         >
           {{ errorCode }}
         </h1>
         <p
-          class="mb-4 text-3xl tracking-tight font-bold text-gray-900 md:text-4xl dark:text-white"
+          class="mb-4 text-3xl tracking-tight font-bold md:text-4xl text-white"
         >
           {{ heading }}
         </p>
-        <p class="mb-4 text-lg font-light text-gray-500 dark:text-gray-400">
+        <p class="mb-4 text-lg font-light text-gray-400">
           {{ bottomText }}
         </p>
         <router-link
           to="/"
-          class="inline-flex text-white bg-primary-600 hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:focus:ring-primary-900 my-4"
+          class="inline-flex text-white bg-primary-600 hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center focus:ring-primary-900 my-4"
           >Back to Homepage</router-link
         >
       </div>

SecureSend/ClientApp/src/views/FileDownloadView.vue

@@ -53,11 +53,9 @@ const isPasswordValidComputed = computed(
 </script>
 <template>
   <div class="w-11/12 md:w-6/12" v-if="isPasswordValid">
-    <h1 class="text-4xl text-gray-900 dark:text-white text-center">
-      Download files
-    </h1>
+    <h1 class="text-4xl text-white text-center">Download files</h1>
     <div
-      class="flex flex-col gap-5 mt-5 w-full justify-between p-6 border border-gray-300 rounded-lg shadow dark:bg-gray-700 dark:border-gray-600"
+      class="flex flex-col gap-5 mt-5 w-full justify-between p-6 border rounded-lg shadow bg-gray-700 border-gray-600"
     >
       <FileCard
         v-for="file in secureUpload.files"
@@ -66,7 +64,7 @@ const isPasswordValidComputed = computed(
       >
         <template #cardBottom>
           <a
-            class="font-medium text-blue-600 dark:text-blue-500 hover:underline"
+            class="font-medium text-blue-500 hover:underline"
             href="#"
             @click.prevent
             @click="
@@ -87,15 +85,15 @@ const isPasswordValidComputed = computed(
   >
     <a
       href="#"
-      class="flex items-center mb-6 text-2xl font-semibold text-gray-900 dark:text-white"
+      class="flex items-center mb-6 text-2xl font-semibold text-white"
     >
       SecureSend
     </a>
     <div
-      class="w-full p-6 bg-white rounded-lg shadow dark:border md:mt-0 sm:max-w-md dark:bg-gray-800 dark:border-gray-700 sm:p-8"
+      class="w-full p-6 rounded-lg shadow border md:mt-0 sm:max-w-md bg-gray-800 border-gray-700 sm:p-8"
     >
       <h2
-        class="mb-1 text-xl font-bold leading-tight tracking-tight text-gray-900 md:text-2xl dark:text-white"
+        class="mb-1 text-xl font-bold leading-tight tracking-tight md:text-2xl text-white"
       >
         Unlock your files
       </h2>

SecureSend/ClientApp/src/views/FileUploadView.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="w-11/12 md:w-6/12 flex flex-col justify-between gap-4 h-11/12 p-6 border border-gray-300 rounded-lg shadow dark:bg-gray-800 dark:border-gray-800"
+    class="w-11/12 md:w-6/12 flex flex-col justify-between gap-4 h-11/12 p-6 border rounded-lg shadow bg-gray-800 border-gray-800"
   >
     <FormStepper class="px-[10px]" :step="step"></FormStepper>
     <div