@@ -182,7 +182,7 @@ const orderedTeams = sortBy(teams, ["data.name"]);
-
+
Volunteer Interest Form
From fa586ad340e33c74344f847b227507fe4d702d37 Mon Sep 17 00:00:00 2001
From: alexisreytech <89283739+alexisreytech@users.noreply.github.com>
Date: Thu, 9 Jul 2026 10:16:01 -0500
Subject: [PATCH 2/4] Update "ShadowBoxSection" component to also use "styling"
in place of "style".
---
astro/src/components/ShadowBoxSection.astro | 6 +++---
astro/src/pages/_fixable/index.astro | 2 +-
astro/src/pages/donate.astro | 2 +-
3 files changed, 5 insertions(+), 5 deletions(-)
diff --git a/astro/src/components/ShadowBoxSection.astro b/astro/src/components/ShadowBoxSection.astro
index 399780c6..785c8343 100644
--- a/astro/src/components/ShadowBoxSection.astro
+++ b/astro/src/components/ShadowBoxSection.astro
@@ -2,7 +2,7 @@
interface Props {
id?: string;
theme?: string;
- style?: string;
+ styling?: string;
py?: number;
fluid?: boolean;
}
@@ -10,7 +10,7 @@ interface Props {
const {
id = undefined,
theme = "secondary",
- style = undefined,
+ styling = undefined,
py = 5,
fluid = true,
} = Astro.props;
@@ -18,7 +18,7 @@ const {
import { getBackgroundAndText } from "../lib/themes.ts";
const outerBgAndTextClass = getBackgroundAndText(theme, undefined);
-const innerBgClass = getBackgroundAndText(undefined, style);
+const innerBgClass = getBackgroundAndText(undefined, styling);
---
diff --git a/astro/src/pages/_fixable/index.astro b/astro/src/pages/_fixable/index.astro
index 52dc04d3..e16ccf1a 100644
--- a/astro/src/pages/_fixable/index.astro
+++ b/astro/src/pages/_fixable/index.astro
@@ -101,7 +101,7 @@ const crumbs = [];
-
+
Forms require focus.
-
+
How can I help?
From e6943083e5996b370c7f325c7e2236955369f48a Mon Sep 17 00:00:00 2001
From: Brian Montgomery
Date: Thu, 23 Jul 2026 13:02:18 -0400
Subject: [PATCH 3/4] Cleanup
---
astro/src/components/ShadowBoxSection.astro | 2 ++
astro/src/pages/about/mission.astro | 2 +-
2 files changed, 3 insertions(+), 1 deletion(-)
diff --git a/astro/src/components/ShadowBoxSection.astro b/astro/src/components/ShadowBoxSection.astro
index 785c8343..3153e1e6 100644
--- a/astro/src/components/ShadowBoxSection.astro
+++ b/astro/src/components/ShadowBoxSection.astro
@@ -17,6 +17,8 @@ const {
import { getBackgroundAndText } from "../lib/themes.ts";
+// TODO: Why was this implemented this way, where we are separating the two this way?
+// This should be implemented as outerTheme, outerStyling and innerStyling.
const outerBgAndTextClass = getBackgroundAndText(theme, undefined);
const innerBgClass = getBackgroundAndText(undefined, styling);
---
diff --git a/astro/src/pages/about/mission.astro b/astro/src/pages/about/mission.astro
index 86ac89bf..c10fa7f6 100644
--- a/astro/src/pages/about/mission.astro
+++ b/astro/src/pages/about/mission.astro
@@ -34,7 +34,7 @@ import partnerImage from "../../images/np_Business-partners-discussing-work-arra
---
-
+
From 7c37d7ae5ed7f200498b1c47c27332ce8e01a0ae Mon Sep 17 00:00:00 2001
From: Brian Montgomery
Date: Thu, 23 Jul 2026 13:32:09 -0400
Subject: [PATCH 4/4] Update documentation
---
astro/src/lib/themes.ts | 12 ++++++------
1 file changed, 6 insertions(+), 6 deletions(-)
diff --git a/astro/src/lib/themes.ts b/astro/src/lib/themes.ts
index 4947e064..f72e987b 100644
--- a/astro/src/lib/themes.ts
+++ b/astro/src/lib/themes.ts
@@ -4,8 +4,8 @@
* Theme is the name of the theme you are trying to use.
* No theme (undefined) means to use the standard body "theme".
*
- * Style is the type of augmentation you want to use.
- * No style (undefined) means to use the standard "theme" with no augmentation.
+ * Styling is the type of augmentation you want to use.
+ * No styling (undefined) means to use the standard "theme" with no augmentation.
* - For the body theme, this is 'secondary' or 'tertiary'.
* (We've also added a 'primary', although it doesn't do much.)
* - For other themes ('primary', 'info', etc), the only style is 'subtle'.
@@ -14,18 +14,18 @@
export function getBackgroundAndText(
theme: string | undefined,
- style: string | undefined,
+ styling: string | undefined,
text: boolean = false,
) {
const classes: Array = [];
if (theme === undefined) {
- classes.push(`bg-body${style ? `-${style}` : ""}`);
+ classes.push(`bg-body${styling ? `-${styling}` : ""}`);
if (text) {
- const textStyle = style === "primary" ? "emphasis" : style;
+ const textStyle = styling === "primary" ? "emphasis" : styling;
classes.push(`text-body-${textStyle}`);
}
- } else if (style === "subtle") {
+ } else if (styling === "subtle") {
classes.push(`bg-${theme}-subtle`);
if (text) classes.push(`text-${theme}-emphasis`);
} else {
-