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

package/dist/audi.css

@@ -280,6 +280,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
@@ -365,13 +387,42 @@ body.pa-layout--sticky .pa-layout__inner {
 }
 
 .pa-layout__footer {
-  height: 4.8rem;
+  min-height: 4.8rem;
   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;
 }
 
 /* ========================================
@@ -816,14 +867,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;
 }
@@ -3106,6 +3149,7 @@ a.pa-card p {
   border-radius: 2px;
   padding: 1.6rem 1rem;
   background-color: var(--pa-card-bg);
+  margin-bottom: 1.6rem;
 }
 
 .pa-tabs__container--bordered .pa-tabs {
@@ -3125,6 +3169,7 @@ a.pa-card p {
   border-radius: 0;
   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 {
@@ -3250,6 +3295,7 @@ a.pa-card p {
   border-radius: 2px;
   padding: 1.6rem 1rem;
   background-color: var(--pa-card-bg);
+  margin-bottom: 1.6rem;
 }
 
 .pa-tabs__vertical-layout--bordered .pa-tabs--vertical {
@@ -12198,6 +12244,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;
 }
@@ -12281,6 +12347,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;
 }
@@ -14460,15 +14634,15 @@ html.font-size-4xl {
   --pa-multiselect-option-hover-bg: #0a0a0a;
   --pa-multiselect-pill-bg: rgba(255, 0, 0, 0.25);
   --pa-multiselect-pill-border: #ff0000;
-  --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: #bb0a30;
+  --pa-color-2: #ff4444;
+  --pa-color-3: #ff6600;
+  --pa-color-4: #d4af37;
+  --pa-color-5: #00a0a0;
+  --pa-color-6: #0066cc;
+  --pa-color-7: #8c8c8c;
+  --pa-color-8: #404040;
+  --pa-color-9: #6b3fa0;
   --drp-dropdown-bg: #1a1a1a;
   --drp-border-color: #333333;
   --drp-primary-bg: #2a2a2a;
@@ -14611,3 +14785,12 @@ html.font-size-4xl {
 .pa-mode-light .pa-profile-panel__header .pa-profile-panel__email {
   color: var(--pa-header-text-secondary);
 }
+.pa-mode-light .pa-layout__footer {
+  color: #cccccc;
+}
+.pa-mode-light .pa-layout__footer a {
+  color: #ffffff;
+}
+.pa-mode-light .pa-layout__footer a:hover {
+  color: #ff0000;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keenmate/pure-admin-theme-audi",
-  "version": "1.0.0-rc05",
+  "version": "1.0.0-rc06",
   "description": "Audi theme for Pure Admin - includes dark and light variants",
   "style": "dist/audi.css",
   "exports": {
@@ -22,10 +22,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/audi.scss

@@ -91,6 +91,19 @@ $base-info-color-hover: $audi-info-hover;
 $base-info-bg-light: rgba($audi-info, 0.25);
 $base-text-on-info: #ffffff;
 
+// =============================================================================
+// THEME COLOR SLOTS (1-9) - Audi-inspired palette
+// =============================================================================
+$color-1: #bb0a30;  // Audi Red (classic)
+$color-2: #ff4444;  // Light Red
+$color-3: #ff6600;  // Orange (warning tone)
+$color-4: #d4af37;  // Gold (premium)
+$color-5: #00a0a0;  // Teal (contrast)
+$color-6: #0066cc;  // Blue (professional)
+$color-7: #8c8c8c;  // Silver (metallic)
+$color-8: #404040;  // Charcoal (neutral)
+$color-9: #6b3fa0;  // Purple (luxury)
+
 // =============================================================================
 // IMPORT CORE VARIABLES (with base variables already set)
 // =============================================================================
@@ -507,4 +520,17 @@ $card-border-radius: 0; // Sharp edges
       color: var(--pa-header-text-secondary);
     }
   }
+
+  // Footer - light text on dark background
+  .pa-layout__footer {
+    color: #cccccc;
+
+    a {
+      color: #ffffff;
+
+      &:hover {
+        color: $audi-red;
+      }
+    }
+  }
 }