fix styles

AstroCorp · Oct 10, 2024 · d4349a3 · d4349a3
1 parent cd66246
commit d4349a3
Show file tree

Hide file tree

Showing 8 changed files with 38 additions and 38 deletions.
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
@@ -13,31 +13,31 @@ const currentLocale = computed({
 </script>
 
 <template>
-	<footer class="bg-acebooks-green-800 text-white">
+	<footer class="bg-acebooks-green-700 text-white">
 		<div class="px-2 py-8 text-center md:text-left">
 			<div class="mx-auto md:w-3/4 flex flex-col md:flex-row">
 				<div>
-					<h3 class="text-lg font-semibold mb-2">{{ t('footer.legal') }}</h3>
-					<ul>
-						<li class="mb-2 hover:text-acebooks-green-500">
+					<h3 class="text-xl font-medium mb-2">{{ t('footer.legal') }}</h3>
+					<ul class="font-light">
+						<li class="mb-2 hover:text-acebooks-green-400">
 							<NuxtLinkLocale to="/legal/cookies-notice">{{ t('footer.cookies') }}</NuxtLinkLocale>
 						</li>
-						<li class="mb-2 hover:text-acebooks-green-500">
+						<li class="mb-2 hover:text-acebooks-green-400">
 							<NuxtLinkLocale to="/legal/privacy-notice">{{ t('footer.privacy') }}</NuxtLinkLocale>
 						</li>
-						<li class="hover:text-acebooks-green-500">
+						<li class="hover:text-acebooks-green-400">
 							<NuxtLinkLocale to="/legal/terms-and-conditions">{{ t('footer.terms') }}</NuxtLinkLocale>
 						</li>
 					</ul>
 				</div>
 
 				<div class="mt-10 md:mt-0 md:ml-24">
-					<h3 class="text-lg font-semibold  mb-2">{{ t('footer.support') }}</h3>
-					<ul>
-						<li class="mb-2 hover:text-acebooks-green-500">
+					<h3 class="text-xl font-medium  mb-2">{{ t('footer.support') }}</h3>
+					<ul class="font-light">
+						<li class="mb-2 hover:text-acebooks-green-400">
 							<NuxtLinkLocale to="/legal/faqs">{{ t('footer.faqs') }}</NuxtLinkLocale>
 						</li>
-						<li class="hover:text-acebooks-green-500">
+						<li class="hover:text-acebooks-green-400">
 							<a :href="`mailto:${config.public.mailUsername}`">{{ t('footer.contact') }}</a>
 						</li>
 					</ul>

diff --git a/src/components/Header.vue b/src/components/Header.vue
@@ -35,7 +35,7 @@ onBeforeMount(() => {
 		}"
 	>
 		<header
-			class="fixed w-full sm:h-auto z-20 transition-all bg-acebooks-green-950 bg-opacity-0 duration-200"
+			class="fixed w-full sm:h-auto z-20 transition-all bg-acebooks-green-700 bg-opacity-0 duration-200"
 			:class="{
 				'h-full': applyNavStyle,
 				'bg-opacity-75 backdrop-blur-sm': applyNavBackground || applyNavStyle,

diff --git a/src/pages/index.vue b/src/pages/index.vue
@@ -87,7 +87,7 @@ useHead({
 					<p class="leading-7">Cuando tu colección crece más que tu espacio, Ace Books amplía tus horizontes. Sube tus libros, organízalos como quieras y accede desde cualquier dispositivo. Tu colección vive en la nube, siempre disponible para ti. Personaliza tu experiencia de lectura y retoma tus historias justo donde las dejaste. Con Ace Books, tú decides cómo y cuándo disfrutar de tus libros, sin límites ni restricciones.</p>
 				</div>
 
-				<div class="h-0.5 w-full xl:w-0.5 my-16 xl:my-0 xl:mx-8 xl:h-full bg-acebooks-green-200"></div>
+				<div class="h-0.5 w-full xl:w-0.5 my-16 xl:my-0 xl:mx-8 xl:h-full bg-acebooks-green-300"></div>
 
 				<div class="xl:w-1/2">
 					<h3 class="text-2xl font-semibold tracking-wider uppercase mb-4">Un sin fin de opciones</h3>

diff --git a/src/pages/legal/cookies-notice.vue b/src/pages/legal/cookies-notice.vue
@@ -28,7 +28,7 @@ useHead({
 	<div class="flex flex-col justify-between min-h-screen">
 		<Header />
 
-		<div class="relative px-4 pt-14 h-64 flex flex-col items-center justify-center bg-acebooks-green-900 text-white">
+		<div class="relative px-4 pt-14 h-64 flex flex-col items-center justify-center bg-acebooks-green-700 text-white">
 			<h1 class="text-2xl">{{ t('cookies.title') }}</h1>
 			<div class="border my-2 border-white/40 w-1/6"></div>
 			<time class="trext-lg">{{ t('cookies.date') }}</time>

diff --git a/src/pages/legal/faqs.vue b/src/pages/legal/faqs.vue
@@ -28,7 +28,7 @@ useHead({
 	<div class="flex flex-col justify-between min-h-screen">
 		<Header />
 
-		<div class="relative px-4 pt-14 h-64 flex flex-col items-center justify-center bg-acebooks-green-900 text-white">
+		<div class="relative px-4 pt-14 h-64 flex flex-col items-center justify-center bg-acebooks-green-700 text-white">
 			<h1 class="text-2xl">{{ t('cookies.title') }}</h1>
 			<div class="border my-2 border-white/40 w-1/6"></div>
 			<time class="trext-lg">{{ t('cookies.date') }}</time>

diff --git a/src/pages/legal/privacy-notice.vue b/src/pages/legal/privacy-notice.vue
@@ -28,7 +28,7 @@ useHead({
 	<div class="flex flex-col justify-between min-h-screen">
 		<Header />
 
-		<div class="relative px-4 pt-14 h-64 flex flex-col items-center justify-center bg-acebooks-green-900 text-white">
+		<div class="relative px-4 pt-14 h-64 flex flex-col items-center justify-center bg-acebooks-green-700 text-white">
 			<h1 class="text-2xl">{{ t('privacy.title') }}</h1>
 			<div class="border my-2 border-white/40 w-1/6"></div>
 			<time class="trext-lg">{{ t('privacy.date') }}</time>

diff --git a/src/pages/legal/terms-and-conditions.vue b/src/pages/legal/terms-and-conditions.vue
@@ -28,7 +28,7 @@ useHead({
 	<div class="flex flex-col justify-between min-h-screen">
 		<Header />
 
-		<div class="relative px-4 pt-14 h-64 flex flex-col items-center justify-center bg-acebooks-green-900 text-white">
+		<div class="relative px-4 pt-14 h-64 flex flex-col items-center justify-center bg-acebooks-green-700 text-white">
 			<h1 class="text-2xl">{{ t('terms.title') }}</h1>
 			<div class="border my-2 border-white/40 w-1/6"></div>
 			<time class="trext-lg">{{ t('terms.date') }}</time>

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -36,30 +36,30 @@ export default {
 			},
 			colors: {
 				'acebooks-green': {
-					'50': '#effef6',
-					'100': '#d9ffea',
-					'200': '#b5fdd6',
-					'300': '#7cf9b7',
-					'400': '#3cec90',
-					'500': '#12d570',
-					'600': '#08b159',
-					'700': '#0b8a48',
-					'800': '#0e6d3d',
-					'900': '#0c4d2d',
-					'950': '#01321a',
+					'50': '#f4faf3',
+					'100': '#e5f4e4',
+					'200': '#cbe8ca',
+					'300': '#a0d5a0',
+					'400': '#72bb72',
+					'500': '#4a9d4b',
+					'600': '#398039',
+					'700': '#2f6630',
+					'800': '#2a512b',
+					'900': '#244325',
+					'950': '#0f2410',
 				},
 				'acebooks-brown': {
-					'50': '#f7f5ef',
-					'100': '#ebe6d6',
-					'200': '#d8cdb0',
-					'300': '#c2af82',
-					'400': '#b0955f',
-					'500': '#a18251',
-					'600': '#8a6944',
-					'700': '#6d5038',
-					'800': '#5e4535',
-					'900': '#523c31',
-					'950': '#2f2019',
+					'50': '#f9f9f1',
+					'100': '#eaecd9',
+					'200': '#d4d8af',
+					'300': '#c1c485',
+					'400': '#babb72',
+					'500': '#aaa456',
+					'600': '#968949',
+					'700': '#7d6c40',
+					'800': '#685838',
+					'900': '#574930',
+					'950': '#302718',
 				},
 			},
 		},