feat(deps): add PandaCSS, fonts, and FontAwesome for styling

- Add @pandacss/dev and @srjuggernaut-dev/srjuggernaut-panda-preset for CSS-in-JS styling - Include @fontsource-variable/roboto and @fontsource/orbitron for typography - Add @fortawesome/fontawesome-free for icons - Update .gitignore to exclude styled-system and styled-system-studio directories
2026-02-24 12:04:06 -06:00
parent b340b1790f
commit e7f9c626df
9 changed files with 544 additions and 4 deletions
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,4 +1,10 @@
 ---
+import '@/styles/global.css'
+import '@fontsource-variable/roboto'
+import '@fontsource/orbitron/900.css'
+import '@fortawesome/fontawesome-free/css/fontawesome.min.css'
+import '@fortawesome/fontawesome-free/css/solid.min.css'
+import '@fortawesome/fontawesome-free/css/brands.min.css'
 ---

 <html lang="en">
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -0,0 +1 @@
+@layer reset, base, tokens, recipes, utilities;
--- a/src/styles/theme.ts
+++ b/src/styles/theme.ts
@@ -0,0 +1,19 @@
+import type { ThemeConfig } from '@srjuggernaut-dev/srjuggernaut-panda-preset'
+
+export const breakpoints = {
+  sm: 576,
+  md: 768,
+  lg: 992,
+  xl: 1200,
+  '2xl': 1400
+} satisfies ThemeConfig['breakpoints']
+
+export const themeConfig: ThemeConfig = {
+  neutral: 'gray',
+  colorVariation: { dark: true, alpha: false, p3: false },
+  includeColors: ['teal', 'gray'],
+  semanticColors: { primary: 'teal' },
+  breakpoints
+}
+
+export default themeConfig
				`@@ -0,0 +1 @@`
				`@layer reset, base, tokens, recipes, utilities;`