From f9ef1893cfc7167786cfb754506d3bcf2edf112f Mon Sep 17 00:00:00 2001
From: Taras Kushnir <tk.dev@mailbox.org>
Date: Thu, 9 Oct 2025 12:35:51 +0300
Subject: [PATCH] Add CE label for signed-out header and footer

---
 web/layouts/_default/footer-signed-out.html | 10 +++++-----
 web/layouts/_default/header-signed-in.html  |  2 +-
 web/layouts/_default/header-signed-out.html |  7 ++++---
 web/tailwind.config.js                      | 13 +++++++++++++
 4 files changed, 23 insertions(+), 9 deletions(-)

diff --git a/web/layouts/_default/footer-signed-out.html b/web/layouts/_default/footer-signed-out.html
index 2fe115ca..4a203d60 100644
--- a/web/layouts/_default/footer-signed-out.html
+++ b/web/layouts/_default/footer-signed-out.html
@@ -3,20 +3,20 @@
     <div class="px-4 mx-auto sm:px-6 lg:px-8 max-w-7xl">
         <div class="text-center xl:flex xl:items-center xl:justify-between xl:text-left">
             <div class="xl:flex xl:items-center xl:justify-start">
-                <p class="w-auto mx-auto mt-5 text-sm text-gray-900 xl:mt-0">© Copyright {{.Ctx.CurrentYear}} Private Captcha</p>
+                <p class="w-auto mx-auto mt-5 text-sm text-pcgray-900 xl:mt-0">© Copyright {{.Ctx.CurrentYear}} Private Captcha {{if not $.Platform.Enterprise}}<span class="text-pcgray-500">(Community Edition)</span>{{end}}</p>
             </div>
             <div class="items-center mt-8 xl:mt-0 xl:flex xl:justify-end xl:space-x-8">
                 <ul class="flex flex-wrap items-center justify-center gap-x-8 gap-y-3 xl:justify-end">
                     <li>
-                        <a href="https://privatecaptcha.com/about/" title="" class="text-sm text-gray-900 transition-all duration-200 hover:text-opacity-80 focus:text-opacity-80"> About </a>
+                        <a href="https://privatecaptcha.com/about/" title="" class="text-sm text-pcgray-900 transition-all duration-200 hover:text-opacity-80 focus:text-opacity-80"> About </a>
                     </li>
 
                     <li>
-                        <a href="https://privatecaptcha.com/legal/privacy-end-user/" target="_blank" title="" class="text-sm text-gray-900 transition-all duration-200 hover:text-opacity-80 focus:text-opacity-80"> Privacy Policy </a>
+                        <a href="https://privatecaptcha.com/legal/privacy-end-user/" target="_blank" title="" class="text-sm text-pcgray-900 transition-all duration-200 hover:text-opacity-80 focus:text-opacity-80"> Privacy Policy </a>
                     </li>
 
                     <li>
-                        <a href="https://privatecaptcha.com/legal/terms-and-conditions/" target="_blank" title="" class="text-sm text-gray-900 transition-all duration-200 hover:text-opacity-80 focus:text-opacity-80"> Terms & Conditions </a>
+                        <a href="https://privatecaptcha.com/legal/terms-and-conditions/" target="_blank" title="" class="text-sm text-pcgray-900 transition-all duration-200 hover:text-opacity-80 focus:text-opacity-80"> Terms & Conditions </a>
                     </li>
                 </ul>
 
@@ -24,7 +24,7 @@
 
                 <ul class="flex items-center justify-center space-x-8 xl:justify-end">
                     <li>
-                        <a href="https://github.com/PrivateCaptcha/PrivateCaptcha" title="" class="block text-gray-900 transition-all duration-200 hover:text-opacity-80 focus:text-opacity-80" target="_blank">
+                        <a href="https://github.com/PrivateCaptcha/PrivateCaptcha" title="" class="block text-pcgray-900 transition-all duration-200 hover:text-opacity-80 focus:text-opacity-80" target="_blank">
                             <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                 <path
                                     fill-rule="evenodd"
diff --git a/web/layouts/_default/header-signed-in.html b/web/layouts/_default/header-signed-in.html
index 4a3eca05..e321e9f7 100644
--- a/web/layouts/_default/header-signed-in.html
+++ b/web/layouts/_default/header-signed-in.html
@@ -8,7 +8,7 @@
                     <div class="flex items-center">
                         <div class="flex-shrink-0 relative">
                             <img class="h-8 w-auto" src="{{$.Ctx.CDN}}/portal/img/pc-logo-light.svg" alt="Private Captcha">
-                            {{if not $.Platform.Enterprise}}<div class="absolute -top-2 -right-4 text-xs font-semibold py-0.5 px-1 bg-pcteal-700 rounded-sm text-white">CE</div>{{end}}
+                            {{if not $.Platform.Enterprise}}<div class="absolute -top-2 -right-4 text-xs py-0.25 px-0.5 border border-gray-300 rounded-sm text-gray-300">CE</div>{{end}}
                         </div>
                         <div class="hidden md:block">
                             <div class="ml-10 flex items-baseline space-x-4">
diff --git a/web/layouts/_default/header-signed-out.html b/web/layouts/_default/header-signed-out.html
index e61b7e71..30194392 100644
--- a/web/layouts/_default/header-signed-out.html
+++ b/web/layouts/_default/header-signed-out.html
@@ -2,9 +2,10 @@
 <header x-data="{open: false}" class="bg-pcpalegreen">
     <nav class="mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8" aria-label="Global">
         <div class="flex lg:flex-1">
-            <a href="https://privatecaptcha.com/" class="-m-1.5 p-1.5">
+            <a href="https://privatecaptcha.com/" class="-m-1.5 p-1.5 relative">
                 <span class="sr-only">Private Captcha</span>
                 <img class="h-10 w-auto logo-dark" src="{{$.Ctx.CDN}}/portal/img/pc-logo-dark.svg" alt="Private Captcha">
+                {{if not $.Platform.Enterprise}}<div class="absolute top-0 -right-3 text-xs py-0.25 px-0.5 border border-pcgray-600 rounded-sm text-pcgray-600">CE</div>{{end}}
             </a>
         </div>
         <div class="flex lg:hidden">
@@ -16,8 +17,8 @@
             </button>
         </div>
         <div class="hidden lg:flex lg:gap-x-12">
-            <a href="https://docs.privatecaptcha.com" class="font-medium font-semibold leading-6 text-gray-900">Documentation</a>
-            <a href="https://privatecaptcha.com/faq" class="font-medium font-semibold leading-6 text-gray-900">FAQ</a>
+            <a href="https://docs.privatecaptcha.com" class="font-medium font-semibold leading-6 text-pcgray-900">Documentation</a>
+            <a href="https://privatecaptcha.com/faq" class="font-medium font-semibold leading-6 text-pcgray-900">FAQ</a>
         </div>
     </nav>
     <!-- Mobile menu, show/hide based on menu open state. -->
diff --git a/web/tailwind.config.js b/web/tailwind.config.js
index 0c37faeb..140fd410 100644
--- a/web/tailwind.config.js
+++ b/web/tailwind.config.js
@@ -56,6 +56,19 @@ module.exports = {
                     900: "#2B0303",
                     950: "#130101"
                 },
+                "pcgray": {
+                    50: "#F1F0F1",
+                    100: "#E4E2E2",
+                    200: "#CAC5C6",
+                    300: "#B3ACAE",
+                    400: "#9B9193",
+                    500: "#82777A",
+                    600: "#685E61",
+                    700: "#51494B",
+                    800: "#393335",
+                    900: "#231F20",
+                    950: "#151313"
+                },
                 'pcpalegreen': '#EFF1EF',
             },
         },