Gateway Themes: Orion, Athena, and Building Your Own
Two new themes are shipping with the next Dradis release: Orion and Athena. Both are bundled and ready to use right away. But the more interesting story is what is behind them, which is a Claude skill called /create-gateway-theme that lets anyone describe the theme they want and have a fully packaged, ready-to-upload theme generated in a single conversation.
More on that in a moment. First, the themes.
Orion: Data Visualization
Orion is built around the idea that a client portal should help people understand a set of findings, not just read through a list of them.
When a contributor views a project using the Orion theme, they see a live dashboard before they ever reach the findings list. There are seven charts giving a visual picture of the project:
- Severity breakdown: how many findings fall into each severity level, at a glance
- Radar chart: a multi-angle view of the severity profile across different issue categories
- Top vulnerabilities: the most widespread issues ranked by how many targets they affect
- Issue spread: a bubble chart mapping each issue by severity and the number of affected targets
- Evidence by severity: how much evidence has been collected at each risk level
- Issues by target: which targets carry the most findings
- Tag distribution: a proportional tile layout showing the full severity breakdown
Below the charts, findings are grouped by severity. Each one can be expanded to read the full detail, view the evidence, see which targets are affected, and leave or read comments, all without navigating away from the page.
Orion also includes a dark mode toggle, and everything updates when you switch: chart colors, labels, background, and the logo.
Orion is the right pick when you want your clients or contributors to explore their results interactively, not just receive a static document.
Athena: Report PDF in the Browser
Athena takes the opposite approach. It is designed to look like a printed report while you are reading it in the browser, so that when you export it as a PDF, what you get matches exactly what you saw on screen.
The page is laid out as a series of document-sized panels on a gray background. It feels like flipping through a report, not browsing a website. The structure follows a standard professional format:
- Cover page with your logo, project name, date, the names and photos of the authors, version number, and a CONFIDENTIAL stamp
- Table of contents with numbered sections that link to each part of the report
- Executive summary pulled from your project’s content blocks
- Risk summary with at-a-glance numbers and charts
- Detailed findings grouped by severity, with evidence and affected targets for each
- Affected targets section with a breakdown of findings per host
- Technical notes and deliverables
To export as a PDF, click the Export PDF button at the top of the page. Your browser’s print dialog will open. Select PDF as the printer and save. The output is a clean, properly formatted document: section breaks in the right places, margins set correctly, and none of the browser interface visible in the file.
Athena is the right pick when the deliverable is a report PDF and you want contributors to preview exactly what the final PDF will look like.
Building Your Own with /create-gateway-theme
Orion and Athena were both built using a Claude skill that will be available in our dradis-claude plugin. If you have Claude, you can run /create-gateway-theme and it will walk you through building a theme of your own.
It starts by asking a few questions: what you want to call the theme, a description of the look and feel you are going for, your name or organization, and whether you have a logo to use. You describe what you want in plain language. Dark and moody with a focus on charts. Clean and minimal with findings in a table. Something that matches your company branding. Whatever it is.
From there, the skill generates a complete, working theme: all the layout files, the styling, the interactive behavior, and the assets. It handles all the technical parts of how Gateway themes work. You do not need to know anything about how the template engine works or how data gets passed to the theme.
When it is done, it packages everything into a ZIP file that is ready to upload.
To upload a theme: go to Gateway > Manage Themes, drop in the ZIP, and it becomes available to apply to any project.
The generated theme is not a starting skeleton. It is fully functional and styled from the start. You can use it as-is, or tweak the colors and layout to get it exactly where you want it before uploading.
What This Opens Up
Dradis now ships with four bundled themes covering different use cases. But the more useful thing is that Gateway themes are now something any team can build to match their brand, their clients, or the way they like to present their work.
Describe what you want, run the skill, upload the ZIP. That is the whole process.
If you build something, or have ideas for themes you would like to see bundled, share them in the comments below.