@uniweb/build 0.5.0 → 0.6.0

package/src/theme/css-generator.js

@@ -134,7 +134,7 @@ function generateContextCSS(context, tokens = {}) {
 
   const vars = generateVarDeclarations(mergedTokens)
 
-  return `.context-${context} {\n${vars}\n}`
+  return `.context-${context} {\n${vars}\n  background-color: var(--bg);\n}`
 }
 
 /**
@@ -305,6 +305,26 @@ export function generateThemeCSS(config = {}) {
     sections.push(generateDarkSchemeCSS(appearance))
   }
 
+  // 7. Site background (if specified in theme.yml)
+  if (config.background) {
+    sections.push(`/* Site Background */\nbody {\n  background: ${config.background};\n}`)
+  }
+
+  // 8. Inline text styles (if specified in theme.yml)
+  if (config.inline && typeof config.inline === 'object') {
+    const rules = Object.entries(config.inline)
+      .filter(([, styles]) => styles && typeof styles === 'object')
+      .map(([name, styles]) => {
+        const declarations = Object.entries(styles)
+          .map(([prop, value]) => `  ${prop}: ${value};`)
+          .join('\n')
+        return `span[${name}] {\n${declarations}\n}`
+      })
+    if (rules.length > 0) {
+      sections.push('/* Inline Text Styles */\n' + rules.join('\n\n'))
+    }
+  }
+
   return sections.join('\n\n')
 }
 

package/src/theme/processor.js

@@ -422,6 +422,12 @@ export function processTheme(rawConfig = {}, options = {}) {
     ...(rawConfig.code || {}),
   }
 
+  // Site background (pass through as CSS value)
+  const background = rawConfig.background || null
+
+  // Inline text styles (semantic names → CSS declarations)
+  const inline = rawConfig.inline || null
+
   const config = {
     colors,      // Raw colors for CSS generator
     palettes,    // Generated palettes for Theme class
@@ -430,6 +436,8 @@ export function processTheme(rawConfig = {}, options = {}) {
     appearance,
     foundationVars: mergedFoundationVars,
     code,        // Code block theme for runtime injection
+    background,  // Site-level background CSS value
+    inline,      // Inline text style definitions
   }
 
   return { config, errors, warnings }