Spaces:

ValeriaTrade
/

undefined

Running

App Files Files Community

ValeriaTrade commited on Oct 10, 2025

Commit

d492874

verified ·

1 Parent(s): 7789832

CHANGE THE COLORS

Browse files

Files changed (2) hide show

index.html +16 -13
terms.html +8 -8

index.html CHANGED Viewed

@@ -11,10 +11,13 @@
             theme: {
                 extend: {
                     colors: {
-                        primary: '#b38b6d',
-                        secondary: '#e8d5c0',
                     }
-                }
             }
         }
     </script>
@@ -28,10 +31,10 @@
         }
     </style>
 </head>
-<body class="bg-gray-50 font-serif">
-    <!-- Header -->
-    <header class="bg-white shadow-sm py-6">
-        <div class="max-w-7xl mx-auto px-4 text-center">
             <a href="index.html" class="text-3xl font-bold text-primary">VALERIQUE</a>
             <div class="mt-4">
                 <a href="clothing.html" class="text-gray-600 hover:text-primary mx-4">Clothing</a>
@@ -41,11 +44,11 @@
     </header>
     <!-- Last Viewed Section -->
-    <div class="min-h-screen-80 flex items-center justify-center bg-gray-50 p-4">
-        <div class="max-w-md w-full mx-auto text-center">
             <h1 class="text-2xl text-gray-600 mb-2">You last viewed</h1>
-            <div class="bg-white rounded-lg shadow-md overflow-hidden">
-                <img src="http://static.photos/jewelry/640x360/1" alt="Last Viewed Product" class="w-full h-64 object-cover">
                 <div class="p-4">
                     <h2 class="text-xl font-bold text-gray-800 mb-1">Eternal Gold Necklace</h2>
                     <p class="text-primary font-bold text-lg mb-4">£295 <span class="text-gray-400 line-through text-sm ml-2">£350</span></p>
@@ -60,8 +63,8 @@
     </div>
     <!-- Footer -->
-    <footer class="bg-gray-900 text-white py-8 px-4">
-        <div class="max-w-7xl mx-auto text-center">
             <div class="flex justify-center space-x-6">
                 <a href="terms.html" class="text-gray-400 hover:text-white transition">Terms & Conditions</a>
                 <a href="privacy.html" class="text-gray-400 hover:text-white transition">Privacy Policy</a>

             theme: {
                 extend: {
                     colors: {
+                        primary: '#5E3023',
+                        secondary: '#895737',
+                        accent: '#B88B4A',
+                        light: '#F5F1E3',
+                        dark: '#2F1B0E'
                     }
+}
             }
         }
     </script>
         }
     </style>
 </head>
+<body class="bg-light font-serif">
+<!-- Header -->
+    <header class="bg-light shadow-sm py-6">
+<div class="max-w-7xl mx-auto px-4 text-center">
             <a href="index.html" class="text-3xl font-bold text-primary">VALERIQUE</a>
             <div class="mt-4">
                 <a href="clothing.html" class="text-gray-600 hover:text-primary mx-4">Clothing</a>
     </header>
     <!-- Last Viewed Section -->
+    <div class="min-h-screen-80 flex items-center justify-center bg-light p-4">
+<div class="max-w-md w-full mx-auto text-center">
             <h1 class="text-2xl text-gray-600 mb-2">You last viewed</h1>
+                <div class="bg-light rounded-lg shadow-md overflow-hidden">
+<img src="http://static.photos/jewelry/640x360/1" alt="Last Viewed Product" class="w-full h-64 object-cover">
                 <div class="p-4">
                     <h2 class="text-xl font-bold text-gray-800 mb-1">Eternal Gold Necklace</h2>
                     <p class="text-primary font-bold text-lg mb-4">£295 <span class="text-gray-400 line-through text-sm ml-2">£350</span></p>
     </div>
     <!-- Footer -->
+    <footer class="bg-dark text-light py-8 px-4">
+<div class="max-w-7xl mx-auto text-center">
             <div class="flex justify-center space-x-6">
                 <a href="terms.html" class="text-gray-400 hover:text-white transition">Terms & Conditions</a>
                 <a href="privacy.html" class="text-gray-400 hover:text-white transition">Privacy Policy</a>

terms.html CHANGED Viewed

@@ -11,11 +11,11 @@
             theme: {
                 extend: {
                     colors: {
-                        primary: '#1a1a1a',
-                        secondary: '#f5f5f5',
-                        accent: '#2a2a2a',
-                        light: '#f8f8f8',
-                        dark: '#0d0d0d'
                     },
 fontFamily: {
                         sans: ['Roboto', 'sans-serif'],
@@ -28,9 +28,9 @@ fontFamily: {
 </script>
 <script src="https://unpkg.com/feather-icons"></script>
 </head>
-<body class="bg-light font-sans theme-dark-luxe">
 <!-- Minimal Header -->
-    <header class="bg-white shadow-sm border-b border-primary/10 theme-dark-luxe:bg-dark theme-dark-luxe:border-secondary/10">
 <div class="max-w-7xl mx-auto px-4 py-4 flex justify-between items-center">
             <a href="index.html" class="text-3xl font-serif font-light text-primary">Valerique</a>
 <div class="flex items-center space-x-4">
@@ -43,7 +43,7 @@ fontFamily: {
     <!-- Terms Content -->
     <main class="max-w-4xl mx-auto px-4 py-12">
         <h1 class="text-4xl font-display font-bold text-center text-primary mb-12">Terms & Conditions</h1>
-<div class="bg-white p-8 rounded-lg shadow-sm border border-primary/10 theme-dark-luxe:bg-dark theme-dark-luxe:border-secondary/10">
 <div class="prose max-w-none">
                 <h2 class="text-2xl font-display font-bold mb-4">1. General Information</h2>
 <p class="mb-6 text-primary/90">These Terms and Conditions ("Terms") govern your use of the VALERIQUE website operated by VALERIA TRADE LTD ("us", "we", or "our"). Please read these Terms carefully before using our website.</p>

             theme: {
                 extend: {
                     colors: {
+                        primary: '#5E3023',
+                        secondary: '#895737',
+                        accent: '#B88B4A',
+                        light: '#F5F1E3',
+                        dark: '#2F1B0E'
                     },
 fontFamily: {
                         sans: ['Roboto', 'sans-serif'],
 </script>
 <script src="https://unpkg.com/feather-icons"></script>
 </head>
+<body class="bg-light font-sans">
 <!-- Minimal Header -->
+<header class="bg-light shadow-sm border-b border-accent/10">
 <div class="max-w-7xl mx-auto px-4 py-4 flex justify-between items-center">
             <a href="index.html" class="text-3xl font-serif font-light text-primary">Valerique</a>
 <div class="flex items-center space-x-4">
     <!-- Terms Content -->
     <main class="max-w-4xl mx-auto px-4 py-12">
         <h1 class="text-4xl font-display font-bold text-center text-primary mb-12">Terms & Conditions</h1>
+<div class="bg-light p-8 rounded-lg shadow-sm border border-accent/10">
 <div class="prose max-w-none">
                 <h2 class="text-2xl font-display font-bold mb-4">1. General Information</h2>
 <p class="mb-6 text-primary/90">These Terms and Conditions ("Terms") govern your use of the VALERIQUE website operated by VALERIA TRADE LTD ("us", "we", or "our"). Please read these Terms carefully before using our website.</p>