sonance-brand-mcp 1.2.5 → 1.3.2

package/dist/assets/dev-tools/index.ts

@@ -0,0 +1,10 @@
+// Sonance DevTools - Development-only brand theming overlay
+// 
+// Usage:
+// import { SonanceDevTools } from '@/components/dev-tools';
+// 
+// In your root layout:
+// {process.env.NODE_ENV === 'development' && <SonanceDevTools />}
+
+export { SonanceDevTools, default } from './SonanceDevTools';
+

package/dist/assets/globals.css

@@ -1,4 +1,5 @@
 @import "tailwindcss";
+@import "../styles/brand-overrides.css";
 
 /* ============================================
    SONANCE BRAND VARIABLES
@@ -121,6 +122,16 @@
   --info: #1565C0;
   --info-light: #e3f2fd;
 
+  /* Sidebar Colors - Shadcn UI */
+  --sidebar-background: #f8f9fa;
+  --sidebar-foreground: #333F48;
+  --sidebar-primary: #333F48;
+  --sidebar-primary-foreground: #FFFFFF;
+  --sidebar-accent: #f0f2f3;
+  --sidebar-accent-foreground: #333F48;
+  --sidebar-border: #D9D9D6;
+  --sidebar-ring: #00A3E1;
+
   /* Typography Scale (clamp for responsiveness) */
   --text-xs: clamp(0.625rem, 0.6rem + 0.125vw, 0.75rem);
   --text-sm: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
@@ -231,6 +242,16 @@
   --warning-light: rgba(255, 183, 77, 0.15);
   --info: #42A5F5;
   --info-light: rgba(66, 165, 245, 0.15);
+
+  /* Sidebar Colors - Dark Mode */
+  --sidebar-background: #1a1f24;
+  --sidebar-foreground: #FFFFFF;
+  --sidebar-primary: #FFFFFF;
+  --sidebar-primary-foreground: #333F48;
+  --sidebar-accent: #242a31;
+  --sidebar-accent-foreground: #FFFFFF;
+  --sidebar-border: #3a444c;
+  --sidebar-ring: #00A3E1;
 }
 
 /* System preference detection fallback */
@@ -320,6 +341,16 @@
   --color-info: var(--info);
   --color-info-light: var(--info-light);
 
+  /* Sidebar Colors */
+  --color-sidebar-background: var(--sidebar-background);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+
   /* Brand Colors */
   --color-sonance-charcoal: var(--sonance-charcoal);
   --color-sonance-blue: var(--sonance-blue);
@@ -472,6 +503,14 @@ html {
   color: var(--sonance-charcoal);
 }
 
+/* Code block selection - ensure visibility on dark backgrounds */
+pre ::selection,
+code ::selection,
+.font-mono ::selection {
+  background: var(--sonance-white);
+  color: var(--sonance-charcoal);
+}
+
 /* Scrollbar hide utility */
 .scrollbar-hide::-webkit-scrollbar {
   display: none;

package/dist/assets/styles/brand-overrides.css

@@ -0,0 +1,37 @@
+/* ==========================================================================
+   Sonance Brand Overrides - Auto-generated by Sonance DevTools
+   DO NOT EDIT MANUALLY - Changes will be overwritten by DevTools saves
+   ========================================================================== */
+
+:root {
+  /* Sonance Logo Sizing */
+  --sonance-logo-scale: 1;
+  --sonance-logo-width: auto;
+  --sonance-logo-height: auto;
+  
+  /* IPORT Logo Sizing */
+  --iport-logo-scale: 1;
+  --iport-logo-width: auto;
+  --iport-logo-height: auto;
+  
+  /* Blaze Audio Logo Sizing */
+  --blaze-logo-scale: 1;
+  --blaze-logo-width: auto;
+  --blaze-logo-height: auto;
+}
+
+/* ==========================================================================
+   Element-Specific Overrides
+   ========================================================================== */
+
+/* Selector: #section-sonance-logo */
+#section-sonance-logo {
+  transform: scale(0.72);
+  transform-origin: center;
+}
+
+/* Selector: #header-logo */
+#header-logo {
+  transform: scale(0.91);
+  transform-origin: center;
+}