public/assets/css/theme-witch.css

@@ -118,7 +118,17 @@
   .ui.card,
   .ui.message,
   .repository-summary,
-  .activity-container {
+  .activity-container,
+  .home,
+  .dashboard,
+  .user.dashboard,
+  .user.home,
+  .dashboard-navbar,
+  .feeds,
+  .feed,
+  .news,
+  .activity,
+  .heatmap {
     color: var(--witch-purple);
   }
   
@@ -135,6 +145,26 @@
     color: var(--witch-purple);
   }
 
+  /* Dashboard and Home specific elements */
+  .dashboard .ui.header,
+  .home .ui.header,
+  .dashboard .description,
+  .home .description,
+  .dashboard-repos .name,
+  .dashboard-orgs .name,
+  .feeds .title,
+  .feeds .content,
+  .activity-bar-graph,
+  .activity-bar-graph text,
+  .activity-bar-graph .activity-bar-graph-label,
+  .contribution-calendar text,
+  .heatmap-day,
+  .milestone-list .content,
+  .issue-list .title,
+  .issue-list .desc {
+    color: var(--witch-purple) !important;
+  }
+  
   /* Table cells - but not in code views */
   td:not(.lines-code td):not(.lines-num td),
   th:not(.lines-code th) {
@@ -196,13 +226,40 @@
     padding-bottom: 75px !important;
   }
   
-  .page-content, .home, .full.height {
+  .page-content, .full.height {
     background: transparent !important;
     padding-top: 10px !important;
     padding-bottom: 10px !important;
     min-height: calc(100vh - 145px) !important;
   }
 
+  /* Home page with custom hero section */
+  .page-content.home {
+    background: rgba(255, 255, 255, 0.85) !important;
+    backdrop-filter: blur(10px) !important;
+    border-radius: 15px !important;
+    margin: 20px !important;
+    padding: 30px !important;
+    box-shadow: 0 0 50px rgba(168, 87, 126, 0.15) !important;
+  }
+
+  /* Home page inner content wrapper */
+  .page-content.home .tw-mb-8,
+  .page-content.home > div:first-child {
+    background: transparent !important;
+  }
+
+  /* Dashboard page wrapper */
+  .page-content.dashboard,
+  .page-content.user.dashboard {
+    background: rgba(255, 255, 255, 0.85) !important;
+    backdrop-filter: blur(10px) !important;
+    border-radius: 15px !important;
+    margin: 20px !important;
+    padding: 30px !important;
+    box-shadow: 0 0 50px rgba(168, 87, 126, 0.15) !important;
+  }
+  
   /* Main container backgrounds - TRANSLUCENT so background shows */
   .ui.container {
     background: rgba(255, 255, 255, 0.75) !important;
@@ -219,11 +276,67 @@
     background: transparent !important;
   }
 
+  /* Dashboard and Home specific background fixes */
+  .dashboard .ui.container,
+  .home .ui.container,
+  .user.dashboard .ui.container {
+    background: rgba(255, 255, 255, 0.85) !important;
+    backdrop-filter: blur(10px) !important;
+  }
+
+  /* Dashboard main content area */
+  .user.dashboard .ui.container,
+  .user.dashboard > .ui.container > .ui.stackable.grid {
+    background: transparent !important;
+  }
+
+  /* Dashboard content wrapper that needs background */
+  .user.dashboard .ui.container .column {
+    background: rgba(255, 255, 255, 0.9) !important;
+    backdrop-filter: blur(8px) !important;
+    border-radius: 10px !important;
+    padding: 20px !important;
+    margin: 5px !important;
+  }
+
+  /* Dashboard feed and activity sections */
+  .dashboard .feeds,
+  .home .news,
+  .dashboard .ui.segment,
+  .home .ui.segment,
+  .activity-feed-box {
+    background: rgba(255, 255, 255, 0.9) !important;
+    backdrop-filter: blur(8px) !important;
+    border-radius: 10px !important;
+    padding: 15px !important;
+    margin: 10px 0 !important;
+    box-shadow: 0 0 20px rgba(168, 87, 126, 0.1) !important;
+  }
+  
   /* Repository/user pages */
   .repository, .user {
     background: transparent !important;
   }
 
+  /* Dashboard and Home main wrappers need backgrounds */
+  .dashboard, .home,
+  .user.dashboard > .ui.container,
+  .dashboard > .ui.container {
+    position: relative;
+  }
+
+  /* Create background containers for dashboard/home */
+  .dashboard > .ui.container > .ui.grid,
+  .home > .ui.container > .ui.grid,
+  .dashboard .column.fluid,
+  .home .column.fluid {
+    background: rgba(255, 255, 255, 0.85) !important;
+    backdrop-filter: blur(10px) !important;
+    border-radius: 10px !important;
+    padding: 20px !important;
+    box-shadow: 0 0 30px rgba(168, 87, 126, 0.12) !important;
+  }
+  
   /* Header/Navigation - FIXED at top */
   #navbar, .ui.top.secondary.menu.navbar {
     position: fixed !important;
@@ -308,6 +421,20 @@
     transition: all 0.3s ease;
   }
 
+  /* Dashboard specific cards and boxes */
+  .dashboard .ui.repository.list,
+  .dashboard .ui.user.list,
+  .dashboard .box,
+  .home .ui.repository.list,
+  .activity.tab,
+  .repositories.tab {
+    background: rgba(255, 255, 255, 0.9) !important;
+    backdrop-filter: blur(8px) !important;
+    border-radius: 8px !important;
+    padding: 15px !important;
+    margin: 10px 0 !important;
+  }
+  
   .ui.card:hover, .dashboard-card:hover {
     transform: translateY(-2px);
     box-shadow: 0 6px 25px rgba(168, 87, 126, 0.15),
@@ -938,3 +1065,28 @@
   .ui.breadcrumb .divider {
     color: var(--witch-mauve) !important;
   }
+
+  /* Home page hero section */
+  .page-content.home .center,
+  .page-content.home .hero {
+    color: var(--witch-purple) !important;
+  }
+
+  .page-content.home .hero h1,
+  .page-content.home .hero h2 {
+    color: var(--witch-plum) !important;
+  }
+
+  .page-content.home .hero p,
+  .page-content.home .hero li {
+    color: var(--witch-purple) !important;
+  }
+
+  /* Ensure all home page text is visible */
+  .page-content.home p,
+  .page-content.home ul,
+  .page-content.home li,
+  .page-content.home h1,
+  .page-content.home h2 {
+    color: var(--witch-purple) !important;
+  }