);
}
diff --git a/src/app/pages/Themes/constants.ts b/src/app/pages/Themes/constants.ts
new file mode 100644
index 0000000..d6c340b
--- /dev/null
+++ b/src/app/pages/Themes/constants.ts
@@ -0,0 +1,54 @@
+export const ThemesContent = [
+ {
+ theme: 'Sustainability',
+ themeColor: '#9BFF76',
+ description:
+ 'Sustainability nonprofits here in San Diego are dedicated to fostering a more just world, empowering people to take care of our planet through public policy, education, and outreach. Their work is vital in mobilizing local communities to drive greater environmental change.',
+ nonProfits: [
+ {
+ text: 'MPA Collaborative Network',
+ link: 'https://www.mpacollaborative.org/'
+ },
+ {
+ text: 'SanDiego360',
+ link: 'https://sandiego350.org/'
+ }
+ ]
+ },
+ {
+ theme: 'Community',
+ themeColor: '#92E9FF',
+ description:
+ 'Community-focused nonprofit organizations here in San Diego tackle basic needs insecurities, like food, housing, and healthcare crises through accessible medical support, healthy meals, and services that aid the search for affordable housing. With remarkable resilience and innovation, these groups foster significant, empathetic change in their local communities',
+ nonProfits: [
+ {
+ text: 'HandsOn San Diego',
+ link: 'https://www.handsonsandiego.org/'
+ },
+ {
+ text: 'SAY San Diego',
+ link: 'https://sdmilitaryfamily.org'
+ },
+ {
+ text: 'Vietnamese American Youth Alliance',
+ link: 'https://www.sdtet.com/'
+ }
+ ]
+ },
+ {
+ theme: 'Education',
+ themeColor: '#FFA0DC',
+ description:
+ 'Nonprofit organizations here in San Diego thrive on their commitment to accessible education. From mentoring/tutoring services to outdoor recreational courses, these groups provide learning opportunities regardless of age, socio-economic status, and other barriers! They work hard to provide opportunities for local youth to develop the skills and knowledge they need to succeed.',
+ nonProfits: [
+ {
+ text: 'The League of Amazing Programmers',
+ link: 'https://www.jointheleague.org/'
+ },
+ {
+ text: 'Triton Consulting Group',
+ link: 'https://www.ucsdtcg.org/'
+ }
+ ]
+ }
+];
diff --git a/src/app/styles/variables.scss b/src/app/styles/variables.scss
index b3eea06..3f2027d 100644
--- a/src/app/styles/variables.scss
+++ b/src/app/styles/variables.scss
@@ -1,6 +1,9 @@
// Colors
$primary-black: #212121;
-$seondary-yellow: #f5ff85;
+
+$primary-white: #fcfcfc;
+$secondary-yellow: #f5ff85;
+$outline-gray: #bababa;
// Font Families
$p-font: var(--font-aspekta);