From 2dd31920b8ec2251389b2e7ea5bd954162e0ea0d Mon Sep 17 00:00:00 2001 From: Naomi Carrigan Date: Tue, 3 Feb 2026 11:21:44 -0800 Subject: [PATCH] fix: background for landing page --- public/assets/css/theme-witch.css | 156 +++++++++++++++++++++++++++++- 1 file changed, 154 insertions(+), 2 deletions(-) diff --git a/public/assets/css/theme-witch.css b/public/assets/css/theme-witch.css index f4b9be1..27f0c7c 100644 --- a/public/assets/css/theme-witch.css +++ b/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); } @@ -134,6 +144,26 @@ p, li, label { 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), @@ -196,12 +226,39 @@ 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 { @@ -218,11 +275,67 @@ .ui.grid > .column, .ui.grid > .row > .column { 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 { @@ -307,6 +420,20 @@ 0 0 40px rgba(68, 39, 90, 0.05) !important; 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); @@ -937,4 +1064,29 @@ .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; } \ No newline at end of file