@keenmate/pure-admin-theme-corporate 1.0.0-rc05 → 1.0.0-rc06

package/dist/corporate.css

@@ -216,6 +216,28 @@ body.pa-container-2xl .pa-navbar {
   gap: 1.6rem;
 }
 
+.pa-header__left {
+  display: flex;
+  align-items: center;
+  gap: 1.6rem;
+  flex-shrink: 0;
+}
+
+.pa-header__center {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.pa-header__right {
+  display: flex;
+  align-items: center;
+  gap: 1.6rem;
+  flex-shrink: 0;
+}
+
 /* ========================================
    Layout Container
    Main layout wrapper, content areas, sticky/scroll modes
@@ -301,15 +323,44 @@ body.pa-layout--sticky .pa-layout__inner {
 }
 
 .pa-layout__footer {
-  height: 3.2rem;
+  min-height: 3.2rem;
   background-color: var(--pa-footer-bg);
   border-top: 1px solid var(--pa-footer-border-color);
   display: flex;
   align-items: center;
-  padding: 0 1.6rem;
+  padding: 0.4rem 1.6rem;
+  flex-shrink: 0;
+  gap: 1.6rem;
+}
+
+.pa-footer__left {
+  display: flex;
+  align-items: center;
+  gap: 1.6rem;
+  flex-shrink: 0;
+}
+
+.pa-footer__center {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.pa-footer__right {
+  display: flex;
+  align-items: center;
+  gap: 1.6rem;
   flex-shrink: 0;
 }
 
+.pa-footer__right--vertical {
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 0.4rem;
+}
+
 /* ========================================
    Sidebar Component
    Sidebar navigation with nested submenus
@@ -752,14 +803,6 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
   background-color: var(--pa-accent-hover);
 }
 
-.pa-header__nav--left {
-  margin-right: auto;
-}
-
-.pa-header__nav--right {
-  margin-left: auto;
-}
-
 .pa-header__nav-item--has-dropdown {
   position: static;
 }
@@ -3042,6 +3085,7 @@ a.pa-card p {
   border-radius: 8px;
   padding: 1.6rem 1rem;
   background-color: var(--pa-card-bg);
+  margin-bottom: 1.6rem;
 }
 
 .pa-tabs__container--bordered .pa-tabs {
@@ -3061,6 +3105,7 @@ a.pa-card p {
   border-radius: 8px;
   background-color: var(--pa-card-bg);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  margin-bottom: 1.6rem;
 }
 
 .pa-tabs__container--card .pa-tabs {
@@ -3186,6 +3231,7 @@ a.pa-card p {
   border-radius: 8px;
   padding: 1.6rem 1rem;
   background-color: var(--pa-card-bg);
+  margin-bottom: 1.6rem;
 }
 
 .pa-tabs__vertical-layout--bordered .pa-tabs--vertical {
@@ -12120,6 +12166,26 @@ html.font-size-4xl {
   column-gap: 2.4rem;
 }
 
+.self-start {
+  align-self: flex-start;
+}
+
+.self-center {
+  align-self: center;
+}
+
+.self-end {
+  align-self: flex-end;
+}
+
+.self-stretch {
+  align-self: stretch;
+}
+
+.self-baseline {
+  align-self: baseline;
+}
+
 .text-2xs {
   font-size: 1rem;
 }
@@ -12203,6 +12269,114 @@ html.font-size-4xl {
   align-items: flex-start;
 }
 
+.pa-bg-color-1 {
+  background-color: var(--pa-color-1);
+}
+
+.pa-text-color-1 {
+  color: var(--pa-color-1);
+}
+
+.pa-border-color-1 {
+  border-color: var(--pa-color-1);
+}
+
+.pa-bg-color-2 {
+  background-color: var(--pa-color-2);
+}
+
+.pa-text-color-2 {
+  color: var(--pa-color-2);
+}
+
+.pa-border-color-2 {
+  border-color: var(--pa-color-2);
+}
+
+.pa-bg-color-3 {
+  background-color: var(--pa-color-3);
+}
+
+.pa-text-color-3 {
+  color: var(--pa-color-3);
+}
+
+.pa-border-color-3 {
+  border-color: var(--pa-color-3);
+}
+
+.pa-bg-color-4 {
+  background-color: var(--pa-color-4);
+}
+
+.pa-text-color-4 {
+  color: var(--pa-color-4);
+}
+
+.pa-border-color-4 {
+  border-color: var(--pa-color-4);
+}
+
+.pa-bg-color-5 {
+  background-color: var(--pa-color-5);
+}
+
+.pa-text-color-5 {
+  color: var(--pa-color-5);
+}
+
+.pa-border-color-5 {
+  border-color: var(--pa-color-5);
+}
+
+.pa-bg-color-6 {
+  background-color: var(--pa-color-6);
+}
+
+.pa-text-color-6 {
+  color: var(--pa-color-6);
+}
+
+.pa-border-color-6 {
+  border-color: var(--pa-color-6);
+}
+
+.pa-bg-color-7 {
+  background-color: var(--pa-color-7);
+}
+
+.pa-text-color-7 {
+  color: var(--pa-color-7);
+}
+
+.pa-border-color-7 {
+  border-color: var(--pa-color-7);
+}
+
+.pa-bg-color-8 {
+  background-color: var(--pa-color-8);
+}
+
+.pa-text-color-8 {
+  color: var(--pa-color-8);
+}
+
+.pa-border-color-8 {
+  border-color: var(--pa-color-8);
+}
+
+.pa-bg-color-9 {
+  background-color: var(--pa-color-9);
+}
+
+.pa-text-color-9 {
+  color: var(--pa-color-9);
+}
+
+.pa-border-color-9 {
+  border-color: var(--pa-color-9);
+}
+
 .m-0 {
   margin: 0 !important;
 }
@@ -14139,6 +14313,16 @@ html.font-size-4xl {
   border-color: #0ea5e9 !important;
 }
 
+.pa-layout__footer {
+  color: #cbd5e1;
+}
+.pa-layout__footer a {
+  color: #ffffff;
+}
+.pa-layout__footer a:hover {
+  color: #0ea5e9;
+}
+
 :root, .pa-mode-light {
   --page-loader-bg: rgba(255, 255, 255, 0.95);
   --page-loader-spinner-border: #ccc;
@@ -14383,15 +14567,15 @@ html.font-size-4xl {
   --pa-multiselect-option-hover-bg: #f8fafc;
   --pa-multiselect-pill-bg: rgba(14, 165, 233, 0.05);
   --pa-multiselect-pill-border: #0ea5e9;
-  --pa-color-1: transparent;
-  --pa-color-2: transparent;
-  --pa-color-3: transparent;
-  --pa-color-4: transparent;
-  --pa-color-5: transparent;
-  --pa-color-6: transparent;
-  --pa-color-7: transparent;
-  --pa-color-8: transparent;
-  --pa-color-9: transparent;
+  --pa-color-1: #0284c7;
+  --pa-color-2: #0ea5e9;
+  --pa-color-3: #10b981;
+  --pa-color-4: #f59e0b;
+  --pa-color-5: #6366f1;
+  --pa-color-6: #8b5cf6;
+  --pa-color-7: #64748b;
+  --pa-color-8: #334155;
+  --pa-color-9: #ec4899;
   --drp-dropdown-bg: #ffffff;
   --drp-border-color: #e2e8f0;
   --drp-primary-bg: #f8fafc;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keenmate/pure-admin-theme-corporate",
-  "version": "1.0.0-rc05",
+  "version": "1.0.0-rc06",
   "description": "Corporate theme for Pure Admin",
   "style": "dist/corporate.css",
   "exports": {
@@ -19,10 +19,10 @@
   "author": "KeenMate",
   "license": "MIT",
   "peerDependencies": {
-    "@keenmate/pure-admin-core": "^1.0.0-rc05"
+    "@keenmate/pure-admin-core": "^1.0.0-rc06"
   },
   "devDependencies": {
-    "@keenmate/pure-admin-core": "^1.0.0-rc05",
+    "@keenmate/pure-admin-core": "^1.0.0-rc06",
     "sass": "^1.70.0"
   },
   "publishConfig": {

package/src/scss/corporate.scss

@@ -1,6 +1,19 @@
 /* Corporate Theme for Pure Admin Visual - Professional blue/gray palette */
 @use 'sass:color';
 
+// =============================================================================
+// THEME COLOR SLOTS (1-9) - Corporate professional palette
+// =============================================================================
+$color-1: #0284c7;  // Corporate Blue (primary)
+$color-2: #0ea5e9;  // Sky Blue (lighter)
+$color-3: #10b981;  // Emerald (success)
+$color-4: #f59e0b;  // Amber (attention)
+$color-5: #6366f1;  // Indigo (accent)
+$color-6: #8b5cf6;  // Violet (creative)
+$color-7: #64748b;  // Slate (neutral)
+$color-8: #334155;  // Dark Slate (contrast)
+$color-9: #ec4899;  // Pink (highlight)
+
 // =============================================================================
 // CORPORATE COLOR PALETTE
 // =============================================================================
@@ -235,6 +248,19 @@ $checkbox-focus-shadow: 0 0 0 2px rgba($base-accent-color, 0.25);
   }
 }
 
+// Footer - light text on dark background
+.pa-layout__footer {
+  color: $corporate-slate-300;
+
+  a {
+    color: #ffffff;
+
+    &:hover {
+      color: $corporate-blue-500;
+    }
+  }
+}
+
 // =============================================================================
 // CSS VARIABLES - LIGHT MODE (Default)
 // =============================================================================