diff --git a/src/app.css b/src/app.css
index 7babb12..1b5357a 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1,8 +1,8 @@
 /* CSS Custom Properties for theming */
 :root {
   /* Light theme */
-  --primary-color: #2563eb;
-  --primary-hover: #1d4ed8;
+  --primary-color: #374151;
+  --primary-hover: #1f2937;
   --bg-color: #ffffff;
   --bg-secondary: #f8fafc;
   --bg-hover: #f1f5f9;
diff --git a/vite.config.js b/vite.config.js
index 2176ea5..31e70a5 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -10,6 +10,17 @@ export default defineConfig({
     assetsDir: 'assets',
     sourcemap: false,
     minify: 'terser',
+    rollupOptions: {
+      output: {
+        assetFileNames: (assetInfo) => {
+          // Keep SVG files and other images in the root for easier path resolution
+          if (assetInfo.name?.endsWith('.svg') || assetInfo.name?.endsWith('.jpg') || assetInfo.name?.endsWith('.png')) {
+            return '[name][extname]'
+          }
+          return 'assets/[name]-[hash][extname]'
+        }
+      }
+    }
   },
   server: {
     host: true,