adminforth 1.2.78 → 1.2.79

package/dist/modules/styles.js

@@ -1,8 +1,8 @@
 export const styles = () => ({
     colors: {
         lightHtml: "#FFFFFF", // main background
-        lightPrimary: "#3B82F6", // primary color
-        lightPrimaryOpacity: "alias:lightPrimary opacity:0.1", // primary color opacity
+        lightPrimary: "#1a56db", // primary color
+        lightPrimaryOpacity: "alias:lightPrimary opacity:0.05", // primary color opacity
         lightNavbar: "#FFFFFF", // navbar background
         lightNavbarBorder: "rgb(229 231 235)", // border
         lightNavbarText: "#111827", // navbar text
@@ -50,7 +50,7 @@ export const styles = () => ({
         lightButtonsIcon: "#333333", // button icon
         // colors for dark theme
         darkHtml: "#111827",
-        darkPrimary: "#3B82F6", // primary color
+        darkPrimary: "#1c64f2", // primary color
         darkPrimaryOpacity: "alias:darkPrimary opacity:0.1", // primary color opacity
         darkNavbar: "#111827",
         darkNavbarBorder: "#e5e7eb",

package/modules/styles.ts

@@ -4,8 +4,8 @@ export const styles = () => ({
   colors: {
     lightHtml: "#FFFFFF", // main background
 
-    lightPrimary: "#3B82F6", // primary color
-    lightPrimaryOpacity: "alias:lightPrimary opacity:0.1", // primary color opacity
+    lightPrimary: "#1a56db", // primary color
+    lightPrimaryOpacity: "alias:lightPrimary opacity:0.05", // primary color opacity
 
     lightNavbar: "#FFFFFF", // navbar background
     lightNavbarBorder: "rgb(229 231 235)", // border
@@ -62,7 +62,7 @@ export const styles = () => ({
     // colors for dark theme
     darkHtml: "#111827",
 
-    darkPrimary: "#3B82F6", // primary color
+    darkPrimary: "#1c64f2", // primary color
     darkPrimaryOpacity: "alias:darkPrimary opacity:0.1", // primary color opacity
 
     darkNavbar: "#111827", 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adminforth",
-  "version": "1.2.78",
+  "version": "1.2.79",
   "description": "OpenSource Vue3 powered forth-generation admin panel",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/spa/src/App.vue

@@ -111,13 +111,13 @@
           v-if="ctaBadge"
         >
           <div class="flex items-center mb-3">
-            <span class="bg-blue-200 text-blue-800 text-sm font-semibold me-2 px-2.5 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800"
+            <span class="bg-lightPrimaryOpacity dark:bg-darkPrimaryOpacity text-lightNavbarText dark:text-darkNavbarPrimary text-sm font-semibold me-2 px-2.5 py-0.5 rounded "
               v-if="ctaBadge.title"
             >
               {{ctaBadge.title}}
             </span>
             <button type="button" 
-              class="ms-auto -mx-1.5 -my-1.5 bg-blue-50 inline-flex justify-center items-center w-6 h-6 text-blue-900 rounded-lg focus:ring-2 focus:ring-blue-400 p-1 hover:bg-blue-200 dark:bg-blue-900 dark:text-blue-400 dark:hover:bg-blue-800" 
+              class="ms-auto -mx-1.5 -my-1.5 bg-lightPrimaryOpacity dark:bg-darkPrimaryOpacity inline-flex justify-center items-center w-6 h-6 text-lightNavbarText dark:text-darkNavbarText rounded-lg focus:ring-2 focus:ring-blue-400 p-1 hover:bg-blue-200 dark:bg-blue-900 dark:text-blue-400 dark:hover:bg-blue-800" 
               data-dismiss-target="#dropdown-cta" aria-label="Close"
               v-if="ctaBadge?.closable" @click="closeCTA"
             >
@@ -127,8 +127,8 @@
               </svg>
             </button>
           </div>
-          <p class="mb-3 text-sm fill-lightPrimary dark:fill-darkPrimary text-lightPrimary dark:text-darkPrimary" v-if="ctaBadge.html" v-html="ctaBadge.html"></p>
-          <p class="mb-3 text-sm fill-lightPrimary dark:fill-darkPrimary text-lightPrimary dark:text-darkPrimary" v-else>
+          <p class="mb-3 text-sm fill-lightNavbarText dark:fill-darkPrimary text-lightNavbarText dark:text-darkNavbarPrimary" v-if="ctaBadge.html" v-html="ctaBadge.html"></p>
+          <p class="mb-3 text-sm fill-lightNavbarText dark:fill-darkPrimary text-lightNavbarText dark:text-darkNavbarPrimary" v-else>
             {{ ctaBadge.text }}  
           </p>
           <!-- <a class="text-sm text-blue-800 underline font-medium hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300" href="#">Turn new navigation off</a> -->
@@ -342,8 +342,11 @@ onBeforeMount(()=>{
 
 const ctaBadge = computed(() => {
   const badge = coreStore.config?.announcementBadge;
-  const hash = badge?.closable ? JSON.stringify(badge).split('').reduce((a,b)=>{a=((a<<5)-a)+b.charCodeAt(0);return a&a},0) : '';
-  if (badge?.closable && window.localStorage.getItem(`ctaBadge-${hash}`)) {
+  if (!badge) {
+    return null;
+  }
+  const hash = badge.closable ? JSON.stringify(badge).split('').reduce((a,b)=>{a=((a<<5)-a)+b.charCodeAt(0);return a&a},0) : '';
+  if (badge.closable && window.localStorage.getItem(`ctaBadge-${hash}`)) {
     return null;
   }
   return {...badge, hash};