diff --git a/app/assets/css/main.css b/app/assets/css/main.css
index ec997ee..2dcd858 100644
--- a/app/assets/css/main.css
+++ b/app/assets/css/main.css
@@ -3,6 +3,12 @@
@plugin "@tailwindcss/typography";
-body {
- @apply bg-white dark:bg-neutral-950;
+:root {
+ --ui-white: #ffffff;
+ --ui-black: #000000;
+}
+
+.dark {
+ --ui-white: #ffffff;
+ --ui-black: #000000;
}
\ No newline at end of file
diff --git a/app/components/home/CatchPhrase.vue b/app/components/home/CatchPhrase.vue
index e99a9dc..f70b397 100644
--- a/app/components/home/CatchPhrase.vue
+++ b/app/components/home/CatchPhrase.vue
@@ -33,3 +33,15 @@ const { t } = useI18n({
}
}
+
+
diff --git a/app/pages/writings/[slug].vue b/app/pages/writings/[slug].vue
index da5bc3f..e6508e9 100644
--- a/app/pages/writings/[slug].vue
+++ b/app/pages/writings/[slug].vue
@@ -122,21 +122,20 @@ function scrollToSection(id: string) {
side: 'bottom',
sideOffset: 8,
}"
- :ui="{ content: 'cursor-pointer z-50 bg-[#fff] dark:bg-neutral-900 shadow-lg rounded-md ring ring-gray-100 dark:ring-neutral-800 data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-popover-content-transform-origin) focus:outline-none pointer-events-auto' }"
>
-