diff --git a/views/partials/footer.hbs b/views/partials/footer.hbs
index 4d00764..4328740 100644
--- a/views/partials/footer.hbs
+++ b/views/partials/footer.hbs
@@ -1,4 +1,4 @@
-<footer class="p-4 bg-gray-50 md:p-8 lg:p-10 dark:bg-gray-900 mt-auto">
+<footer class="p-4 bg-green-500 md:p-8 lg:p-10 dark:bg-gray-900 mt-auto">
   <div class="mx-auto max-w-screen-xl text-center">
     <ul class="flex flex-wrap justify-center items-center mb-6 text-gray-900 dark:text-white">
       <li>
diff --git a/views/partials/navbar.hbs b/views/partials/navbar.hbs
index 828073a..4086153 100644
--- a/views/partials/navbar.hbs
+++ b/views/partials/navbar.hbs
@@ -1,4 +1,4 @@
-<nav class="bg-gray-50 border-gray-200 dark:bg-gray-900">
+<nav class="bg-green-500 border-gray-200 dark:bg-gray-900">
   <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
     <a href="/" class="flex items-center space-x-3 rtl:space-x-reverse">
     <span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">Blog</span>
@@ -10,7 +10,7 @@
       </svg>
     </button>
     <div class="hidden w-full md:block md:w-auto" id="navbar-default">
-      <ul class="font-medium flex flex-col p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:border-0 md:bg-white dark:bg-gray-800 md:dark:bg-gray-900 dark:border-gray-700">
+      <ul class="font-medium flex flex-col p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-green-500 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:border-0 md:bg-green-500 dark:bg-gray-800 md:dark:bg-gray-900 dark:border-gray-700">
         <li>
           <a href="/" class="{{ navbar-item-style url '/'}}" aria-current="page">Home</a>
         </li>