From f826e1e203ae68d8f3a75a5487217756ae9e4a90 Mon Sep 17 00:00:00 2001 From: Jan Klattenhoff Date: Wed, 12 Mar 2025 14:18:42 +0100 Subject: [PATCH 1/7] docs: add style guide for casino gaming platform --- frontend/styleguide.md | 123 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 123 insertions(+) create mode 100644 frontend/styleguide.md diff --git a/frontend/styleguide.md b/frontend/styleguide.md new file mode 100644 index 0000000..84dcec4 --- /dev/null +++ b/frontend/styleguide.md @@ -0,0 +1,123 @@ +# Casino Gaming Platform Style Guide + +## Color Palette + +### Primary Colors +- Deep Blue: `#0a1219` (background) +- Deep Blue Light: `#121e27` (secondary background) +- Deep Blue Contrast: `#1a2835` (cards, elements) + +### Accent Colors +- Emerald: `#10b981` (primary buttons) +- Emerald Dark: `#059669` (button hover) +- Emerald Light: `#34d399` (highlights) + +### Text Colors +- Primary Text: `#ffffff` (white) +- Secondary Text: `#94a3b8` (light gray) +- Tertiary Text: `#64748b` (darker gray) + +### Additional Accents +- Yellow: `#fbbf24` +- Red: `#ef4444` +- Purple: `#8b5cf6` + +## Typography + +### Font Sizes +- Extra Small: Text-xs (footer disclaimers) +- Small: Text-sm (navigation links, footer links) +- Base: Text-base (general text) +- Large: Text-lg (section headings) +- Extra Large: Text-xl (stat numbers, game headings) +- Display: Text-4xl/5xl/7xl (welcome bonus text) + +### Font Weights +- Normal: General text +- Medium: Labels +- Semibold: Navigation brand +- Bold: Headings, stats +- Extrabold: Welcome bonus text + +## Components + +### Buttons +- Primary: Emerald background with hover state +- Secondary: Deep blue light background with hover state +- All buttons have active scale effect (95%) +- Transition duration: 200-300ms + +### Cards +- Background: Deep blue contrast +- Rounded corners (lg) +- Shadow effects with hover transition +- Consistent padding (p-4) + +### Navigation +- Desktop: Horizontal links with hover effects +- Mobile: Collapsible menu with toggle +- Links have color and background transitions + +### Modals +- Backdrop blur with dark overlay +- Card-style container with emerald focus rings +- Consistent form styling with transitions + +## Forms + +### Inputs +- Dark background with border +- Focus states with emerald accent +- Consistent padding and rounded corners +- Clear label positioning + +## Layout + +### Grid System +- Mobile-first responsive grid +- Breakpoints: sm, md, lg +- Grid columns: 1 (mobile), 2 (tablet), 3 (desktop) +- Consistent gap spacing (gap-4) + +### Spacing +- Consistent margin/padding scale +- Mobile-responsive spacing adjustments + +## Animation + +- Transitions: 200-500ms duration +- Hover/active state animations +- Scale transformations (95-110%) +- Opacity transitions for navigation elements + +## Components & Classes + +### Common UI Elements +- `.card` - Base card container +- `.button-primary` - Main CTA buttons +- `.button-secondary` - Alternative action buttons +- `.section-heading` - Section titles +- `.nav-link` - Navigation links +- `.modal-card` - Modal container + +### Game Elements +- `.game-card-content` - Game information container +- `.game-heading-sm` - Small game titles +- `.game-heading-xl` - Large game titles +- `.game-text` - Game descriptions +- `.slider-container` - Game carousel container + +## Responsive Design + +- Mobile-first approach +- Tailwind breakpoints (sm, md, lg) +- Different layouts based on screen size +- Responsive text sizing and spacing +- Hidden/visible elements using responsive classes + +## CSS Framework + +- Tailwind CSS for utility classes +- Custom utility classes with @apply directive +- CSS variables for theming +- Component-based styling approach \ No newline at end of file From 520c8f8343c07efd432099639b74dbb1e63ba577 Mon Sep 17 00:00:00 2001 From: Jan Klattenhoff Date: Wed, 12 Mar 2025 14:21:12 +0100 Subject: [PATCH 2/7] docs: update README with style guide and license details --- README.md | 24 ++++++++++++++++++++++-- 1 file changed, 22 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index c904f8c..0bafce6 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ An online gaming platform offering various casino-style games with virtual currency support. This project features a modern tech stack with Angular frontend, Spring Boot backend, and complete user authentication. -![Casino Gaming Platform](/frontend/public/blackjack.webp) +Please refer to our [Style Guide](/frontend/styleguide.md) for design guidelines and component standards. ## Features @@ -150,4 +150,24 @@ References: ## License -[License information here] \ No newline at end of file +MIT License + +Copyright (c) 2025 Casino Gaming Platform + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. \ No newline at end of file From e9159abf3d938a1aac0d21bb17b2c182674071a6 Mon Sep 17 00:00:00 2001 From: Jan Klattenhoff Date: Wed, 12 Mar 2025 14:29:21 +0100 Subject: [PATCH 3/7] feat: add MIT License and update README for clarity --- LICENSE | 21 ++++++ README.md | 24 +------ frontend/README.md | 135 +++++++++++++++++++++++++++++++++++- frontend/src/styles.css | 22 ++---- frontend/styleguide.md | 123 -------------------------------- frontend/tailwind.config.js | 32 +++++++++ 6 files changed, 193 insertions(+), 164 deletions(-) create mode 100644 LICENSE delete mode 100644 frontend/styleguide.md create mode 100644 frontend/tailwind.config.js diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..27f6edc --- /dev/null +++ b/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2025 Casino Gaming Platform + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. \ No newline at end of file diff --git a/README.md b/README.md index 0bafce6..5fa2db4 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ An online gaming platform offering various casino-style games with virtual currency support. This project features a modern tech stack with Angular frontend, Spring Boot backend, and complete user authentication. -Please refer to our [Style Guide](/frontend/styleguide.md) for design guidelines and component standards. +Please refer to our [Style Guide](/frontend/README.md#style-guide) for design guidelines and component standards. ## Features @@ -150,24 +150,4 @@ References: ## License -MIT License - -Copyright (c) 2025 Casino Gaming Platform - -Permission is hereby granted, free of charge, to any person obtaining a copy -of this software and associated documentation files (the "Software"), to deal -in the Software without restriction, including without limitation the rights -to use, copy, modify, merge, publish, distribute, sublicense, and/or sell -copies of the Software, and to permit persons to whom the Software is -furnished to do so, subject to the following conditions: - -The above copyright notice and this permission notice shall be included in all -copies or substantial portions of the Software. - -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR -IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, -FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE -AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER -LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, -OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE -SOFTWARE. \ No newline at end of file +This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details. \ No newline at end of file diff --git a/frontend/README.md b/frontend/README.md index caea2b0..daf35fe 100644 --- a/frontend/README.md +++ b/frontend/README.md @@ -1,3 +1,136 @@ -# Lf12Starter 2024 +# Casino Gaming Platform - Frontend +This is the frontend application for the Casino Gaming Platform. It's built with Angular 18 and TailwindCSS, providing a responsive and modern UI for the casino gaming experience. + +## Development + +### Commands + +- **Build**: `bun run build` or `bunx @angular/cli build` +- **Start Dev Server**: `bun run start` or `bunx @angular/cli serve --proxy-config src/proxy.conf.json` +- **Format Code**: `bun run format` or `prettier --write "src/**/*.{ts,html,css,scss}"` +- **Lint**: `bun run lint` or `ng lint` +- **Test**: `bun run test` or `bunx @angular/cli test` +- **Test Single File**: `bunx @angular/cli test --include=path/to/test.spec.ts` + +## Style Guide + +### Color Palette + +#### Primary Colors +- Deep Blue: `#0a1219` (background) +- Deep Blue Light: `#121e27` (secondary background) +- Deep Blue Contrast: `#1a2835` (cards, elements) + +#### Accent Colors +- Emerald: `#10b981` (primary buttons) +- Emerald Dark: `#059669` (button hover) +- Emerald Light: `#34d399` (highlights) + +#### Text Colors +- Primary Text: `#ffffff` (white) +- Secondary Text: `#94a3b8` (light gray) +- Tertiary Text: `#64748b` (darker gray) + +#### Additional Accents +- Yellow: `#fbbf24` +- Red: `#ef4444` +- Purple: `#8b5cf6` + +### Typography + +#### Font Sizes +- Extra Small: Text-xs (footer disclaimers) +- Small: Text-sm (navigation links, footer links) +- Base: Text-base (general text) +- Large: Text-lg (section headings) +- Extra Large: Text-xl (stat numbers, game headings) +- Display: Text-4xl/5xl/7xl (welcome bonus text) + +#### Font Weights +- Normal: General text +- Medium: Labels +- Semibold: Navigation brand +- Bold: Headings, stats +- Extrabold: Welcome bonus text + +### Components + +#### Buttons +- Primary: Emerald background with hover state +- Secondary: Deep blue light background with hover state +- All buttons have active scale effect (95%) +- Transition duration: 200-300ms + +#### Cards +- Background: Deep blue contrast +- Rounded corners (lg) +- Shadow effects with hover transition +- Consistent padding (p-4) + +#### Navigation +- Desktop: Horizontal links with hover effects +- Mobile: Collapsible menu with toggle +- Links have color and background transitions + +#### Modals +- Backdrop blur with dark overlay +- Card-style container with emerald focus rings +- Consistent form styling with transitions + +### Forms + +#### Inputs +- Dark background with border +- Focus states with emerald accent +- Consistent padding and rounded corners +- Clear label positioning + +### Layout + +#### Grid System +- Mobile-first responsive grid +- Breakpoints: sm, md, lg +- Grid columns: 1 (mobile), 2 (tablet), 3 (desktop) +- Consistent gap spacing (gap-4) + +#### Spacing +- Consistent margin/padding scale +- Mobile-responsive spacing adjustments + +### Animation +- Transitions: 200-500ms duration +- Hover/active state animations +- Scale transformations (95-110%) +- Opacity transitions for navigation elements + +### Components & Classes + +#### Common UI Elements +- `.card` - Base card container +- `.button-primary` - Main CTA buttons +- `.button-secondary` - Alternative action buttons +- `.section-heading` - Section titles +- `.nav-link` - Navigation links +- `.modal-card` - Modal container + +#### Game Elements +- `.game-card-content` - Game information container +- `.game-heading-sm` - Small game titles +- `.game-heading-xl` - Large game titles +- `.game-text` - Game descriptions +- `.slider-container` - Game carousel container + +### Responsive Design +- Mobile-first approach +- Tailwind breakpoints (sm, md, lg) +- Different layouts based on screen size +- Responsive text sizing and spacing +- Hidden/visible elements using responsive classes + +### CSS Framework +- Tailwind CSS for utility classes +- Custom utility classes with @apply directive +- CSS variables for theming +- Component-based styling approach diff --git a/frontend/src/styles.css b/frontend/src/styles.css index 300a61a..89a9650 100644 --- a/frontend/src/styles.css +++ b/frontend/src/styles.css @@ -1,22 +1,8 @@ -@import 'tailwindcss'; +@tailwind base; +@tailwind components; +@tailwind utilities; -@theme { - --color-deep-blue: #0a1219; - --color-deep-blue-light: #121e27; - --color-deep-blue-contrast: #1a2835; - - --color-emerald: #10b981; - --color-emerald-dark: #059669; - --color-emerald-light: #34d399; - - --color-text-primary: #ffffff; - --color-text-secondary: #94a3b8; - --color-text-tertiary: #64748b; - - --color-accent-yellow: #fbbf24; - --color-accent-red: #ef4444; - --color-accent-purple: #8b5cf6; -} +/* Color theme moved to tailwind.config.js */ body { @apply bg-deep-blue text-text-primary h-full; diff --git a/frontend/styleguide.md b/frontend/styleguide.md deleted file mode 100644 index 84dcec4..0000000 --- a/frontend/styleguide.md +++ /dev/null @@ -1,123 +0,0 @@ -# Casino Gaming Platform Style Guide - -## Color Palette - -### Primary Colors -- Deep Blue: `#0a1219` (background) -- Deep Blue Light: `#121e27` (secondary background) -- Deep Blue Contrast: `#1a2835` (cards, elements) - -### Accent Colors -- Emerald: `#10b981` (primary buttons) -- Emerald Dark: `#059669` (button hover) -- Emerald Light: `#34d399` (highlights) - -### Text Colors -- Primary Text: `#ffffff` (white) -- Secondary Text: `#94a3b8` (light gray) -- Tertiary Text: `#64748b` (darker gray) - -### Additional Accents -- Yellow: `#fbbf24` -- Red: `#ef4444` -- Purple: `#8b5cf6` - -## Typography - -### Font Sizes -- Extra Small: Text-xs (footer disclaimers) -- Small: Text-sm (navigation links, footer links) -- Base: Text-base (general text) -- Large: Text-lg (section headings) -- Extra Large: Text-xl (stat numbers, game headings) -- Display: Text-4xl/5xl/7xl (welcome bonus text) - -### Font Weights -- Normal: General text -- Medium: Labels -- Semibold: Navigation brand -- Bold: Headings, stats -- Extrabold: Welcome bonus text - -## Components - -### Buttons -- Primary: Emerald background with hover state -- Secondary: Deep blue light background with hover state -- All buttons have active scale effect (95%) -- Transition duration: 200-300ms - -### Cards -- Background: Deep blue contrast -- Rounded corners (lg) -- Shadow effects with hover transition -- Consistent padding (p-4) - -### Navigation -- Desktop: Horizontal links with hover effects -- Mobile: Collapsible menu with toggle -- Links have color and background transitions - -### Modals -- Backdrop blur with dark overlay -- Card-style container with emerald focus rings -- Consistent form styling with transitions - -## Forms - -### Inputs -- Dark background with border -- Focus states with emerald accent -- Consistent padding and rounded corners -- Clear label positioning - -## Layout - -### Grid System -- Mobile-first responsive grid -- Breakpoints: sm, md, lg -- Grid columns: 1 (mobile), 2 (tablet), 3 (desktop) -- Consistent gap spacing (gap-4) - -### Spacing -- Consistent margin/padding scale -- Mobile-responsive spacing adjustments - -## Animation - -- Transitions: 200-500ms duration -- Hover/active state animations -- Scale transformations (95-110%) -- Opacity transitions for navigation elements - -## Components & Classes - -### Common UI Elements -- `.card` - Base card container -- `.button-primary` - Main CTA buttons -- `.button-secondary` - Alternative action buttons -- `.section-heading` - Section titles -- `.nav-link` - Navigation links -- `.modal-card` - Modal container - -### Game Elements -- `.game-card-content` - Game information container -- `.game-heading-sm` - Small game titles -- `.game-heading-xl` - Large game titles -- `.game-text` - Game descriptions -- `.slider-container` - Game carousel container - -## Responsive Design - -- Mobile-first approach -- Tailwind breakpoints (sm, md, lg) -- Different layouts based on screen size -- Responsive text sizing and spacing -- Hidden/visible elements using responsive classes - -## CSS Framework - -- Tailwind CSS for utility classes -- Custom utility classes with @apply directive -- CSS variables for theming -- Component-based styling approach \ No newline at end of file diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js new file mode 100644 index 0000000..5d41f0f --- /dev/null +++ b/frontend/tailwind.config.js @@ -0,0 +1,32 @@ +/** @type {import('tailwindcss').Config} */ +module.exports = { + content: [ + "./src/**/*.{html,ts}", + ], + theme: { + extend: { + colors: { + // Primary Colors + "deep-blue": "#0a1219", // background + "deep-blue-light": "#121e27", // secondary background + "deep-blue-contrast": "#1a2835", // cards, elements + + // Accent Colors + "emerald": "#10b981", // primary buttons + "emerald-dark": "#059669", // button hover + "emerald-light": "#34d399", // highlights + + // Text Colors + "text-primary": "#ffffff", // white + "text-secondary": "#94a3b8", // light gray + "text-tertiary": "#64748b", // darker gray + + // Additional Accents + "accent-yellow": "#fbbf24", + "accent-red": "#ef4444", + "accent-purple": "#8b5cf6", + }, + }, + }, + plugins: [], +}; \ No newline at end of file From 8012112f6c7ddbffc5440dd3703273f8da83e6a7 Mon Sep 17 00:00:00 2001 From: Jan Klattenhoff Date: Wed, 12 Mar 2025 14:31:55 +0100 Subject: [PATCH 4/7] style(tailwind): update color keys for consistency --- frontend/tailwind.config.js | 35 +++++++++++++++++++++++------------ 1 file changed, 23 insertions(+), 12 deletions(-) diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js index 5d41f0f..5c77ea4 100644 --- a/frontend/tailwind.config.js +++ b/frontend/tailwind.config.js @@ -7,24 +7,35 @@ module.exports = { extend: { colors: { // Primary Colors - "deep-blue": "#0a1219", // background - "deep-blue-light": "#121e27", // secondary background - "deep-blue-contrast": "#1a2835", // cards, elements + 'deep-blue': "#0a1219", // background + 'deepBlue': "#0a1219", // background (alternative format) + 'deep-blue-light': "#121e27", // secondary background + 'deepBlueLight': "#121e27", // secondary background (alternative format) + 'deep-blue-contrast': "#1a2835", // cards, elements + 'deepBlueContrast': "#1a2835", // cards, elements (alternative format) // Accent Colors - "emerald": "#10b981", // primary buttons - "emerald-dark": "#059669", // button hover - "emerald-light": "#34d399", // highlights + 'emerald': "#10b981", // primary buttons + 'emerald-dark': "#059669", // button hover + 'emeraldDark': "#059669", // button hover (alternative format) + 'emerald-light': "#34d399", // highlights + 'emeraldLight': "#34d399", // highlights (alternative format) // Text Colors - "text-primary": "#ffffff", // white - "text-secondary": "#94a3b8", // light gray - "text-tertiary": "#64748b", // darker gray + 'text-primary': "#ffffff", // white + 'textPrimary': "#ffffff", // white (alternative format) + 'text-secondary': "#94a3b8", // light gray + 'textSecondary': "#94a3b8", // light gray (alternative format) + 'text-tertiary': "#64748b", // darker gray + 'textTertiary': "#64748b", // darker gray (alternative format) // Additional Accents - "accent-yellow": "#fbbf24", - "accent-red": "#ef4444", - "accent-purple": "#8b5cf6", + 'accent-yellow': "#fbbf24", + 'accentYellow': "#fbbf24", // (alternative format) + 'accent-red': "#ef4444", + 'accentRed': "#ef4444", // (alternative format) + 'accent-purple': "#8b5cf6", + 'accentPurple': "#8b5cf6", // (alternative format) }, }, }, From e0afebb3971e73ac374bccca855809f37ffe1c73 Mon Sep 17 00:00:00 2001 From: Jan Klattenhoff Date: Wed, 12 Mar 2025 14:38:08 +0100 Subject: [PATCH 5/7] style: update Tailwind CSS import in styles.css --- frontend/src/styles.css | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/frontend/src/styles.css b/frontend/src/styles.css index 89a9650..ca605a4 100644 --- a/frontend/src/styles.css +++ b/frontend/src/styles.css @@ -1,7 +1,4 @@ -@tailwind base; -@tailwind components; -@tailwind utilities; - +@import 'tailwindcss'; /* Color theme moved to tailwind.config.js */ body { From a3da0f9a4ddcd0bb13c1629b69f03f585cbc5ac8 Mon Sep 17 00:00:00 2001 From: Jan Klattenhoff Date: Wed, 12 Mar 2025 14:45:20 +0100 Subject: [PATCH 6/7] style: Update color theme in styles.css file --- frontend/src/styles.css | 19 ++++++++++++++++++- 1 file changed, 18 insertions(+), 1 deletion(-) diff --git a/frontend/src/styles.css b/frontend/src/styles.css index ca605a4..300a61a 100644 --- a/frontend/src/styles.css +++ b/frontend/src/styles.css @@ -1,5 +1,22 @@ @import 'tailwindcss'; -/* Color theme moved to tailwind.config.js */ + +@theme { + --color-deep-blue: #0a1219; + --color-deep-blue-light: #121e27; + --color-deep-blue-contrast: #1a2835; + + --color-emerald: #10b981; + --color-emerald-dark: #059669; + --color-emerald-light: #34d399; + + --color-text-primary: #ffffff; + --color-text-secondary: #94a3b8; + --color-text-tertiary: #64748b; + + --color-accent-yellow: #fbbf24; + --color-accent-red: #ef4444; + --color-accent-purple: #8b5cf6; +} body { @apply bg-deep-blue text-text-primary h-full; From e8944c46a4e6e34795e7c92e298a0220bbad55b7 Mon Sep 17 00:00:00 2001 From: Jan Klattenhoff Date: Wed, 12 Mar 2025 14:49:11 +0100 Subject: [PATCH 7/7] chore: remove unused Tailwind CSS configuration file --- frontend/tailwind.config.js | 43 ------------------------------------- 1 file changed, 43 deletions(-) delete mode 100644 frontend/tailwind.config.js diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js deleted file mode 100644 index 5c77ea4..0000000 --- a/frontend/tailwind.config.js +++ /dev/null @@ -1,43 +0,0 @@ -/** @type {import('tailwindcss').Config} */ -module.exports = { - content: [ - "./src/**/*.{html,ts}", - ], - theme: { - extend: { - colors: { - // Primary Colors - 'deep-blue': "#0a1219", // background - 'deepBlue': "#0a1219", // background (alternative format) - 'deep-blue-light': "#121e27", // secondary background - 'deepBlueLight': "#121e27", // secondary background (alternative format) - 'deep-blue-contrast': "#1a2835", // cards, elements - 'deepBlueContrast': "#1a2835", // cards, elements (alternative format) - - // Accent Colors - 'emerald': "#10b981", // primary buttons - 'emerald-dark': "#059669", // button hover - 'emeraldDark': "#059669", // button hover (alternative format) - 'emerald-light': "#34d399", // highlights - 'emeraldLight': "#34d399", // highlights (alternative format) - - // Text Colors - 'text-primary': "#ffffff", // white - 'textPrimary': "#ffffff", // white (alternative format) - 'text-secondary': "#94a3b8", // light gray - 'textSecondary': "#94a3b8", // light gray (alternative format) - 'text-tertiary': "#64748b", // darker gray - 'textTertiary': "#64748b", // darker gray (alternative format) - - // Additional Accents - 'accent-yellow': "#fbbf24", - 'accentYellow': "#fbbf24", // (alternative format) - 'accent-red': "#ef4444", - 'accentRed': "#ef4444", // (alternative format) - 'accent-purple': "#8b5cf6", - 'accentPurple': "#8b5cf6", // (alternative format) - }, - }, - }, - plugins: [], -}; \ No newline at end of file