alterando estilos

Author: bernardoazevedo

public/assets/css/app.css

@@ -3,7 +3,7 @@
     --textColor0: hsl(from var(--textColor) h s calc(l - 10));
     --textColor1: hsl(from var(--textColor) h s calc(l - 20));
 
-    --highlightColor: #559949;
+    --highlightColor: #10b981;
     --highlightColor0: hsl(from var(--highlightColor) h s calc(l - 10));
     --highlightColor1: hsl(from var(--highlightColor) h s calc(l - 20));
 

resources/views/components/color-input-label.blade.php

@@ -1,5 +1,5 @@
 @props(['value'])
 
-<label {{ $attributes->merge(['class' => 'font-medium text-sm text-gray-700']) }}>
+<label {{ $attributes->merge(['class' => 'font-medium text-sm text-stone-700']) }}>
     {{ $value ?? $slot }}
 </label>

resources/views/components/color-input.blade.php

@@ -1,3 +1,3 @@
 @props(['disabled' => false])
 
-<input @disabled($disabled) type="color" {{ $attributes->merge(['class' => 'rounded p-1 w-full h-10 cursor-pointer border border-gray-200 bg-white shadow-sm']) }}>
+<input @disabled($disabled) type="color" {{ $attributes->merge(['class' => 'rounded p-1 w-full h-10 cursor-pointer border border-stone-300 bg-white shadow-sm hover:bg-stone-100 focus:border-emerald-500 focus:ring-emerald-500 focus:border-2']) }}>

resources/views/components/dropdown-link.blade.php

@@ -1 +1 @@
-<a {{ $attributes->merge(['class' => 'block w-full px-4 py-2 text-start text-sm leading-5 text-gray-700 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition duration-150 ease-in-out']) }}>{{ $slot }}</a>
+<a {{ $attributes->merge(['class' => 'block w-full px-4 py-2 text-start text-sm leading-5 text-stone-700 hover:bg-stone-100 focus:outline-none focus:bg-stone-100 transition duration-150 ease-in-out']) }}>{{ $slot }}</a>

resources/views/components/input-label.blade.php

@@ -1,5 +1,5 @@
 @props(['value'])
 
-<label {{ $attributes->merge(['class' => 'block font-medium text-sm text-gray-700']) }}>
+<label {{ $attributes->merge(['class' => 'block font-medium text-sm text-stone-700']) }}>
     {{ $value ?? $slot }}
 </label>

resources/views/components/layout.blade.php

@@ -30,7 +30,7 @@
 
     <!--Footer container-->
     <footer
-    class="flex flex-col items-center text-gray-700 text-center text-surface">
+    class="flex flex-col items-center text-stone-700 text-center text-surface">
         <div class="w-full pt-4 bg-zinc-100">
             <!-- Social media icons container -->
             <div class="mb-4 flex justify-center space-x-2">
@@ -98,4 +98,4 @@ class="rounded-full bg-transparent p-3 font-medium uppercase leading-normal text
     <script src="{{ url('assets/js/jquery-3.7.1.min.js') }}"></script>
     <script src="{{ url('assets/js/script.js') }}"></script>
 </body>
-</html>
+</html>

resources/views/components/modal.blade.php

@@ -60,7 +60,7 @@ class="fixed inset-0 transform transition-all"
         x-transition:leave-start="opacity-100"
         x-transition:leave-end="opacity-0"
     >
-        <div class="absolute inset-0 bg-gray-500 opacity-75"></div>
+        <div class="absolute inset-0 bg-stone-500 opacity-75"></div>
     </div>
 
     <div

resources/views/components/nav-link.blade.php

@@ -2,8 +2,8 @@
 
 @php
 $classes = ($active ?? false)
-            ? 'inline-flex items-center px-1 border-b-2 border-indigo-400 text-lg font-medium leading-5 text-gray-900 focus:outline-none focus:border-indigo-700 transition duration-150 ease-in-out'
-            : 'inline-flex items-center px-1 border-b-2 border-transparent text-lg font-medium leading-5 text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out';
+            ? 'inline-flex items-center px-1 border-b-2 border-indigo-400 text-lg font-medium leading-5 text-stone-900 focus:outline-none focus:border-indigo-700 transition duration-150 ease-in-out'
+            : 'inline-flex items-center px-1 border-b-2 border-transparent text-lg font-medium leading-5 text-stone-500 hover:text-stone-700 hover:border-stone-300 focus:outline-none focus:text-stone-700 focus:border-stone-300 transition duration-150 ease-in-out';
 @endphp
 
 <a {{ $attributes->merge(['class' => $classes]) }}>

resources/views/components/primary-button.blade.php

@@ -1,3 +1,3 @@
-<button {{ $attributes->merge(['type' => 'submit', 'class' => 'inline-flex items-center px-4 py-2 bg-gray-800 border border-transparent rounded font-semibold text-xs text-white uppercase tracking-widest hover:bg-gray-700 focus:bg-gray-700 active:bg-gray-900 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 transition ease-in-out duration-150']) }}>
+<button {{ $attributes->merge(['type' => 'submit', 'class' => 'inline-flex items-center px-4 py-2 bg-stone-800 border border-transparent rounded font-semibold text-xs text-white uppercase tracking-widest hover:bg-stone-700 focus:bg-stone-700 active:bg-stone-900 focus:outline-none focus:ring-2 focus:ring-emerald-500 focus:ring-offset-2 transition ease-in-out duration-150']) }}>
     {{ $slot }}
 </button>

resources/views/components/responsive-nav-link.blade.php

@@ -3,7 +3,7 @@
 @php
 $classes = ($active ?? false)
             ? 'block w-full ps-3 pe-4 py-2 border-l-4 border-indigo-400 text-start text-base font-medium text-indigo-700 bg-indigo-50 focus:outline-none focus:text-indigo-800 focus:bg-indigo-100 focus:border-indigo-700 transition duration-150 ease-in-out'
-            : 'block w-full ps-3 pe-4 py-2 border-l-4 border-transparent text-start text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition duration-150 ease-in-out';
+            : 'block w-full ps-3 pe-4 py-2 border-l-4 border-transparent text-start text-base font-medium text-stone-600 hover:text-stone-800 hover:bg-stone-50 hover:border-stone-300 focus:outline-none focus:text-stone-800 focus:bg-stone-50 focus:border-stone-300 transition duration-150 ease-in-out';
 @endphp
 
 <a {{ $attributes->merge(['class' => $classes]) }}>