refactor: custom css for components w/ tailwind

assets/main.css

@@ -0,0 +1,11 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+body {
+  --color-alpha: #1c1b1b;
+  --color-beta: #f2f2f2;
+  --color-gamma: #999999;
+  --color-customgradient-start: rgba(242, 242, 242, .0);
+  --color-customgradient-end: rgba(242, 242, 242, .85);
+}

components/Auth.ce.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import 'tailwindcss/tailwind.css';
+import '~/assets/main.css';
 </script>
 
 <template>
@@ -7,9 +7,3 @@ import 'tailwindcss/tailwind.css';
     Auth.ce
   </div>
 </template>
-
-<style lang="postcss">
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-</style>

components/CallbackHandler.ce.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useCallbackStore } from '~/store/callback';
-import 'tailwindcss/tailwind.css';
+import '~/assets/main.css';
 import { storeToRefs } from 'pinia';
 
 const callbackStore = useCallbackStore();
@@ -18,9 +18,3 @@ onBeforeMount(() => {
     <pre>{{ JSON.stringify(decryptedData, null, 2) }}</pre>
   </div>
 </template>
-
-<style lang="postcss">
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-</style>

components/KeyActions.ce.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import 'tailwindcss/tailwind.css';
+import '~/assets/main.css';
 </script>
 
 <template>
@@ -7,9 +7,3 @@ import 'tailwindcss/tailwind.css';
     KeyActions.ce
   </div>
 </template>
-
-<style lang="postcss">
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-</style>

components/Launchpad.ce.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import 'tailwindcss/tailwind.css';
+import '~/assets/main.css';
 </script>
 
 <template>
@@ -7,9 +7,3 @@ import 'tailwindcss/tailwind.css';
     Launchpad.ce
   </div>
 </template>
-
-<style lang="postcss">
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-</style>

components/PluginPromo.ce.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import 'tailwindcss/tailwind.css';
+import '~/assets/main.css';
 </script>
 
 <template>
@@ -7,9 +7,3 @@ import 'tailwindcss/tailwind.css';
     PluginPromo.ce
   </div>
 </template>
-
-<style lang="postcss">
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-</style>

components/UserProfile.ce.vue

@@ -3,7 +3,7 @@ import { storeToRefs } from 'pinia';
 import { useCallbackStore } from '~/store/callback';
 import { useServerStore } from '~/store/server';
 import type { Server } from '~/types/server';
-import 'tailwindcss/tailwind.css';
+import '~/assets/main.css';
 
 export interface Props {
   server?: Server;
@@ -48,9 +48,3 @@ onBeforeMount(() => {
     </div>
   </div>
 </template>
-
-<style lang="postcss">
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-</style>

components/WanIpCheck.ce.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import 'tailwindcss/tailwind.css';
+import '~/assets/main.css';
 </script>
 
 <template>
@@ -7,9 +7,3 @@ import 'tailwindcss/tailwind.css';
     WanIpCheck.ce
   </div>
 </template>
-
-<style lang="postcss">
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-</style>