diff --git a/website/src/_data/docs_dropdown.json b/website/src/_data/docs_dropdown.json
index f97c2aeff2..94bc69f8f3 100644
--- a/website/src/_data/docs_dropdown.json
+++ b/website/src/_data/docs_dropdown.json
@@ -13,8 +13,8 @@
             "url": "/docs/directory.html"
         },
         {
-            "title": "docs-dropdown-3",
-            "url": "/docs/sql.html"
+            "title": "docs-dropdown-2",
+            "url": "/docs/android.html"
         },
         {
             "title": "docs-dropdown-4",
diff --git a/website/src/_includes/hero.html b/website/src/_includes/hero.html
index 6ebfb883ef..4a25764428 100644
--- a/website/src/_includes/hero.html
+++ b/website/src/_includes/hero.html
@@ -76,7 +76,7 @@
                                 <p class="text-center text-[16px] leading-[24px] tracking-[0.04em] text-white">PLAY</p>
                             </div> #}
                         </div>
-                        <div class="w-full md:hidden my-10 relative flex items-center justify-center bg-[#17203D]">
+                        <div class="w-full md:hidden my-10 relative flex items-center justify-center bg-[#071C46]">
                             <video class="w-full" controls>
                                 <source src="/video/connect.mp4" type="video/mp4">
                             </video>
diff --git a/website/src/_includes/layouts/article.html b/website/src/_includes/layouts/article.html
index 3e8f5cf9cb..628a1a4e05 100644
--- a/website/src/_includes/layouts/article.html
+++ b/website/src/_includes/layouts/article.html
@@ -31,14 +31,14 @@
     <script async defer src="https://buttons.github.io/buttons.js"></script>
   </head>
 
-  <body class="bg-[#F3F6F7] dark:bg-[#0C0B13]">
+  <body class="bg-[#F3FAFF] dark:bg-[#000832]">
     {% include "navbar.html" %}
 
     <div class="container px-5 mt-[66px]">
       <a class="inline-block text-grey-black dark:text-white my-5 underline underline-offset-2" href="/blog"><&nbsp;Back to list</a>
     </div>
 
-    <section id="article" class="container mb-[75px] bg-white dark:bg-[#17203D] px-5">
+    <section id="article" class="container mb-[75px] bg-white dark:bg-[#071C46] px-5">
       <div class="py-6 md:p-[60px]">{{ content | safe }}</div>
     </section>
 
diff --git a/website/src/_includes/layouts/doc.html b/website/src/_includes/layouts/doc.html
index 574d696c2a..f26d3296e0 100644
--- a/website/src/_includes/layouts/doc.html
+++ b/website/src/_includes/layouts/doc.html
@@ -23,10 +23,10 @@
         <script async defer src="https://buttons.github.io/buttons.js"></script>
     </head>
 
-    <body class="bg-[#F3F6F7] dark:bg-[#0C0B13]">
+    <body class="bg-white dark:bg-[#000832]">
         {% include "navbar.html" %}
 
-        <section id="doc" class="bg-white dark:bg-[#17203D] mt-[66px]">
+        <section id="doc" class="bg-white dark:bg-[#000832] mt-[66px]">
             <div>
                 <main>
                     <aside class="sidebar px-4 lg:px-7">
@@ -77,7 +77,7 @@
                         </div>
                     {% endif %}
 
-                    <div class="sticky top-[66px] bg-white dark:bg-[#17203D] z-[49] !py-2 lg:hidden">
+                    <div class="sticky top-[66px] bg-white dark:bg-[#071C46] z-[49] !py-2 lg:hidden">
                         <div class="relative flex items-center justify-between">
                             <button class="menu flex items-center gap-2">
                                 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 24 24" class="menu-icon h-4 w-4 fill-[rgb(60,60,60)] dark:fill-white">
diff --git a/website/src/_includes/layouts/jobs.html b/website/src/_includes/layouts/jobs.html
index 5ffd315e1c..74ec29a23e 100644
--- a/website/src/_includes/layouts/jobs.html
+++ b/website/src/_includes/layouts/jobs.html
@@ -22,10 +22,10 @@
         <script async defer src="https://buttons.github.io/buttons.js"></script>
     </head>
 
-    <body class="bg-[#F3F6F7] dark:bg-[#0C0B13]">
+    <body class="bg-[#F3FAFF] dark:bg-[#000832]">
         {% include "navbar.html" %}
 
-        <section id="doc" class="bg-white dark:bg-[#17203D] mt-[66px]">
+        <section id="doc" class="bg-[#F3FAFF] dark:bg-[#071C46] mt-[66px]">
             <main class="container px-4 lg:px-7 py-10 md:py-16">
                 <div>{{ content | wrapH3s(page) | safe }}</div>
             </main>
diff --git a/website/src/_includes/layouts/main.html b/website/src/_includes/layouts/main.html
index 006d6bbd43..669347330c 100644
--- a/website/src/_includes/layouts/main.html
+++ b/website/src/_includes/layouts/main.html
@@ -35,7 +35,7 @@
         <script src="/js/flag-anchor.js"></script>
         {% block js_scripts %}{% endblock %}
     </head>
-    <body class="bg-white dark:bg-[#0C0B13]">
+    <body class="bg-[#F3FAFF] dark:bg-[#000832]">
         {% include "navbar.html" %}
 
         {{ content | applyGlossary | safe }}
diff --git a/website/src/_includes/layouts/privacy.html b/website/src/_includes/layouts/privacy.html
index 0737b9f434..eca6bfc6c1 100644
--- a/website/src/_includes/layouts/privacy.html
+++ b/website/src/_includes/layouts/privacy.html
@@ -30,10 +30,10 @@
     <script async defer src="https://buttons.github.io/buttons.js"></script>
   </head>
 
-  <body class="bg-[#F3F6F7] dark:bg-[#0C0B13]">
+  <body class="bg-[#F3FAFF] dark:bg-[#000832]">
     {% include "navbar.html" %}
 
-    <section id="article" class="container mt-[66px] mb-[75px] bg-white dark:bg-[#17203D] px-5">
+    <section id="article" class="container mt-[66px] mb-[75px] bg-white dark:bg-[#071C46] px-5">
       <div class="py-6 md:p-[60px]">{{ content | safe }}</div>
     </section>
 
diff --git a/website/src/_includes/layouts/token.html b/website/src/_includes/layouts/token.html
index 631379d848..c71c9e943f 100644
--- a/website/src/_includes/layouts/token.html
+++ b/website/src/_includes/layouts/token.html
@@ -63,11 +63,13 @@
             cursor: pointer;
         }
         #nft-app-content .btn-primary {
-            background-color: rgb(0, 83, 208);
+            background: -webkit-linear-gradient(to bottom, #53C1FF -50%, #0053D0 160%);
+            background: linear-gradient(to bottom, #53C1FF -50%, #0053D0 160%);
             color: white;
         }
         .dark #nft-app-content .btn-primary {
-            background-color: rgb(112, 240, 249);
+            background: -webkit-linear-gradient(to bottom, #70F0F9 0%, #70F0F9 33%, #50D8F1 100%);
+            background: linear-gradient(to bottom, #70F0F9 0%, #70F0F9 33%, #50D8F1 100%);
             color: rgb(13, 14, 18);
         }
         #nft-app-content #connect.btn-primary {
@@ -211,10 +213,10 @@
     </style>
   </head>
 
-  <body class="bg-[#F3F6F7] dark:bg-[#0C0B13]">
+  <body class="bg-[#F3FAFF] dark:bg-[#000832]">
     {% include "navbar.html" %}
 
-    <section id="article" class="container mb-[75px] bg-white dark:bg-[#17203D] px-5 mt-[66px]">
+    <section id="article" class="container mb-[75px] bg-white dark:bg-[#071C46] px-5 mt-[66px]">
       <div class="py-6 md:p-[60px]">{{ content | safe }}</div>
     </section>
 
diff --git a/website/src/_includes/simplex_explained.html b/website/src/_includes/simplex_explained.html
index 6ba20fb323..802db309f3 100644
--- a/website/src/_includes/simplex_explained.html
+++ b/website/src/_includes/simplex_explained.html
@@ -11,7 +11,7 @@
     }
     .dark .tab-button{
         color: #fff;
-        background: linear-gradient(#0C0B13, #0C0B13) padding-box,
+        background: linear-gradient(#000832, #000832) padding-box,
             linear-gradient(to bottom, #01F1FF, transparent) border-box;
     }
     .tab-button.active {
@@ -127,7 +127,7 @@ window.addEventListener("load", function () {
                                 targetFrame = 0;
                                 animateToTarget();
                             }
-                        }else if(index === 1){ 
+                        }else if(index === 1){
                             if (currentFrame !== 35) {
                                 targetFrame = 35;
                                 animateToTarget();
@@ -144,7 +144,7 @@ window.addEventListener("load", function () {
                 });
             }
         });
-    }); 
+    });
 
     const targetNode = document.querySelector(".simplex-explained-swiper .swiper-pagination");
     observer.observe(targetNode, { attributes: true });
diff --git a/website/src/blog.html b/website/src/blog.html
index 5360ebd86f..6ae4795baa 100644
--- a/website/src/blog.html
+++ b/website/src/blog.html
@@ -41,14 +41,14 @@ active_blog: true
 
 <section class="py-10 px-5 mt-[66px]" id="blog-list">
     <div class="container">
-        <h1 class="text-[38px] text-center font-bold text-active-blue mb-9">Latest news</h1>
+        <h1 class="text-[38px] text-center font-bold mb-9">Latest news</h1>
 
         {% for blog in collections.blogs %}
         {% if not(blog.data.draft) %}
         <article
-            class="w-full flex flex-col items-start md:flex-row rounded-[4px] overflow-hidden shadow-[0px_20px_30px_rgba(0,0,0,0.12)] dark:shadow-none bg-white dark:bg-[#11182F] mb-8">
+            class="w-full flex flex-col items-start md:flex-row rounded-[4px] overflow-hidden shadow-[0px_20px_30px_rgba(0,0,0,0.12)] dark:shadow-none bg-white dark:bg-[#0B2A59] mb-8">
             <div
-                class="min-h-[200px] h-[inherit] self-stretch md:w-[168px] bg-[#DBEEFF] dark:bg-[#17203D] flex items-center justify-center flex-[1] relative">
+                class="min-h-[200px] h-[inherit] self-stretch md:w-[168px] bg-[#DBEEFF] dark:bg-[#071C46] flex items-center justify-center flex-[1] relative">
                 <div class="min-h-[inherit] h-full w-full flex items-end px-4 pt-4 justify-center relative">
                     {% if blog.data.image %}
                     {% if blog.data.imageBottom %}
diff --git a/website/src/css/blog.css b/website/src/css/blog.css
index 3d244b9fcf..5e86e7fb5d 100644
--- a/website/src/css/blog.css
+++ b/website/src/css/blog.css
@@ -1,3 +1,4 @@
+h1,
 #article h1 {
   font-size: 38px;
   font-weight: 700;
@@ -19,9 +20,10 @@
   }
 }
 
+.dark h1,
 .dark #article h1 {
-  background: -webkit-linear-gradient(to bottom, #70F0F9 100%, #70F0F9 100%);
-  background: linear-gradient(to bottom, #70F0F9 100%, #70F0F9 100%);
+  background: -webkit-linear-gradient(to bottom, #70F0F9 0%, #70F0F9 33%, #50D8F1 100%);
+  background: linear-gradient(to bottom, #70F0F9 0%, #70F0F9 33%, #50D8F1 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
diff --git a/website/src/css/design3-nav.css b/website/src/css/design3-nav.css
index f3d22d14b3..8a72c7fd17 100644
--- a/website/src/css/design3-nav.css
+++ b/website/src/css/design3-nav.css
@@ -233,6 +233,7 @@ header#navbar ul.sub-menu {
     max-height: calc(100vh - 70px);
     position: absolute;
     background: #fff;
+    border: solid 1px #f2f2f7;
     top: calc(100% + 8px);
     padding: 16px 0;
     min-width: 180px;
@@ -245,6 +246,7 @@ header#navbar ul.sub-menu {
 
 .dark header#navbar ul.sub-menu {
     background: #181e43;
+    border: none;
 }
 
 header#navbar ul.sub-menu li a {
diff --git a/website/src/css/doc.css b/website/src/css/doc.css
index 002d6bae0f..937268b166 100644
--- a/website/src/css/doc.css
+++ b/website/src/css/doc.css
@@ -87,8 +87,8 @@ header {
 }
 
 .dark #doc h1 {
-  background: -webkit-linear-gradient(to bottom, #70F0F9 100%, #70F0F9 100%);
-  background: linear-gradient(to bottom, #70F0F9 100%, #70F0F9 100%);
+  background: -webkit-linear-gradient(to bottom, #70F0F9 0%, #70F0F9 33%, #50D8F1 100%);
+  background: linear-gradient(to bottom, #70F0F9 0%, #70F0F9 33%, #50D8F1 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
@@ -235,7 +235,7 @@ header {
 }
 
 .dark #doc main aside {
-  background-color: #17203D;
+  background-color: #000832;
 }
 
 #doc main aside ul {
@@ -305,13 +305,13 @@ header {
     left: 0;
     right: 0;
     bottom: 0;
-    background-color: #F3F6F7;
+    background-color: #F3FAFF;
     opacity: 0.9;
     z-index: 99;
   }
 
   .dark #doc main.overlay::after {
-    background-color: #0C0B13;
+    background-color: #000832;
   }
 
   #doc main article {
diff --git a/website/src/css/style.css b/website/src/css/style.css
index f0705419df..4b9f5c34c0 100644
--- a/website/src/css/style.css
+++ b/website/src/css/style.css
@@ -265,8 +265,8 @@ a{
 }
 
 .dark .gradient-text {
-  background: -webkit-linear-gradient(to bottom, #70F0F9 100%, #70F0F9 100%);
-  background: linear-gradient(to bottom, #70F0F9 100%, #70F0F9 100%);
+  background: -webkit-linear-gradient(to bottom, #70F0F9 0%, #70F0F9 33%, #50D8F1 100%);
+  background: linear-gradient(to bottom, #70F0F9 0%, #70F0F9 33%, #50D8F1 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
@@ -275,7 +275,7 @@ a{
 
 .dark .border-gradient {
   background:
-    linear-gradient(#11182F, #11182F) padding-box,
+    linear-gradient(#0B2A59, #0B2A59) padding-box,
     linear-gradient(to bottom, transparent, #01F1FF 58%) border-box;
   border: 1px solid transparent;
 }
@@ -294,7 +294,7 @@ a{
 
 .dark .unique-swiper .border-gradient{
   background:
-    linear-gradient(#0C0B13, #0C0B13) padding-box,
+    linear-gradient(#000832, #000832) padding-box,
     linear-gradient(to bottom, transparent, #01F1FF 58%) border-box;
   border: 1px solid transparent;
 }
@@ -839,13 +839,13 @@ p a{
   position: absolute;
   width: 100%;
   height: 100%;
-  background-color:#F3F6F7;
+  background-color:#F3FAFF;
   opacity: 0.9;
 }
 
 .dark .glossary-overlay::before {
   content: '';
-  background-color: #0C0B13;
+  background-color: #000832;
 }
 
 .glossary-overlay .overlay-card{
@@ -864,7 +864,7 @@ p a{
 }
 
 .dark .glossary-overlay .overlay-card{
-  background-color: #17203D;
+  background-color: #071C46;
 }
 
 @media (min-width: 640px) {
diff --git a/website/src/directory.html b/website/src/directory.html
index 0e08e0b29b..0235583ece 100644
--- a/website/src/directory.html
+++ b/website/src/directory.html
@@ -148,12 +148,12 @@ active_directory: true
   }
 
   .dark .pagination button:hover {
-    background-color: #1f2937;
+    background-color: #0B2A50;
   }
 
   .pagination button.active {
     font-weight: bold;
-    color: #11182F;
+    color: #0B2A59;
   }
 
   .dark .pagination button.active {
@@ -212,9 +212,9 @@ active_directory: true
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
     border: none;
     border-radius: 10px;
-    background-color: #f2f2f7;
+    background-color: white;
     color: #000000;
-    outline: none;
+    outline: solid 1px #f2f2ff;
     transition: background-color 0.2s, box-shadow 0.2s;
     background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzg4ODg4OCI+CjxjaXJjbGUgY3g9IjEwLjUiIGN5PSIxMC41IiByPSI3LjUiIC8+CjxsaW5lIHgxPSIxNiIgeTE9IjE2IiB4Mj0iMjEiIHkyPSIyMSIgLz4KPC9nPgo8L3N2Zz4=');
     background-position: 8px center;
@@ -227,9 +227,10 @@ active_directory: true
   }
 
   .dark #search {
-    background-color: #1f2937;
+    background-color: #0B2A50;
     color: #ffffff;
     background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iI2JiYmJiYiI+CjxjaXJjbGUgY3g9IjEwLjUiIGN5PSIxMC41IiByPSI3LjUiIC8+CjxsaW5lIHgxPSIxNiIgeTE9IjE2IiB4Mj0iMjEiIHkyPSIyMSIgLz4KPC9nPgo8L3N2Zz4=');
+    outline: none;
   }
 
   .dark #search::placeholder {
diff --git a/website/src/img/new/arrow-left-dark.svg b/website/src/img/new/arrow-left-dark.svg
index 6300e60e17..db62cf93a0 100644
--- a/website/src/img/new/arrow-left-dark.svg
+++ b/website/src/img/new/arrow-left-dark.svg
@@ -1,6 +1,6 @@
 <svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g filter="url(#filter0_d_757_8895)">
-<circle cx="20.1152" cy="20.6177" r="20" fill="#11182F"/>
+<circle cx="20.1152" cy="20.6177" r="20" fill="#0B2A59"/>
 <circle cx="20.1152" cy="20.6177" r="19.5" stroke="#70F0F9"/>
 </g>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M22.1425 26.4923C22.4718 26.8216 23.0057 26.8216 23.335 26.4923C23.6644 26.163 23.6644 25.629 23.335 25.2997L18.6527 20.6174L23.335 15.935C23.6644 15.6057 23.6644 15.0718 23.335 14.7424C23.0057 14.4131 22.4718 14.4131 22.1425 14.7424L16.8954 19.9896C16.7227 20.1622 16.6406 20.3912 16.649 20.6174C16.6406 20.8435 16.7227 21.0725 16.8954 21.2451L22.1425 26.4923Z" fill="#70F0F9"/>
diff --git a/website/src/img/new/arrow-right-dark.svg b/website/src/img/new/arrow-right-dark.svg
index 303c86e7d0..526e2dcf47 100644
--- a/website/src/img/new/arrow-right-dark.svg
+++ b/website/src/img/new/arrow-right-dark.svg
@@ -1,6 +1,6 @@
 <svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g filter="url(#filter0_d_658_12306)">
-<circle cx="20.8008" cy="20.6367" r="20" fill="#11182F"/>
+<circle cx="20.8008" cy="20.6367" r="20" fill="#0B2A59"/>
 <circle cx="20.8008" cy="20.6367" r="19.5" stroke="#70F0F9"/>
 </g>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M18.7735 14.7616C18.4442 14.4323 17.9103 14.4323 17.581 14.7616C17.2517 15.091 17.2517 15.6249 17.581 15.9542L22.2633 20.6365L17.581 25.3189C17.2517 25.6482 17.2517 26.1821 17.581 26.5115C17.9103 26.8408 18.4442 26.8408 18.7735 26.5115L24.0207 21.2643C24.1933 21.0917 24.2755 20.8627 24.2671 20.6365C24.2755 20.4104 24.1933 20.1814 24.0207 20.0088L18.7735 14.7616Z" fill="#70F0F9"/>
diff --git a/website/src/img/new/tab-video.svg b/website/src/img/new/tab-video.svg
index 55e8b2d36e..55b6825866 100644
--- a/website/src/img/new/tab-video.svg
+++ b/website/src/img/new/tab-video.svg
@@ -1,7 +1,7 @@
 <svg width="593" height="593" viewBox="0 0 593 593" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 <path d="M592.883 0H0V592.883H592.883V0Z" fill="url(#pattern0)"/>
 <path d="M408.499 49.1914H175.584V542.797H408.499V49.1914Z" fill="url(#pattern1)"/>
-<path opacity="0.75" d="M400.179 38.8418H185.562C179.486 38.8418 174.562 43.7667 174.562 49.8418V544.829C174.562 550.904 179.486 555.829 185.562 555.829H400.179C406.254 555.829 411.179 550.904 411.179 544.829V49.8418C411.179 43.7667 406.254 38.8418 400.179 38.8418Z" fill="#17203D"/>
+<path opacity="0.75" d="M400.179 38.8418H185.562C179.486 38.8418 174.562 43.7667 174.562 49.8418V544.829C174.562 550.904 179.486 555.829 185.562 555.829H400.179C406.254 555.829 411.179 550.904 411.179 544.829V49.8418C411.179 43.7667 406.254 38.8418 400.179 38.8418Z" fill="#071C46"/>
 <defs>
 <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
 <use xlink:href="#image0_75_24" transform="scale(0.000462963)"/>
diff --git a/website/src/index.html b/website/src/index.html
index 975a2dc2d3..a9aee8235f 100644
--- a/website/src/index.html
+++ b/website/src/index.html
@@ -61,7 +61,7 @@ active_home: true
     </script>
 </head>
 
-<body>
+<body class="bg-[#C1E3FE] dark:bg-[#050920]">
     {% include "navbar.html" %}
     {% set lang = page.url | getlang %}
 
diff --git a/website/src/js/design3.js b/website/src/js/design3.js
index bc725ac7ce..97c1275b05 100644
--- a/website/src/js/design3.js
+++ b/website/src/js/design3.js
@@ -115,6 +115,8 @@ async function showPromotedGroups() {
 \\__ \\| || |\\/| |  _/ |__| _| / . \\| (__| __ |/ _ \\| |
 |___/___|_|  |_|_| |____|___/_/ \\_\\\\___|_||_/_/ \\_\\_|
 
+Mint SimpleX NFT for SMPX testnet access in 2026: https://simplex.chat/token
+
 SimpleX directory: https://simplex.chat/directory
 Ask SimpleX team: https://smp6.simplex.im/a#lrdvu2d8A1GumSmoKb2krQmtKhWXq-tyGpHuM7aMwsw
 GitHub: https://github.com/simplex-chat/simplex-chat
diff --git a/website/src/js/directory.js b/website/src/js/directory.js
index 47426ffdac..6ccdf23033 100644
--- a/website/src/js/directory.js
+++ b/website/src/js/directory.js
@@ -171,7 +171,7 @@ function displayEntries(entries) {
     try {
       const { entryType, displayName, groupLink, shortDescr, welcomeMessage, imageFile } = entry;
       const entryDiv = document.createElement('div');
-      entryDiv.className = 'entry w-full flex flex-col items-start md:flex-row rounded-[4px] overflow-hidden shadow-[0px_20px_30px_rgba(0,0,0,0.12)] dark:shadow-none bg-white dark:bg-[#11182F] mb-8';
+      entryDiv.className = 'entry w-full flex flex-col items-start md:flex-row rounded-[4px] overflow-hidden shadow-[0px_20px_30px_rgba(0,0,0,0.12)] dark:shadow-none bg-white dark:bg-[#0B2A59] mb-8';
 
       const textContainer = document.createElement('div');
       textContainer.className = 'text-container';
diff --git a/website/tailwind.config.js b/website/tailwind.config.js
index cad129916d..e17ff9b4b8 100644
--- a/website/tailwind.config.js
+++ b/website/tailwind.config.js
@@ -4,8 +4,8 @@ module.exports = {
   theme: {
     extend: {
       backgroundImage: {
-        'gradient-radial': 'radial-gradient(88.77% 102.03% at 92.64% -13.22%, #17203D 0%, #0C0B13 100%)',
-        'gradient-radial-mobile': 'radial-gradient(77.4% 73.09% at -3.68% 100%, #17203D 0%, #0C0B13 100%)',
+        'gradient-radial': 'radial-gradient(88.77% 102.03% at 92.64% -13.22%, #071C46 0%, #000832 100%)',
+        'gradient-radial-mobile': 'radial-gradient(77.4% 73.09% at -3.68% 100%, #071C46 0%, #000832 100%)',
       },
       colors: {
         'primary-light': '#0053D0',
@@ -18,16 +18,16 @@ module.exports = {
         'active-blue': '#0197FF',
         'black': '#0D0E12',
         'grey-black': '#3F484B',
-        'secondary-bg-light': '#F3F6F7',
+        'secondary-bg-light': '#F3FAFF',
         'primary-bg-light': '#FFFFFF',
-        'secondary-bg-dark': '#11182F',
-        'primary-bg-dark': '#0C0B13',
+        'secondary-bg-dark': '#0B2A59',
+        'primary-bg-dark': '#000832',
 
 
         // What makes SimpleX private
         'card-bg-light': '#ffffff',
         'card-desc-bg-light': '#DBEEFF',
-        'card-bg-dark': '#17203D',
+        'card-bg-dark': '#071C46',
         'card-desc-bg-dark': '#1B325C',
       }
     },
