Removed dark mode classes to prevent style conflicts

client/src/views/results/CompareResults.vue

@@ -59,7 +59,7 @@
                 Based on others who have taken this quiz, here are the playbooks of fellow travellers you are likely to meet along the way.
             </p>
             <table class="table-auto w-full max-w-sm mx-auto text-left">
-                <thead class="text-xs text-gray-700 uppercase bg-lime-100 dark:bg-gray-700 dark:text-gray-400">
+                <thead class="text-xs text-gray-700 uppercase bg-lime-100">
                     <tr>
                         <th>
 
@@ -76,7 +76,7 @@
                     </tr>
                 </thead>
                 <tbody>
-                    <tr v-for="(number, playbook, index) in this.resultsStore.playbooks" :key="playbook" class="hover:bg-yellow-50" :class="index % 2 == 0? `bg-lime-50 border-b dark:bg-gray-900 dark:border-gray-700` : `bg-lime-100 border-b dark:bg-gray-800 dark:border-gray-700`">
+                    <tr v-for="(number, playbook, index) in this.resultsStore.playbooks" :key="playbook" class="hover:bg-yellow-50" :class="index % 2 == 0? `bg-lime-50 border-b` : `bg-lime-100 border-b`">
                         <td v-if="this.resultsStore.results.playbooks.some(obj => obj.hasOwnProperty(playbook))">
                             <ChevronDoubleRight/>
                         </td>

client/src/views/results/Scores.vue

@@ -30,7 +30,7 @@
                 While the playbook you are is the one most reflected by your answers, here are the other playbooks and the extent to which they have a bearing upon your journey.
             </p>
             <table class="table-auto w-full max-w-sm mx-auto text-left">
-                <thead class="text-xs text-gray-700 uppercase bg-lime-100 dark:bg-gray-700 dark:text-gray-400">
+                <thead class="text-xs text-gray-700 uppercase bg-lime-100">
                     <tr>
                         <th class="pl-10">
                             Playbook
@@ -41,7 +41,7 @@
                     </tr>
                 </thead>
                 <tbody>
-                    <tr v-for="(score, playbook, index) in this.resultsStore.results.all_playbooks" :key="playbook" class="hover:bg-yellow-50" :class="index % 2 == 0? `bg-lime-50 border-b dark:bg-gray-900 dark:border-gray-700` : `bg-lime-100 border-b dark:bg-gray-800 dark:border-gray-700`">
+                    <tr v-for="(score, playbook, index) in this.resultsStore.results.all_playbooks" :key="playbook" class="hover:bg-yellow-50" :class="index % 2 == 0? `bg-lime-50 border-b` : `bg-lime-100 border-b`">
                         <td scope="col" class="py-1 pl-10 capitalize">
                             The {{ playbook }}
                         </td>

client/src/views/results/Statistics.vue

@@ -60,7 +60,7 @@
                 Or, indeed, it can provide insight into how the questions we ask of each other bias the way we perceive the world.
             </p>
             <table class="table-auto w-full mx-auto max-w-lg text-left">
-                <thead class="text-xs text-gray-700 uppercase bg-lime-100 dark:bg-gray-700 dark:text-gray-400">
+                <thead class="text-xs text-gray-700 uppercase bg-lime-100">
                     <tr>
                         <th>
 
@@ -83,7 +83,7 @@
                     </tr>
                 </thead>
                 <tbody>
-                    <tr v-for="(stats, playbook, index) in this.resultsStore.scores" :key="playbook" class="hover:bg-yellow-50" :class="index % 2 == 0? `bg-lime-50 border-b dark:bg-gray-900 dark:border-gray-700` : `bg-lime-100 border-b dark:bg-gray-800 dark:border-gray-700`">
+                    <tr v-for="(stats, playbook, index) in this.resultsStore.scores" :key="playbook" class="hover:bg-yellow-50" :class="index % 2 == 0? `bg-lime-50 border-b` : `bg-lime-100 border-b`">
                         <td v-if="this.resultsStore.results.playbooks.some(obj => obj.hasOwnProperty(playbook))">
                             <ChevronDoubleRight/>
                         </td>