From 3350d4c0822a905794017e53fb87944a37b17978 Mon Sep 17 00:00:00 2001 From: Bruno Borges Date: Fri, 13 Feb 2026 06:29:47 -0500 Subject: [PATCH 001/131] Overlay custom JaCoCo CSS in deploy workflow for all versions --- .github/workflows/deploy-site.yml | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/.github/workflows/deploy-site.yml b/.github/workflows/deploy-site.yml index 44ddf54f3..a86d5e17e 100644 --- a/.github/workflows/deploy-site.yml +++ b/.github/workflows/deploy-site.yml @@ -254,6 +254,16 @@ jobs: sed -i "s||$CURRENT_HTML|" index.html sed -i "s||$OLDER_HTML|" index.html + - name: Overlay custom JaCoCo CSS + run: | + cd site + for dir in */jacoco-coverage/jacoco-resources; do + if [ -d "$dir" ]; then + cp ../src/site/jacoco-resources/report.css "$dir/report.css" + echo "Overlaid JaCoCo CSS in $dir" + fi + done + - name: Deploy to GitHub Pages run: | cd site From a36fa1c4501229906139342bb65bb19e416076f2 Mon Sep 17 00:00:00 2001 From: Bruno Borges Date: Fri, 13 Feb 2026 07:14:19 -0500 Subject: [PATCH 002/131] Fix JaCoCo CSS overlay path from jacoco-coverage/ to jacoco/ --- .github/workflows/deploy-site.yml | 2 +- pom.xml | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/.github/workflows/deploy-site.yml b/.github/workflows/deploy-site.yml index a86d5e17e..b168ac45c 100644 --- a/.github/workflows/deploy-site.yml +++ b/.github/workflows/deploy-site.yml @@ -257,7 +257,7 @@ jobs: - name: Overlay custom JaCoCo CSS run: | cd site - for dir in */jacoco-coverage/jacoco-resources; do + for dir in */jacoco/jacoco-resources; do if [ -d "$dir" ]; then cp ../src/site/jacoco-resources/report.css "$dir/report.css" echo "Overlaid JaCoCo CSS in $dir" diff --git a/pom.xml b/pom.xml index eccc5ce8e..247b0e485 100644 --- a/pom.xml +++ b/pom.xml @@ -375,7 +375,7 @@ copy-resources - ${project.reporting.outputDirectory}/jacoco-coverage/jacoco-resources + ${project.reporting.outputDirectory}/jacoco/jacoco-resources src/site/jacoco-resources From 5b61dfc0f9878245098f2d84eea63943b14944f5 Mon Sep 17 00:00:00 2001 From: Bruno Borges Date: Fri, 13 Feb 2026 07:23:03 -0500 Subject: [PATCH 003/131] Add documentation for custom site and JaCoCo CSS theming --- docs/CUSTOM_SITE_CSS.md | 187 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 187 insertions(+) create mode 100644 docs/CUSTOM_SITE_CSS.md diff --git a/docs/CUSTOM_SITE_CSS.md b/docs/CUSTOM_SITE_CSS.md new file mode 100644 index 000000000..9181118f1 --- /dev/null +++ b/docs/CUSTOM_SITE_CSS.md @@ -0,0 +1,187 @@ +# Custom Site CSS + +This project applies custom CSS themes to both the **Maven-generated documentation site** and the **JaCoCo coverage reports** so they share a consistent visual identity: light backgrounds, GitHub-inspired colors, purple gradient accents, and rounded card-style containers. + +## Architecture Overview + +``` +src/site/ +├── resources/ +│ ├── css/ +│ │ └── site.css ← Maven site theme (loaded automatically by Fluido) +│ └── images/ +│ └── github-copilot.jpg ← Copilot logo for "Powered By" sidebar +├── jacoco-resources/ +│ └── report.css ← JaCoCo report theme (overlaid after generation) +└── site.xml ← Fluido skin configuration + +.github/ +├── templates/ +│ ├── index.html ← Version picker page template +│ └── styles.css ← Version picker CSS +└── workflows/ + └── deploy-site.yml ← Deploys site + overlays JaCoCo CSS +``` + +## Maven Site Theme (`src/site/resources/css/site.css`) + +### How It Works + +The Maven Fluido Skin 2.1.0 (configured in `src/site/site.xml`) automatically loads `css/site.css` from the site resources directory. No additional configuration is needed — placing the file at `src/site/resources/css/site.css` is sufficient. + +### Design Choices + +| Element | Style | +|---------|-------| +| **Navbar** | Dark (`#24292f`) with no gradient or border, subtle box shadow | +| **Sidebar** | White card with rounded corners (`border-radius: 10px`), 1px border | +| **Active nav item** | Purple gradient (`#667eea → #764ba2`) | +| **Links** | GitHub-blue (`#0969da`), hover darkens to `#0550ae` | +| **Code blocks** | Light gray background (`#eef1f6`) to distinguish from the white page | +| **Inline code** | Tinted purple background (`rgba(102, 126, 234, 0.1)`) | +| **Tables** | Rounded borders, light header, subtle row hover | +| **Sections** | White card with border and padding (nested sections are transparent) | +| **Alerts** | Rounded with 4px left accent border, color-coded (info/warning/danger/success) | +| **Typography** | System font stack (`-apple-system, BlinkMacSystemFont, 'Segoe UI', ...`) | + +### GitHub Ribbon Override + +The Fluido skin renders a "Fork me on GitHub" ribbon using a `::after` pseudo-element with `content: attr(data-ribbon)`. We override this to say "View on GitHub" with a purple gradient background: + +```css +.github-fork-ribbon:before { + background-color: #667eea !important; + background-image: linear-gradient(135deg, #667eea, #764ba2) !important; +} + +.github-fork-ribbon:after { + content: 'View on GitHub' !important; +} +``` + +> **Note:** Both `background-color` and `background-image` with `!important` are required because Fluido injects an inline `