ankhbayar/Assist_Design
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity
Assist_Design/apps/portal/src/app/globals.css

319 lines
9.7 KiB
CSS
Raw Normal View History

Refactor global styles and component tokens for improved consistency and clarity - Updated globals.css to streamline design tokens and enhance semantic color usage across the application. - Refined error and loading components to utilize new color tokens for better visual coherence. - Adjusted various components, including AppShell, Header, and Sidebar, to align with updated design tokens and improve styling consistency. - Enhanced utility classes in utilities.css to reflect the consolidated color system and improve component styling. - Improved documentation in tokens.css to clarify the purpose and structure of design tokens.
2025-12-16 17:43:02 +09:00
/* Tailwind CSS v4 */
Initial Customer Portal setup - production ready
2025-08-20 18:02:50 +09:00
@import "tailwindcss";
Update Configuration Files and Refactor Code Structure - Adjusted .prettierrc to ensure consistent formatting with a newline at the end of the file. - Reformatted eslint.config.mjs for improved readability by aligning array elements. - Updated pnpm-lock.yaml to use single quotes for consistency across dependencies. - Simplified worktree setup in .cursor/worktrees.json for cleaner configuration. - Enhanced documentation in .cursor/plans to clarify architecture refactoring. - Refactored various service files for improved readability and maintainability, including rate-limiting and auth services. - Updated imports and exports across multiple files for consistency and clarity. - Improved error handling and logging in service methods to enhance debugging capabilities. - Streamlined utility functions for better performance and maintainability across the domain packages.
2025-12-25 17:30:02 +09:00
@plugin "tailwindcss-animate";
Enhance authentication and password management features - Added new endpoint for retrieving account status by email in AuthController. - Implemented change password functionality with validation in AuthService. - Updated password strength validation to require special characters across relevant DTOs. - Introduced optional API Access Key in environment configuration for WHMCS. - Refactored user address update logic in UsersController to improve clarity and maintainability. - Enhanced error handling in various services to provide more user-friendly messages. - Updated frontend components to support new password change and account status features.
2025-09-02 13:52:13 +09:00
@import "../styles/tokens.css";
Remove deprecated environment configuration files and clean up documentation related to Zod implementation. Update pnpm-lock.yaml for consistency in package versions. Refactor BFF and portal components to enhance type consistency, error handling, and maintainability across various services. Streamline import paths and remove unused code to improve overall project organization.
2025-09-26 18:28:47 +09:00
@import "../styles/utilities.css";
@import "../styles/responsive.css";
Update package dependencies and refactor authentication module - Added sharp dependency for image processing in package.json. - Updated argon2 dependency version to 0.44.0 for enhanced security. - Removed unused @nestjs/jwt dependency and refactored authentication module to utilize JoseJwtService for JWT handling. - Adjusted type definitions for @types/node and @types/pg to ensure compatibility across applications. - Cleaned up package.json files in BFF and Portal applications for consistency and improved dependency management.
2025-12-11 12:03:31 +09:00
Enhance SIM management features and improve UI responsiveness - Introduced SimVoiceOptions model to manage voice-related settings for accounts. - Added debug methods in SimDetailsService and SimOrchestratorService to fetch SIM details directly from Freebit, bypassing subscription validation for troubleshooting. - Updated SimManagementSection and SubscriptionDetail components for improved UI with backdrop blur effects and enhanced layout. - Integrated AuroraBackground component for a visually appealing background in SubscriptionDetail, enhancing user experience.
2025-11-22 18:11:43 +09:00
@custom-variant dark (&:is(.dark *));
Initial Customer Portal setup - production ready
2025-08-20 18:02:50 +09:00
Refactor global styles and component tokens for improved consistency and clarity - Updated globals.css to streamline design tokens and enhance semantic color usage across the application. - Refined error and loading components to utilize new color tokens for better visual coherence. - Adjusted various components, including AppShell, Header, and Sidebar, to align with updated design tokens and improve styling consistency. - Enhanced utility classes in utilities.css to reflect the consolidated color system and improve component styling. - Improved documentation in tokens.css to clarify the purpose and structure of design tokens.
2025-12-16 17:43:02 +09:00
/* =============================================================================
DESIGN TOKENS
feat: add VPN services and call history management features - Implemented VpnServicesService for managing VPN plans and activation fees. - Created SimCallHistoryFormatterService for formatting call history data. - Developed SimCallHistoryParserService to parse call history CSV files. - Added AnimatedContainer and AnimatedBackground components for UI animations. - Introduced BentoServiceCard, FloatingGlassCard, GlowButton, and ValuePropCard components for landing page. - Implemented useCountUp hook for animated number counting. - Added cancellation months utility functions for subscription management.
2026-01-13 16:19:39 +09:00
Refactor global styles and component tokens for improved consistency and clarity - Updated globals.css to streamline design tokens and enhance semantic color usage across the application. - Refined error and loading components to utilize new color tokens for better visual coherence. - Adjusted various components, including AppShell, Header, and Sidebar, to align with updated design tokens and improve styling consistency. - Enhanced utility classes in utilities.css to reflect the consolidated color system and improve component styling. - Improved documentation in tokens.css to clarify the purpose and structure of design tokens.
2025-12-16 17:43:02 +09:00
Only define CSS variables here. Tailwind @theme maps them to utility classes.
============================================================================= */
Initial Customer Portal setup - production ready
2025-08-20 18:02:50 +09:00
:root {
--radius: 0.625rem;
Refactor rate limiting configuration and enhance UI components for improved performance - Updated rate limiting TTL values in env.validation.ts and throttler.config.ts to reduce response times and improve request handling. - Adjusted throttle settings in AuthController, CatalogController, and OrdersController to align with new rate limits, enhancing overall API responsiveness. - Refactored OrderCard and OrderCardSkeleton components for better loading states and visual consistency. - Improved AddressForm and ServiceConfigurationStep components for better state management and user experience. - Streamlined CSS styles in globals.css and responsive.css for better maintainability and clarity.
2025-10-29 15:54:45 +09:00
feat: add VPN services and call history management features - Implemented VpnServicesService for managing VPN plans and activation fees. - Created SimCallHistoryFormatterService for formatting call history data. - Developed SimCallHistoryParserService to parse call history CSV files. - Added AnimatedContainer and AnimatedBackground components for UI animations. - Introduced BentoServiceCard, FloatingGlassCard, GlowButton, and ValuePropCard components for landing page. - Implemented useCountUp hook for animated number counting. - Added cancellation months utility functions for subscription management.
2026-01-13 16:19:39 +09:00
/* Typography */
--font-sans: var(--font-geist-sans, system-ui, sans-serif);
2026-01-15 12:38:16 +09:00
--font-display: var(--font-sans);
feat: add VPN services and call history management features - Implemented VpnServicesService for managing VPN plans and activation fees. - Created SimCallHistoryFormatterService for formatting call history data. - Developed SimCallHistoryParserService to parse call history CSV files. - Added AnimatedContainer and AnimatedBackground components for UI animations. - Introduced BentoServiceCard, FloatingGlassCard, GlowButton, and ValuePropCard components for landing page. - Implemented useCountUp hook for animated number counting. - Added cancellation months utility functions for subscription management.
2026-01-13 16:19:39 +09:00
/* Core Surfaces */
feat: Enhance Public VPN Plans view with marketing content and new components - Added detailed service highlights, how it works steps, and FAQs to the Public VPN Plans view. - Introduced new components: CtaButton, FeaturedServiceCard, ProcessStep, ServiceCard, ServiceShowcaseCard, TrustBadge, TrustIndicators, HowItWorks, ServiceCTA, and ServiceFAQ for improved layout and functionality. - Implemented a new design for the landing page with enhanced visuals and user engagement elements. - Updated the VPN plans section to include a more informative and visually appealing layout.
2026-01-13 18:19:58 +09:00
--background: oklch(1 0 0);
--foreground: oklch(0.16 0 0);
Refactor global styles and component tokens for improved consistency and clarity - Updated globals.css to streamline design tokens and enhance semantic color usage across the application. - Refined error and loading components to utilize new color tokens for better visual coherence. - Adjusted various components, including AppShell, Header, and Sidebar, to align with updated design tokens and improve styling consistency. - Enhanced utility classes in utilities.css to reflect the consolidated color system and improve component styling. - Improved documentation in tokens.css to clarify the purpose and structure of design tokens.
2025-12-16 17:43:02 +09:00
--card: oklch(1 0 0);
Refactor rate limiting configuration and enhance UI components for improved performance - Updated rate limiting TTL values in env.validation.ts and throttler.config.ts to reduce response times and improve request handling. - Adjusted throttle settings in AuthController, CatalogController, and OrdersController to align with new rate limits, enhancing overall API responsiveness. - Refactored OrderCard and OrderCardSkeleton components for better loading states and visual consistency. - Improved AddressForm and ServiceConfigurationStep components for better state management and user experience. - Streamlined CSS styles in globals.css and responsive.css for better maintainability and clarity.
2025-10-29 15:54:45 +09:00
--card-foreground: var(--foreground);
Refactor UI components for improved styling and consistency - Updated global styles to enhance color usage and contrast across the application. - Refined input components for better accessibility and visual feedback. - Enhanced layout components with consistent padding and margins for a cleaner look. - Improved card and button styles to align with the new design tokens. - Standardized text colors and hover effects for better user interaction.
2025-12-16 16:08:17 +09:00
--popover: oklch(1 0 0);
Refactor rate limiting configuration and enhance UI components for improved performance - Updated rate limiting TTL values in env.validation.ts and throttler.config.ts to reduce response times and improve request handling. - Adjusted throttle settings in AuthController, CatalogController, and OrdersController to align with new rate limits, enhancing overall API responsiveness. - Refactored OrderCard and OrderCardSkeleton components for better loading states and visual consistency. - Improved AddressForm and ServiceConfigurationStep components for better state management and user experience. - Streamlined CSS styles in globals.css and responsive.css for better maintainability and clarity.
2025-10-29 15:54:45 +09:00
--popover-foreground: var(--foreground);
feat: Enhance Public VPN Plans view with marketing content and new components - Added detailed service highlights, how it works steps, and FAQs to the Public VPN Plans view. - Introduced new components: CtaButton, FeaturedServiceCard, ProcessStep, ServiceCard, ServiceShowcaseCard, TrustBadge, TrustIndicators, HowItWorks, ServiceCTA, and ServiceFAQ for improved layout and functionality. - Implemented a new design for the landing page with enhanced visuals and user engagement elements. - Updated the VPN plans section to include a more informative and visually appealing layout.
2026-01-13 18:19:58 +09:00
--muted: oklch(0.96 0.008 234.4);
--muted-foreground: oklch(0.5 0 0);
Refactor rate limiting configuration and enhance UI components for improved performance - Updated rate limiting TTL values in env.validation.ts and throttler.config.ts to reduce response times and improve request handling. - Adjusted throttle settings in AuthController, CatalogController, and OrdersController to align with new rate limits, enhancing overall API responsiveness. - Refactored OrderCard and OrderCardSkeleton components for better loading states and visual consistency. - Improved AddressForm and ServiceConfigurationStep components for better state management and user experience. - Streamlined CSS styles in globals.css and responsive.css for better maintainability and clarity.
2025-10-29 15:54:45 +09:00
feat: Enhance Public VPN Plans view with marketing content and new components - Added detailed service highlights, how it works steps, and FAQs to the Public VPN Plans view. - Introduced new components: CtaButton, FeaturedServiceCard, ProcessStep, ServiceCard, ServiceShowcaseCard, TrustBadge, TrustIndicators, HowItWorks, ServiceCTA, and ServiceFAQ for improved layout and functionality. - Implemented a new design for the landing page with enhanced visuals and user engagement elements. - Updated the VPN plans section to include a more informative and visually appealing layout.
2026-01-13 18:19:58 +09:00
/* Brand - Clean Blue (matches logo) */
--primary: oklch(0.6884 0.1342 234.4);
--primary-hover: oklch(0.6 0.14 234.4);
--primary-soft: oklch(0.95 0.03 234.4);
Refactor rate limiting configuration and enhance UI components for improved performance - Updated rate limiting TTL values in env.validation.ts and throttler.config.ts to reduce response times and improve request handling. - Adjusted throttle settings in AuthController, CatalogController, and OrdersController to align with new rate limits, enhancing overall API responsiveness. - Refactored OrderCard and OrderCardSkeleton components for better loading states and visual consistency. - Improved AddressForm and ServiceConfigurationStep components for better state management and user experience. - Streamlined CSS styles in globals.css and responsive.css for better maintainability and clarity.
2025-10-29 15:54:45 +09:00
--primary-foreground: oklch(0.99 0 0);
feat: add VPN services and call history management features - Implemented VpnServicesService for managing VPN plans and activation fees. - Created SimCallHistoryFormatterService for formatting call history data. - Developed SimCallHistoryParserService to parse call history CSV files. - Added AnimatedContainer and AnimatedBackground components for UI animations. - Introduced BentoServiceCard, FloatingGlassCard, GlowButton, and ValuePropCard components for landing page. - Implemented useCountUp hook for animated number counting. - Added cancellation months utility functions for subscription management.
2026-01-13 16:19:39 +09:00
feat: Enhance Public VPN Plans view with marketing content and new components - Added detailed service highlights, how it works steps, and FAQs to the Public VPN Plans view. - Introduced new components: CtaButton, FeaturedServiceCard, ProcessStep, ServiceCard, ServiceShowcaseCard, TrustBadge, TrustIndicators, HowItWorks, ServiceCTA, and ServiceFAQ for improved layout and functionality. - Implemented a new design for the landing page with enhanced visuals and user engagement elements. - Updated the VPN plans section to include a more informative and visually appealing layout.
2026-01-13 18:19:58 +09:00
/* Gradient Accent - Slightly deeper blue for gradients */
--accent-gradient: oklch(0.55 0.15 234.4);
feat: add VPN services and call history management features - Implemented VpnServicesService for managing VPN plans and activation fees. - Created SimCallHistoryFormatterService for formatting call history data. - Developed SimCallHistoryParserService to parse call history CSV files. - Added AnimatedContainer and AnimatedBackground components for UI animations. - Introduced BentoServiceCard, FloatingGlassCard, GlowButton, and ValuePropCard components for landing page. - Implemented useCountUp hook for animated number counting. - Added cancellation months utility functions for subscription management.
2026-01-13 16:19:39 +09:00
feat: Enhance Public VPN Plans view with marketing content and new components - Added detailed service highlights, how it works steps, and FAQs to the Public VPN Plans view. - Introduced new components: CtaButton, FeaturedServiceCard, ProcessStep, ServiceCard, ServiceShowcaseCard, TrustBadge, TrustIndicators, HowItWorks, ServiceCTA, and ServiceFAQ for improved layout and functionality. - Implemented a new design for the landing page with enhanced visuals and user engagement elements. - Updated the VPN plans section to include a more informative and visually appealing layout.
2026-01-13 18:19:58 +09:00
--secondary: oklch(0.95 0.015 234.4);
--secondary-foreground: oklch(0.29 0 0);
--accent: oklch(0.95 0.04 234.4);
Refactor rate limiting configuration and enhance UI components for improved performance - Updated rate limiting TTL values in env.validation.ts and throttler.config.ts to reduce response times and improve request handling. - Adjusted throttle settings in AuthController, CatalogController, and OrdersController to align with new rate limits, enhancing overall API responsiveness. - Refactored OrderCard and OrderCardSkeleton components for better loading states and visual consistency. - Improved AddressForm and ServiceConfigurationStep components for better state management and user experience. - Streamlined CSS styles in globals.css and responsive.css for better maintainability and clarity.
2025-10-29 15:54:45 +09:00
--accent-foreground: var(--foreground);
Refactor global styles and component tokens for improved consistency and clarity - Updated globals.css to streamline design tokens and enhance semantic color usage across the application. - Refined error and loading components to utilize new color tokens for better visual coherence. - Adjusted various components, including AppShell, Header, and Sidebar, to align with updated design tokens and improve styling consistency. - Enhanced utility classes in utilities.css to reflect the consolidated color system and improve component styling. - Improved documentation in tokens.css to clarify the purpose and structure of design tokens.
2025-12-16 17:43:02 +09:00
/* 5 Semantic Colors (each: base, foreground, bg, border) */
feat: add VPN services and call history management features - Implemented VpnServicesService for managing VPN plans and activation fees. - Created SimCallHistoryFormatterService for formatting call history data. - Developed SimCallHistoryParserService to parse call history CSV files. - Added AnimatedContainer and AnimatedBackground components for UI animations. - Introduced BentoServiceCard, FloatingGlassCard, GlowButton, and ValuePropCard components for landing page. - Implemented useCountUp hook for animated number counting. - Added cancellation months utility functions for subscription management.
2026-01-13 16:19:39 +09:00
--success: oklch(0.52 0.14 155);
Refactor rate limiting configuration and enhance UI components for improved performance - Updated rate limiting TTL values in env.validation.ts and throttler.config.ts to reduce response times and improve request handling. - Adjusted throttle settings in AuthController, CatalogController, and OrdersController to align with new rate limits, enhancing overall API responsiveness. - Refactored OrderCard and OrderCardSkeleton components for better loading states and visual consistency. - Improved AddressForm and ServiceConfigurationStep components for better state management and user experience. - Streamlined CSS styles in globals.css and responsive.css for better maintainability and clarity.
2025-10-29 15:54:45 +09:00
--success-foreground: oklch(0.99 0 0);
Refactor global styles and component tokens for improved consistency and clarity - Updated globals.css to streamline design tokens and enhance semantic color usage across the application. - Refined error and loading components to utilize new color tokens for better visual coherence. - Adjusted various components, including AppShell, Header, and Sidebar, to align with updated design tokens and improve styling consistency. - Enhanced utility classes in utilities.css to reflect the consolidated color system and improve component styling. - Improved documentation in tokens.css to clarify the purpose and structure of design tokens.
2025-12-16 17:43:02 +09:00
--success-bg: oklch(0.98 0.02 145);
--success-border: oklch(0.93 0.08 150);
Refactor rate limiting configuration and enhance UI components for improved performance - Updated rate limiting TTL values in env.validation.ts and throttler.config.ts to reduce response times and improve request handling. - Adjusted throttle settings in AuthController, CatalogController, and OrdersController to align with new rate limits, enhancing overall API responsiveness. - Refactored OrderCard and OrderCardSkeleton components for better loading states and visual consistency. - Improved AddressForm and ServiceConfigurationStep components for better state management and user experience. - Streamlined CSS styles in globals.css and responsive.css for better maintainability and clarity.
2025-10-29 15:54:45 +09:00
feat: add VPN services and call history management features - Implemented VpnServicesService for managing VPN plans and activation fees. - Created SimCallHistoryFormatterService for formatting call history data. - Developed SimCallHistoryParserService to parse call history CSV files. - Added AnimatedContainer and AnimatedBackground components for UI animations. - Introduced BentoServiceCard, FloatingGlassCard, GlowButton, and ValuePropCard components for landing page. - Implemented useCountUp hook for animated number counting. - Added cancellation months utility functions for subscription management.
2026-01-13 16:19:39 +09:00
--info: oklch(0.55 0.16 230);
Refactor rate limiting configuration and enhance UI components for improved performance - Updated rate limiting TTL values in env.validation.ts and throttler.config.ts to reduce response times and improve request handling. - Adjusted throttle settings in AuthController, CatalogController, and OrdersController to align with new rate limits, enhancing overall API responsiveness. - Refactored OrderCard and OrderCardSkeleton components for better loading states and visual consistency. - Improved AddressForm and ServiceConfigurationStep components for better state management and user experience. - Streamlined CSS styles in globals.css and responsive.css for better maintainability and clarity.
2025-10-29 15:54:45 +09:00
--info-foreground: oklch(0.99 0 0);
Update dashboard components and styles for improved functionality and consistency - Refactored DashboardView to integrate new TaskList, QuickStats, and ActivityFeed components for enhanced task management and user engagement. - Updated global styles in tokens.css to standardize color usage and improve accessibility across the application. - Adjusted color tokens for better visual coherence, including updates to brand and semantic colors. - Enhanced loading states and skeleton screens for a smoother user experience during data fetching.
2025-12-16 17:10:14 +09:00
--info-bg: oklch(0.97 0.02 234.4);
--info-border: oklch(0.91 0.05 234.4);
feat: add VPN services and call history management features - Implemented VpnServicesService for managing VPN plans and activation fees. - Created SimCallHistoryFormatterService for formatting call history data. - Developed SimCallHistoryParserService to parse call history CSV files. - Added AnimatedContainer and AnimatedBackground components for UI animations. - Introduced BentoServiceCard, FloatingGlassCard, GlowButton, and ValuePropCard components for landing page. - Implemented useCountUp hook for animated number counting. - Added cancellation months utility functions for subscription management.
2026-01-13 16:19:39 +09:00
--warning: oklch(0.72 0.15 65);
Update dashboard components and styles for improved functionality and consistency - Refactored DashboardView to integrate new TaskList, QuickStats, and ActivityFeed components for enhanced task management and user engagement. - Updated global styles in tokens.css to standardize color usage and improve accessibility across the application. - Adjusted color tokens for better visual coherence, including updates to brand and semantic colors. - Enhanced loading states and skeleton screens for a smoother user experience during data fetching.
2025-12-16 17:10:14 +09:00
--warning-foreground: oklch(0.99 0 0);
Refactor global styles and component tokens for improved consistency and clarity - Updated globals.css to streamline design tokens and enhance semantic color usage across the application. - Refined error and loading components to utilize new color tokens for better visual coherence. - Adjusted various components, including AppShell, Header, and Sidebar, to align with updated design tokens and improve styling consistency. - Enhanced utility classes in utilities.css to reflect the consolidated color system and improve component styling. - Improved documentation in tokens.css to clarify the purpose and structure of design tokens.
2025-12-16 17:43:02 +09:00
--warning-bg: oklch(0.99 0.02 90);
--warning-border: oklch(0.92 0.12 90);
feat: add VPN services and call history management features - Implemented VpnServicesService for managing VPN plans and activation fees. - Created SimCallHistoryFormatterService for formatting call history data. - Developed SimCallHistoryParserService to parse call history CSV files. - Added AnimatedContainer and AnimatedBackground components for UI animations. - Introduced BentoServiceCard, FloatingGlassCard, GlowButton, and ValuePropCard components for landing page. - Implemented useCountUp hook for animated number counting. - Added cancellation months utility functions for subscription management.
2026-01-13 16:19:39 +09:00
--danger: oklch(0.55 0.2 25);
Refactor global styles and component tokens for improved consistency and clarity - Updated globals.css to streamline design tokens and enhance semantic color usage across the application. - Refined error and loading components to utilize new color tokens for better visual coherence. - Adjusted various components, including AppShell, Header, and Sidebar, to align with updated design tokens and improve styling consistency. - Enhanced utility classes in utilities.css to reflect the consolidated color system and improve component styling. - Improved documentation in tokens.css to clarify the purpose and structure of design tokens.
2025-12-16 17:43:02 +09:00
--danger-foreground: oklch(0.99 0 0);
--danger-bg: oklch(0.98 0.01 10);
--danger-border: oklch(0.89 0.06 10);
Update dashboard components and styles for improved functionality and consistency - Refactored DashboardView to integrate new TaskList, QuickStats, and ActivityFeed components for enhanced task management and user engagement. - Updated global styles in tokens.css to standardize color usage and improve accessibility across the application. - Adjusted color tokens for better visual coherence, including updates to brand and semantic colors. - Enhanced loading states and skeleton screens for a smoother user experience during data fetching.
2025-12-16 17:10:14 +09:00
--neutral: oklch(0.36 0.03 272.34);
--neutral-foreground: oklch(0.99 0 0);
--neutral-bg: oklch(0.97 0.008 272.34);
--neutral-border: oklch(0.87 0.02 272.34);
Refactor global styles and component tokens for improved consistency and clarity - Updated globals.css to streamline design tokens and enhance semantic color usage across the application. - Refined error and loading components to utilize new color tokens for better visual coherence. - Adjusted various components, including AppShell, Header, and Sidebar, to align with updated design tokens and improve styling consistency. - Enhanced utility classes in utilities.css to reflect the consolidated color system and improve component styling. - Improved documentation in tokens.css to clarify the purpose and structure of design tokens.
2025-12-16 17:43:02 +09:00
/* Chrome */
feat: Enhance Public VPN Plans view with marketing content and new components - Added detailed service highlights, how it works steps, and FAQs to the Public VPN Plans view. - Introduced new components: CtaButton, FeaturedServiceCard, ProcessStep, ServiceCard, ServiceShowcaseCard, TrustBadge, TrustIndicators, HowItWorks, ServiceCTA, and ServiceFAQ for improved layout and functionality. - Implemented a new design for the landing page with enhanced visuals and user engagement elements. - Updated the VPN plans section to include a more informative and visually appealing layout.
2026-01-13 18:19:58 +09:00
--border: oklch(0.92 0.005 234.4);
--input: oklch(0.96 0.004 234.4);
--ring: oklch(0.6884 0.1342 234.4 / 0.5);
/* Sidebar - Deep purple/indigo */
--sidebar: oklch(0.2754 0.1199 272.34);
--sidebar-foreground: oklch(1 0 0);
--sidebar-border: oklch(0.36 0.1 272.34);
feat: add VPN services and call history management features - Implemented VpnServicesService for managing VPN plans and activation fees. - Created SimCallHistoryFormatterService for formatting call history data. - Developed SimCallHistoryParserService to parse call history CSV files. - Added AnimatedContainer and AnimatedBackground components for UI animations. - Introduced BentoServiceCard, FloatingGlassCard, GlowButton, and ValuePropCard components for landing page. - Implemented useCountUp hook for animated number counting. - Added cancellation months utility functions for subscription management.
2026-01-13 16:19:39 +09:00
--sidebar-active: oklch(0.99 0 0 / 0.15);
Refactor global styles and component tokens for improved consistency and clarity - Updated globals.css to streamline design tokens and enhance semantic color usage across the application. - Refined error and loading components to utilize new color tokens for better visual coherence. - Adjusted various components, including AppShell, Header, and Sidebar, to align with updated design tokens and improve styling consistency. - Enhanced utility classes in utilities.css to reflect the consolidated color system and improve component styling. - Improved documentation in tokens.css to clarify the purpose and structure of design tokens.
2025-12-16 17:43:02 +09:00
/* Header */
--header: oklch(1 0 0 / 0.95);
--header-foreground: oklch(0.2 0 0);
--header-border: var(--border);
/* Charts */
--chart-1: var(--primary);
--chart-2: var(--success);
--chart-3: oklch(0.75 0.14 85);
--chart-4: var(--danger);
--chart-5: var(--neutral);
feat: add VPN services and call history management features - Implemented VpnServicesService for managing VPN plans and activation fees. - Created SimCallHistoryFormatterService for formatting call history data. - Developed SimCallHistoryParserService to parse call history CSV files. - Added AnimatedContainer and AnimatedBackground components for UI animations. - Introduced BentoServiceCard, FloatingGlassCard, GlowButton, and ValuePropCard components for landing page. - Implemented useCountUp hook for animated number counting. - Added cancellation months utility functions for subscription management.
2026-01-13 16:19:39 +09:00
feat: Enhance Public VPN Plans view with marketing content and new components - Added detailed service highlights, how it works steps, and FAQs to the Public VPN Plans view. - Introduced new components: CtaButton, FeaturedServiceCard, ProcessStep, ServiceCard, ServiceShowcaseCard, TrustBadge, TrustIndicators, HowItWorks, ServiceCTA, and ServiceFAQ for improved layout and functionality. - Implemented a new design for the landing page with enhanced visuals and user engagement elements. - Updated the VPN plans section to include a more informative and visually appealing layout.
2026-01-13 18:19:58 +09:00
/* Amber/Gold CTA Accent (for conversion-focused buttons) */
--cta: oklch(0.65 0.16 55);
--cta-hover: oklch(0.58 0.17 55);
--cta-foreground: oklch(0.15 0.02 55);
--cta-soft: oklch(0.97 0.03 55);
/* Deep Navy for trust headers */
--navy: oklch(0.22 0.04 265);
--navy-foreground: oklch(0.98 0 0);
feat: add VPN services and call history management features - Implemented VpnServicesService for managing VPN plans and activation fees. - Created SimCallHistoryFormatterService for formatting call history data. - Developed SimCallHistoryParserService to parse call history CSV files. - Added AnimatedContainer and AnimatedBackground components for UI animations. - Introduced BentoServiceCard, FloatingGlassCard, GlowButton, and ValuePropCard components for landing page. - Implemented useCountUp hook for animated number counting. - Added cancellation months utility functions for subscription management.
2026-01-13 16:19:39 +09:00
/* Glass Morphism Tokens */
--glass-bg: oklch(1 0 0 / 0.7);
--glass-bg-strong: oklch(1 0 0 / 0.85);
--glass-border: oklch(1 0 0 / 0.2);
--glass-blur: 12px;
--glass-blur-strong: 20px;
/* Gradient Presets */
--gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--accent-gradient) 100%);
--gradient-premium: linear-gradient(
135deg,
feat: Enhance Public VPN Plans view with marketing content and new components - Added detailed service highlights, how it works steps, and FAQs to the Public VPN Plans view. - Introduced new components: CtaButton, FeaturedServiceCard, ProcessStep, ServiceCard, ServiceShowcaseCard, TrustBadge, TrustIndicators, HowItWorks, ServiceCTA, and ServiceFAQ for improved layout and functionality. - Implemented a new design for the landing page with enhanced visuals and user engagement elements. - Updated the VPN plans section to include a more informative and visually appealing layout.
2026-01-13 18:19:58 +09:00
oklch(0.6884 0.1342 234.4),
oklch(0.55 0.15 234.4),
oklch(0.5 0.12 234.4)
);
--gradient-subtle: linear-gradient(
180deg,
oklch(0.99 0.005 234.4) 0%,
oklch(0.97 0.008 234.4) 100%
);
--gradient-glow: radial-gradient(
circle at 50% 0%,
oklch(0.6884 0.1342 234.4 / 0.15),
transparent 50%
feat: add VPN services and call history management features - Implemented VpnServicesService for managing VPN plans and activation fees. - Created SimCallHistoryFormatterService for formatting call history data. - Developed SimCallHistoryParserService to parse call history CSV files. - Added AnimatedContainer and AnimatedBackground components for UI animations. - Introduced BentoServiceCard, FloatingGlassCard, GlowButton, and ValuePropCard components for landing page. - Implemented useCountUp hook for animated number counting. - Added cancellation months utility functions for subscription management.
2026-01-13 16:19:39 +09:00
);
/* Premium Shadows with Color */
feat: Enhance Public VPN Plans view with marketing content and new components - Added detailed service highlights, how it works steps, and FAQs to the Public VPN Plans view. - Introduced new components: CtaButton, FeaturedServiceCard, ProcessStep, ServiceCard, ServiceShowcaseCard, TrustBadge, TrustIndicators, HowItWorks, ServiceCTA, and ServiceFAQ for improved layout and functionality. - Implemented a new design for the landing page with enhanced visuals and user engagement elements. - Updated the VPN plans section to include a more informative and visually appealing layout.
2026-01-13 18:19:58 +09:00
--shadow-primary-sm: 0 2px 8px -2px oklch(0.6884 0.1342 234.4 / 0.2);
--shadow-primary-md: 0 4px 16px -4px oklch(0.6884 0.1342 234.4 / 0.25);
--shadow-primary-lg: 0 8px 32px -8px oklch(0.6884 0.1342 234.4 / 0.3);
Initial Customer Portal setup - production ready
2025-08-20 18:02:50 +09:00
}
.dark {
feat: add VPN services and call history management features - Implemented VpnServicesService for managing VPN plans and activation fees. - Created SimCallHistoryFormatterService for formatting call history data. - Developed SimCallHistoryParserService to parse call history CSV files. - Added AnimatedContainer and AnimatedBackground components for UI animations. - Introduced BentoServiceCard, FloatingGlassCard, GlowButton, and ValuePropCard components for landing page. - Implemented useCountUp hook for animated number counting. - Added cancellation months utility functions for subscription management.
2026-01-13 16:19:39 +09:00
/* Surfaces - Rich dark with blue undertone */
feat: Enhance Public VPN Plans view with marketing content and new components - Added detailed service highlights, how it works steps, and FAQs to the Public VPN Plans view. - Introduced new components: CtaButton, FeaturedServiceCard, ProcessStep, ServiceCard, ServiceShowcaseCard, TrustBadge, TrustIndicators, HowItWorks, ServiceCTA, and ServiceFAQ for improved layout and functionality. - Implemented a new design for the landing page with enhanced visuals and user engagement elements. - Updated the VPN plans section to include a more informative and visually appealing layout.
2026-01-13 18:19:58 +09:00
--background: oklch(0.12 0.015 234.4);
feat: add VPN services and call history management features - Implemented VpnServicesService for managing VPN plans and activation fees. - Created SimCallHistoryFormatterService for formatting call history data. - Developed SimCallHistoryParserService to parse call history CSV files. - Added AnimatedContainer and AnimatedBackground components for UI animations. - Introduced BentoServiceCard, FloatingGlassCard, GlowButton, and ValuePropCard components for landing page. - Implemented useCountUp hook for animated number counting. - Added cancellation months utility functions for subscription management.
2026-01-13 16:19:39 +09:00
--foreground: oklch(0.95 0 0);
feat: Enhance Public VPN Plans view with marketing content and new components - Added detailed service highlights, how it works steps, and FAQs to the Public VPN Plans view. - Introduced new components: CtaButton, FeaturedServiceCard, ProcessStep, ServiceCard, ServiceShowcaseCard, TrustBadge, TrustIndicators, HowItWorks, ServiceCTA, and ServiceFAQ for improved layout and functionality. - Implemented a new design for the landing page with enhanced visuals and user engagement elements. - Updated the VPN plans section to include a more informative and visually appealing layout.
2026-01-13 18:19:58 +09:00
--card: oklch(0.15 0.015 234.4);
feat: add VPN services and call history management features - Implemented VpnServicesService for managing VPN plans and activation fees. - Created SimCallHistoryFormatterService for formatting call history data. - Developed SimCallHistoryParserService to parse call history CSV files. - Added AnimatedContainer and AnimatedBackground components for UI animations. - Introduced BentoServiceCard, FloatingGlassCard, GlowButton, and ValuePropCard components for landing page. - Implemented useCountUp hook for animated number counting. - Added cancellation months utility functions for subscription management.
2026-01-13 16:19:39 +09:00
--card-foreground: var(--foreground);
feat: Enhance Public VPN Plans view with marketing content and new components - Added detailed service highlights, how it works steps, and FAQs to the Public VPN Plans view. - Introduced new components: CtaButton, FeaturedServiceCard, ProcessStep, ServiceCard, ServiceShowcaseCard, TrustBadge, TrustIndicators, HowItWorks, ServiceCTA, and ServiceFAQ for improved layout and functionality. - Implemented a new design for the landing page with enhanced visuals and user engagement elements. - Updated the VPN plans section to include a more informative and visually appealing layout.
2026-01-13 18:19:58 +09:00
--popover: oklch(0.15 0.015 234.4);
feat: add VPN services and call history management features - Implemented VpnServicesService for managing VPN plans and activation fees. - Created SimCallHistoryFormatterService for formatting call history data. - Developed SimCallHistoryParserService to parse call history CSV files. - Added AnimatedContainer and AnimatedBackground components for UI animations. - Introduced BentoServiceCard, FloatingGlassCard, GlowButton, and ValuePropCard components for landing page. - Implemented useCountUp hook for animated number counting. - Added cancellation months utility functions for subscription management.
2026-01-13 16:19:39 +09:00
--popover-foreground: var(--foreground);
feat: Enhance Public VPN Plans view with marketing content and new components - Added detailed service highlights, how it works steps, and FAQs to the Public VPN Plans view. - Introduced new components: CtaButton, FeaturedServiceCard, ProcessStep, ServiceCard, ServiceShowcaseCard, TrustBadge, TrustIndicators, HowItWorks, ServiceCTA, and ServiceFAQ for improved layout and functionality. - Implemented a new design for the landing page with enhanced visuals and user engagement elements. - Updated the VPN plans section to include a more informative and visually appealing layout.
2026-01-13 18:19:58 +09:00
--muted: oklch(0.25 0.01 234.4);
Refactor global styles and component tokens for improved consistency and clarity - Updated globals.css to streamline design tokens and enhance semantic color usage across the application. - Refined error and loading components to utilize new color tokens for better visual coherence. - Adjusted various components, including AppShell, Header, and Sidebar, to align with updated design tokens and improve styling consistency. - Enhanced utility classes in utilities.css to reflect the consolidated color system and improve component styling. - Improved documentation in tokens.css to clarify the purpose and structure of design tokens.
2025-12-16 17:43:02 +09:00
--muted-foreground: oklch(0.74 0 0);
Refactor rate limiting configuration and enhance UI components for improved performance - Updated rate limiting TTL values in env.validation.ts and throttler.config.ts to reduce response times and improve request handling. - Adjusted throttle settings in AuthController, CatalogController, and OrdersController to align with new rate limits, enhancing overall API responsiveness. - Refactored OrderCard and OrderCardSkeleton components for better loading states and visual consistency. - Improved AddressForm and ServiceConfigurationStep components for better state management and user experience. - Streamlined CSS styles in globals.css and responsive.css for better maintainability and clarity.
2025-10-29 15:54:45 +09:00
feat: add VPN services and call history management features - Implemented VpnServicesService for managing VPN plans and activation fees. - Created SimCallHistoryFormatterService for formatting call history data. - Developed SimCallHistoryParserService to parse call history CSV files. - Added AnimatedContainer and AnimatedBackground components for UI animations. - Introduced BentoServiceCard, FloatingGlassCard, GlowButton, and ValuePropCard components for landing page. - Implemented useCountUp hook for animated number counting. - Added cancellation months utility functions for subscription management.
2026-01-13 16:19:39 +09:00
/* Brand - Brighter for dark mode contrast */
feat: Enhance Public VPN Plans view with marketing content and new components - Added detailed service highlights, how it works steps, and FAQs to the Public VPN Plans view. - Introduced new components: CtaButton, FeaturedServiceCard, ProcessStep, ServiceCard, ServiceShowcaseCard, TrustBadge, TrustIndicators, HowItWorks, ServiceCTA, and ServiceFAQ for improved layout and functionality. - Implemented a new design for the landing page with enhanced visuals and user engagement elements. - Updated the VPN plans section to include a more informative and visually appealing layout.
2026-01-13 18:19:58 +09:00
--primary: oklch(0.75 0.12 234.4);
--primary-hover: oklch(0.8 0.1 234.4);
--primary-soft: oklch(0.22 0.04 234.4);
feat: add VPN services and call history management features - Implemented VpnServicesService for managing VPN plans and activation fees. - Created SimCallHistoryFormatterService for formatting call history data. - Developed SimCallHistoryParserService to parse call history CSV files. - Added AnimatedContainer and AnimatedBackground components for UI animations. - Introduced BentoServiceCard, FloatingGlassCard, GlowButton, and ValuePropCard components for landing page. - Implemented useCountUp hook for animated number counting. - Added cancellation months utility functions for subscription management.
2026-01-13 16:19:39 +09:00
feat: Enhance Public VPN Plans view with marketing content and new components - Added detailed service highlights, how it works steps, and FAQs to the Public VPN Plans view. - Introduced new components: CtaButton, FeaturedServiceCard, ProcessStep, ServiceCard, ServiceShowcaseCard, TrustBadge, TrustIndicators, HowItWorks, ServiceCTA, and ServiceFAQ for improved layout and functionality. - Implemented a new design for the landing page with enhanced visuals and user engagement elements. - Updated the VPN plans section to include a more informative and visually appealing layout.
2026-01-13 18:19:58 +09:00
--secondary: oklch(0.22 0.01 234.4);
Refactor UI components for improved styling and consistency - Updated global styles to enhance color usage and contrast across the application. - Refined input components for better accessibility and visual feedback. - Enhanced layout components with consistent padding and margins for a cleaner look. - Improved card and button styles to align with the new design tokens. - Standardized text colors and hover effects for better user interaction.
2025-12-16 16:08:17 +09:00
--secondary-foreground: oklch(0.9 0 0);
feat: Enhance Public VPN Plans view with marketing content and new components - Added detailed service highlights, how it works steps, and FAQs to the Public VPN Plans view. - Introduced new components: CtaButton, FeaturedServiceCard, ProcessStep, ServiceCard, ServiceShowcaseCard, TrustBadge, TrustIndicators, HowItWorks, ServiceCTA, and ServiceFAQ for improved layout and functionality. - Implemented a new design for the landing page with enhanced visuals and user engagement elements. - Updated the VPN plans section to include a more informative and visually appealing layout.
2026-01-13 18:19:58 +09:00
--accent: oklch(0.24 0.03 234.4);
Refactor rate limiting configuration and enhance UI components for improved performance - Updated rate limiting TTL values in env.validation.ts and throttler.config.ts to reduce response times and improve request handling. - Adjusted throttle settings in AuthController, CatalogController, and OrdersController to align with new rate limits, enhancing overall API responsiveness. - Refactored OrderCard and OrderCardSkeleton components for better loading states and visual consistency. - Improved AddressForm and ServiceConfigurationStep components for better state management and user experience. - Streamlined CSS styles in globals.css and responsive.css for better maintainability and clarity.
2025-10-29 15:54:45 +09:00
--accent-foreground: oklch(0.92 0 0);
Update dashboard components and styles for improved functionality and consistency - Refactored DashboardView to integrate new TaskList, QuickStats, and ActivityFeed components for enhanced task management and user engagement. - Updated global styles in tokens.css to standardize color usage and improve accessibility across the application. - Adjusted color tokens for better visual coherence, including updates to brand and semantic colors. - Enhanced loading states and skeleton screens for a smoother user experience during data fetching.
2025-12-16 17:10:14 +09:00
--success: oklch(0.72 0.1 145);
Refactor rate limiting configuration and enhance UI components for improved performance - Updated rate limiting TTL values in env.validation.ts and throttler.config.ts to reduce response times and improve request handling. - Adjusted throttle settings in AuthController, CatalogController, and OrdersController to align with new rate limits, enhancing overall API responsiveness. - Refactored OrderCard and OrderCardSkeleton components for better loading states and visual consistency. - Improved AddressForm and ServiceConfigurationStep components for better state management and user experience. - Streamlined CSS styles in globals.css and responsive.css for better maintainability and clarity.
2025-10-29 15:54:45 +09:00
--success-foreground: oklch(0.15 0 0);
Update dashboard components and styles for improved functionality and consistency - Refactored DashboardView to integrate new TaskList, QuickStats, and ActivityFeed components for enhanced task management and user engagement. - Updated global styles in tokens.css to standardize color usage and improve accessibility across the application. - Adjusted color tokens for better visual coherence, including updates to brand and semantic colors. - Enhanced loading states and skeleton screens for a smoother user experience during data fetching.
2025-12-16 17:10:14 +09:00
--success-bg: oklch(0.24 0.04 145);
--success-border: oklch(0.38 0.08 150);
Refactor rate limiting configuration and enhance UI components for improved performance - Updated rate limiting TTL values in env.validation.ts and throttler.config.ts to reduce response times and improve request handling. - Adjusted throttle settings in AuthController, CatalogController, and OrdersController to align with new rate limits, enhancing overall API responsiveness. - Refactored OrderCard and OrderCardSkeleton components for better loading states and visual consistency. - Improved AddressForm and ServiceConfigurationStep components for better state management and user experience. - Streamlined CSS styles in globals.css and responsive.css for better maintainability and clarity.
2025-10-29 15:54:45 +09:00
Update dashboard components and styles for improved functionality and consistency - Refactored DashboardView to integrate new TaskList, QuickStats, and ActivityFeed components for enhanced task management and user engagement. - Updated global styles in tokens.css to standardize color usage and improve accessibility across the application. - Adjusted color tokens for better visual coherence, including updates to brand and semantic colors. - Enhanced loading states and skeleton screens for a smoother user experience during data fetching.
2025-12-16 17:10:14 +09:00
--info: oklch(0.72 0.1 234.4);
--info-foreground: oklch(0.15 0 0);
--info-bg: oklch(0.24 0.04 234.4);
--info-border: oklch(0.38 0.07 234.4);
--warning: oklch(0.78 0.12 55);
Refactor rate limiting configuration and enhance UI components for improved performance - Updated rate limiting TTL values in env.validation.ts and throttler.config.ts to reduce response times and improve request handling. - Adjusted throttle settings in AuthController, CatalogController, and OrdersController to align with new rate limits, enhancing overall API responsiveness. - Refactored OrderCard and OrderCardSkeleton components for better loading states and visual consistency. - Improved AddressForm and ServiceConfigurationStep components for better state management and user experience. - Streamlined CSS styles in globals.css and responsive.css for better maintainability and clarity.
2025-10-29 15:54:45 +09:00
--warning-foreground: oklch(0.15 0 0);
Update dashboard components and styles for improved functionality and consistency - Refactored DashboardView to integrate new TaskList, QuickStats, and ActivityFeed components for enhanced task management and user engagement. - Updated global styles in tokens.css to standardize color usage and improve accessibility across the application. - Adjusted color tokens for better visual coherence, including updates to brand and semantic colors. - Enhanced loading states and skeleton screens for a smoother user experience during data fetching.
2025-12-16 17:10:14 +09:00
--warning-bg: oklch(0.26 0.04 90);
--warning-border: oklch(0.42 0.1 90);
Refactor rate limiting configuration and enhance UI components for improved performance - Updated rate limiting TTL values in env.validation.ts and throttler.config.ts to reduce response times and improve request handling. - Adjusted throttle settings in AuthController, CatalogController, and OrdersController to align with new rate limits, enhancing overall API responsiveness. - Refactored OrderCard and OrderCardSkeleton components for better loading states and visual consistency. - Improved AddressForm and ServiceConfigurationStep components for better state management and user experience. - Streamlined CSS styles in globals.css and responsive.css for better maintainability and clarity.
2025-10-29 15:54:45 +09:00
Refactor global styles and component tokens for improved consistency and clarity - Updated globals.css to streamline design tokens and enhance semantic color usage across the application. - Refined error and loading components to utilize new color tokens for better visual coherence. - Adjusted various components, including AppShell, Header, and Sidebar, to align with updated design tokens and improve styling consistency. - Enhanced utility classes in utilities.css to reflect the consolidated color system and improve component styling. - Improved documentation in tokens.css to clarify the purpose and structure of design tokens.
2025-12-16 17:43:02 +09:00
--danger: oklch(0.72 0.14 12);
--danger-foreground: oklch(0.15 0 0);
--danger-bg: oklch(0.24 0.03 10);
--danger-border: oklch(0.38 0.08 10);
Update dashboard components and styles for improved functionality and consistency - Refactored DashboardView to integrate new TaskList, QuickStats, and ActivityFeed components for enhanced task management and user engagement. - Updated global styles in tokens.css to standardize color usage and improve accessibility across the application. - Adjusted color tokens for better visual coherence, including updates to brand and semantic colors. - Enhanced loading states and skeleton screens for a smoother user experience during data fetching.
2025-12-16 17:10:14 +09:00
--neutral: oklch(0.7 0.03 272.34);
--neutral-foreground: oklch(0.15 0 0);
--neutral-bg: oklch(0.24 0.02 272.34);
--neutral-border: oklch(0.38 0.03 272.34);
feat: Enhance Public VPN Plans view with marketing content and new components - Added detailed service highlights, how it works steps, and FAQs to the Public VPN Plans view. - Introduced new components: CtaButton, FeaturedServiceCard, ProcessStep, ServiceCard, ServiceShowcaseCard, TrustBadge, TrustIndicators, HowItWorks, ServiceCTA, and ServiceFAQ for improved layout and functionality. - Implemented a new design for the landing page with enhanced visuals and user engagement elements. - Updated the VPN plans section to include a more informative and visually appealing layout.
2026-01-13 18:19:58 +09:00
--border: oklch(0.32 0.02 234.4);
--input: oklch(0.35 0.02 234.4);
--ring: oklch(0.75 0.12 234.4 / 0.5);
Update dashboard components and styles for improved functionality and consistency - Refactored DashboardView to integrate new TaskList, QuickStats, and ActivityFeed components for enhanced task management and user engagement. - Updated global styles in tokens.css to standardize color usage and improve accessibility across the application. - Adjusted color tokens for better visual coherence, including updates to brand and semantic colors. - Enhanced loading states and skeleton screens for a smoother user experience during data fetching.
2025-12-16 17:10:14 +09:00
feat: Enhance Public VPN Plans view with marketing content and new components - Added detailed service highlights, how it works steps, and FAQs to the Public VPN Plans view. - Introduced new components: CtaButton, FeaturedServiceCard, ProcessStep, ServiceCard, ServiceShowcaseCard, TrustBadge, TrustIndicators, HowItWorks, ServiceCTA, and ServiceFAQ for improved layout and functionality. - Implemented a new design for the landing page with enhanced visuals and user engagement elements. - Updated the VPN plans section to include a more informative and visually appealing layout.
2026-01-13 18:19:58 +09:00
/* Sidebar - Purple/indigo theme for dark mode */
--sidebar: oklch(0.2 0.08 272.34);
--sidebar-border: oklch(0.28 0.08 272.34);
Refactor global styles and component tokens for improved consistency and clarity - Updated globals.css to streamline design tokens and enhance semantic color usage across the application. - Refined error and loading components to utilize new color tokens for better visual coherence. - Adjusted various components, including AppShell, Header, and Sidebar, to align with updated design tokens and improve styling consistency. - Enhanced utility classes in utilities.css to reflect the consolidated color system and improve component styling. - Improved documentation in tokens.css to clarify the purpose and structure of design tokens.
2025-12-16 17:43:02 +09:00
feat: Enhance Public VPN Plans view with marketing content and new components - Added detailed service highlights, how it works steps, and FAQs to the Public VPN Plans view. - Introduced new components: CtaButton, FeaturedServiceCard, ProcessStep, ServiceCard, ServiceShowcaseCard, TrustBadge, TrustIndicators, HowItWorks, ServiceCTA, and ServiceFAQ for improved layout and functionality. - Implemented a new design for the landing page with enhanced visuals and user engagement elements. - Updated the VPN plans section to include a more informative and visually appealing layout.
2026-01-13 18:19:58 +09:00
--header: oklch(0.15 0.015 234.4 / 0.95);
Refactor global styles and component tokens for improved consistency and clarity - Updated globals.css to streamline design tokens and enhance semantic color usage across the application. - Refined error and loading components to utilize new color tokens for better visual coherence. - Adjusted various components, including AppShell, Header, and Sidebar, to align with updated design tokens and improve styling consistency. - Enhanced utility classes in utilities.css to reflect the consolidated color system and improve component styling. - Improved documentation in tokens.css to clarify the purpose and structure of design tokens.
2025-12-16 17:43:02 +09:00
--header-foreground: var(--foreground);
--chart-3: oklch(0.82 0.14 85);
feat: add VPN services and call history management features - Implemented VpnServicesService for managing VPN plans and activation fees. - Created SimCallHistoryFormatterService for formatting call history data. - Developed SimCallHistoryParserService to parse call history CSV files. - Added AnimatedContainer and AnimatedBackground components for UI animations. - Introduced BentoServiceCard, FloatingGlassCard, GlowButton, and ValuePropCard components for landing page. - Implemented useCountUp hook for animated number counting. - Added cancellation months utility functions for subscription management.
2026-01-13 16:19:39 +09:00
/* Glass for dark mode */
feat: Enhance Public VPN Plans view with marketing content and new components - Added detailed service highlights, how it works steps, and FAQs to the Public VPN Plans view. - Introduced new components: CtaButton, FeaturedServiceCard, ProcessStep, ServiceCard, ServiceShowcaseCard, TrustBadge, TrustIndicators, HowItWorks, ServiceCTA, and ServiceFAQ for improved layout and functionality. - Implemented a new design for the landing page with enhanced visuals and user engagement elements. - Updated the VPN plans section to include a more informative and visually appealing layout.
2026-01-13 18:19:58 +09:00
--glass-bg: oklch(0.15 0.02 234.4 / 0.6);
--glass-bg-strong: oklch(0.18 0.02 234.4 / 0.8);
feat: add VPN services and call history management features - Implemented VpnServicesService for managing VPN plans and activation fees. - Created SimCallHistoryFormatterService for formatting call history data. - Developed SimCallHistoryParserService to parse call history CSV files. - Added AnimatedContainer and AnimatedBackground components for UI animations. - Introduced BentoServiceCard, FloatingGlassCard, GlowButton, and ValuePropCard components for landing page. - Implemented useCountUp hook for animated number counting. - Added cancellation months utility functions for subscription management.
2026-01-13 16:19:39 +09:00
--glass-border: oklch(1 0 0 / 0.1);
/* Gradients adjusted for dark */
feat: Enhance Public VPN Plans view with marketing content and new components - Added detailed service highlights, how it works steps, and FAQs to the Public VPN Plans view. - Introduced new components: CtaButton, FeaturedServiceCard, ProcessStep, ServiceCard, ServiceShowcaseCard, TrustBadge, TrustIndicators, HowItWorks, ServiceCTA, and ServiceFAQ for improved layout and functionality. - Implemented a new design for the landing page with enhanced visuals and user engagement elements. - Updated the VPN plans section to include a more informative and visually appealing layout.
2026-01-13 18:19:58 +09:00
--gradient-subtle: linear-gradient(
180deg,
oklch(0.15 0.02 234.4) 0%,
oklch(0.13 0.025 234.4) 100%
);
feat: add VPN services and call history management features - Implemented VpnServicesService for managing VPN plans and activation fees. - Created SimCallHistoryFormatterService for formatting call history data. - Developed SimCallHistoryParserService to parse call history CSV files. - Added AnimatedContainer and AnimatedBackground components for UI animations. - Introduced BentoServiceCard, FloatingGlassCard, GlowButton, and ValuePropCard components for landing page. - Implemented useCountUp hook for animated number counting. - Added cancellation months utility functions for subscription management.
2026-01-13 16:19:39 +09:00
/* Shadows for dark mode */
--shadow-primary-sm: 0 2px 8px -2px oklch(0 0 0 / 0.4);
--shadow-primary-md: 0 4px 16px -4px oklch(0 0 0 / 0.5);
--shadow-primary-lg: 0 8px 32px -8px oklch(0 0 0 / 0.6);
Refactor code formatting and improve documentation clarity - Adjusted YAML and JSON files for consistent formatting, including healthcheck commands and package exports. - Enhanced readability in various TypeScript files by standardizing string quotes and improving line breaks. - Updated documentation across multiple files to improve clarity and consistency, including address system and logging levels. - Removed unnecessary package-lock.json from shared package directory to streamline dependencies.
2025-09-09 18:19:54 +09:00
}
Refactor global styles and component tokens for improved consistency and clarity - Updated globals.css to streamline design tokens and enhance semantic color usage across the application. - Refined error and loading components to utilize new color tokens for better visual coherence. - Adjusted various components, including AppShell, Header, and Sidebar, to align with updated design tokens and improve styling consistency. - Enhanced utility classes in utilities.css to reflect the consolidated color system and improve component styling. - Improved documentation in tokens.css to clarify the purpose and structure of design tokens.
2025-12-16 17:43:02 +09:00
/* =============================================================================
TAILWIND THEME - Maps CSS vars to utility classes (bg-*, text-*, border-*)
============================================================================= */
Refactor code formatting and improve documentation clarity - Adjusted YAML and JSON files for consistent formatting, including healthcheck commands and package exports. - Enhanced readability in various TypeScript files by standardizing string quotes and improving line breaks. - Updated documentation across multiple files to improve clarity and consistency, including address system and logging levels. - Removed unnecessary package-lock.json from shared package directory to streamline dependencies.
2025-09-09 18:19:54 +09:00
@theme {
feat: add VPN services and call history management features - Implemented VpnServicesService for managing VPN plans and activation fees. - Created SimCallHistoryFormatterService for formatting call history data. - Developed SimCallHistoryParserService to parse call history CSV files. - Added AnimatedContainer and AnimatedBackground components for UI animations. - Introduced BentoServiceCard, FloatingGlassCard, GlowButton, and ValuePropCard components for landing page. - Implemented useCountUp hook for animated number counting. - Added cancellation months utility functions for subscription management.
2026-01-13 16:19:39 +09:00
/* Font Families */
--font-family-sans: var(--font-sans);
--font-family-display: var(--font-display);
/* Colors */
Refactor code formatting and improve documentation clarity - Adjusted YAML and JSON files for consistent formatting, including healthcheck commands and package exports. - Enhanced readability in various TypeScript files by standardizing string quotes and improving line breaks. - Updated documentation across multiple files to improve clarity and consistency, including address system and logging levels. - Removed unnecessary package-lock.json from shared package directory to streamline dependencies.
2025-09-09 18:19:54 +09:00
--color-background: var(--background);
--color-foreground: var(--foreground);
--color-card: var(--card);
--color-card-foreground: var(--card-foreground);
--color-popover: var(--popover);
--color-popover-foreground: var(--popover-foreground);
Refactor global styles and component tokens for improved consistency and clarity - Updated globals.css to streamline design tokens and enhance semantic color usage across the application. - Refined error and loading components to utilize new color tokens for better visual coherence. - Adjusted various components, including AppShell, Header, and Sidebar, to align with updated design tokens and improve styling consistency. - Enhanced utility classes in utilities.css to reflect the consolidated color system and improve component styling. - Improved documentation in tokens.css to clarify the purpose and structure of design tokens.
2025-12-16 17:43:02 +09:00
--color-muted: var(--muted);
--color-muted-foreground: var(--muted-foreground);
Refactor rate limiting configuration and enhance UI components for improved performance - Updated rate limiting TTL values in env.validation.ts and throttler.config.ts to reduce response times and improve request handling. - Adjusted throttle settings in AuthController, CatalogController, and OrdersController to align with new rate limits, enhancing overall API responsiveness. - Refactored OrderCard and OrderCardSkeleton components for better loading states and visual consistency. - Improved AddressForm and ServiceConfigurationStep components for better state management and user experience. - Streamlined CSS styles in globals.css and responsive.css for better maintainability and clarity.
2025-10-29 15:54:45 +09:00
Refactor code formatting and improve documentation clarity - Adjusted YAML and JSON files for consistent formatting, including healthcheck commands and package exports. - Enhanced readability in various TypeScript files by standardizing string quotes and improving line breaks. - Updated documentation across multiple files to improve clarity and consistency, including address system and logging levels. - Removed unnecessary package-lock.json from shared package directory to streamline dependencies.
2025-09-09 18:19:54 +09:00
--color-primary: var(--primary);
feat: add VPN services and call history management features - Implemented VpnServicesService for managing VPN plans and activation fees. - Created SimCallHistoryFormatterService for formatting call history data. - Developed SimCallHistoryParserService to parse call history CSV files. - Added AnimatedContainer and AnimatedBackground components for UI animations. - Introduced BentoServiceCard, FloatingGlassCard, GlowButton, and ValuePropCard components for landing page. - Implemented useCountUp hook for animated number counting. - Added cancellation months utility functions for subscription management.
2026-01-13 16:19:39 +09:00
--color-primary-hover: var(--primary-hover);
--color-primary-soft: var(--primary-soft);
Refactor code formatting and improve documentation clarity - Adjusted YAML and JSON files for consistent formatting, including healthcheck commands and package exports. - Enhanced readability in various TypeScript files by standardizing string quotes and improving line breaks. - Updated documentation across multiple files to improve clarity and consistency, including address system and logging levels. - Removed unnecessary package-lock.json from shared package directory to streamline dependencies.
2025-09-09 18:19:54 +09:00
--color-primary-foreground: var(--primary-foreground);
--color-secondary: var(--secondary);
--color-secondary-foreground: var(--secondary-foreground);
--color-accent: var(--accent);
--color-accent-foreground: var(--accent-foreground);
feat: add VPN services and call history management features - Implemented VpnServicesService for managing VPN plans and activation fees. - Created SimCallHistoryFormatterService for formatting call history data. - Developed SimCallHistoryParserService to parse call history CSV files. - Added AnimatedContainer and AnimatedBackground components for UI animations. - Introduced BentoServiceCard, FloatingGlassCard, GlowButton, and ValuePropCard components for landing page. - Implemented useCountUp hook for animated number counting. - Added cancellation months utility functions for subscription management.
2026-01-13 16:19:39 +09:00
--color-accent-gradient: var(--accent-gradient);
Refactor rate limiting configuration and enhance UI components for improved performance - Updated rate limiting TTL values in env.validation.ts and throttler.config.ts to reduce response times and improve request handling. - Adjusted throttle settings in AuthController, CatalogController, and OrdersController to align with new rate limits, enhancing overall API responsiveness. - Refactored OrderCard and OrderCardSkeleton components for better loading states and visual consistency. - Improved AddressForm and ServiceConfigurationStep components for better state management and user experience. - Streamlined CSS styles in globals.css and responsive.css for better maintainability and clarity.
2025-10-29 15:54:45 +09:00
--color-success: var(--success);
--color-success-foreground: var(--success-foreground);
Update dashboard components and styles for improved functionality and consistency - Refactored DashboardView to integrate new TaskList, QuickStats, and ActivityFeed components for enhanced task management and user engagement. - Updated global styles in tokens.css to standardize color usage and improve accessibility across the application. - Adjusted color tokens for better visual coherence, including updates to brand and semantic colors. - Enhanced loading states and skeleton screens for a smoother user experience during data fetching.
2025-12-16 17:10:14 +09:00
--color-success-bg: var(--success-bg);
--color-success-border: var(--success-border);
Refactor rate limiting configuration and enhance UI components for improved performance - Updated rate limiting TTL values in env.validation.ts and throttler.config.ts to reduce response times and improve request handling. - Adjusted throttle settings in AuthController, CatalogController, and OrdersController to align with new rate limits, enhancing overall API responsiveness. - Refactored OrderCard and OrderCardSkeleton components for better loading states and visual consistency. - Improved AddressForm and ServiceConfigurationStep components for better state management and user experience. - Streamlined CSS styles in globals.css and responsive.css for better maintainability and clarity.
2025-10-29 15:54:45 +09:00
Update dashboard components and styles for improved functionality and consistency - Refactored DashboardView to integrate new TaskList, QuickStats, and ActivityFeed components for enhanced task management and user engagement. - Updated global styles in tokens.css to standardize color usage and improve accessibility across the application. - Adjusted color tokens for better visual coherence, including updates to brand and semantic colors. - Enhanced loading states and skeleton screens for a smoother user experience during data fetching.
2025-12-16 17:10:14 +09:00
--color-info: var(--info);
--color-info-foreground: var(--info-foreground);
--color-info-bg: var(--info-bg);
--color-info-border: var(--info-border);
Refactor rate limiting configuration and enhance UI components for improved performance - Updated rate limiting TTL values in env.validation.ts and throttler.config.ts to reduce response times and improve request handling. - Adjusted throttle settings in AuthController, CatalogController, and OrdersController to align with new rate limits, enhancing overall API responsiveness. - Refactored OrderCard and OrderCardSkeleton components for better loading states and visual consistency. - Improved AddressForm and ServiceConfigurationStep components for better state management and user experience. - Streamlined CSS styles in globals.css and responsive.css for better maintainability and clarity.
2025-10-29 15:54:45 +09:00
--color-warning: var(--warning);
--color-warning-foreground: var(--warning-foreground);
Update dashboard components and styles for improved functionality and consistency - Refactored DashboardView to integrate new TaskList, QuickStats, and ActivityFeed components for enhanced task management and user engagement. - Updated global styles in tokens.css to standardize color usage and improve accessibility across the application. - Adjusted color tokens for better visual coherence, including updates to brand and semantic colors. - Enhanced loading states and skeleton screens for a smoother user experience during data fetching.
2025-12-16 17:10:14 +09:00
--color-warning-bg: var(--warning-bg);
--color-warning-border: var(--warning-border);
Refactor global styles and component tokens for improved consistency and clarity - Updated globals.css to streamline design tokens and enhance semantic color usage across the application. - Refined error and loading components to utilize new color tokens for better visual coherence. - Adjusted various components, including AppShell, Header, and Sidebar, to align with updated design tokens and improve styling consistency. - Enhanced utility classes in utilities.css to reflect the consolidated color system and improve component styling. - Improved documentation in tokens.css to clarify the purpose and structure of design tokens.
2025-12-16 17:43:02 +09:00
--color-danger: var(--danger);
--color-danger-foreground: var(--danger-foreground);
--color-danger-bg: var(--danger-bg);
--color-danger-border: var(--danger-border);
Update dashboard components and styles for improved functionality and consistency - Refactored DashboardView to integrate new TaskList, QuickStats, and ActivityFeed components for enhanced task management and user engagement. - Updated global styles in tokens.css to standardize color usage and improve accessibility across the application. - Adjusted color tokens for better visual coherence, including updates to brand and semantic colors. - Enhanced loading states and skeleton screens for a smoother user experience during data fetching.
2025-12-16 17:10:14 +09:00
--color-neutral: var(--neutral);
--color-neutral-foreground: var(--neutral-foreground);
--color-neutral-bg: var(--neutral-bg);
--color-neutral-border: var(--neutral-border);
Refactor global styles and component tokens for improved consistency and clarity - Updated globals.css to streamline design tokens and enhance semantic color usage across the application. - Refined error and loading components to utilize new color tokens for better visual coherence. - Adjusted various components, including AppShell, Header, and Sidebar, to align with updated design tokens and improve styling consistency. - Enhanced utility classes in utilities.css to reflect the consolidated color system and improve component styling. - Improved documentation in tokens.css to clarify the purpose and structure of design tokens.
2025-12-16 17:43:02 +09:00
/* Soft variants (alias to -bg, for badge backgrounds) */
--color-success-soft: var(--success-bg);
--color-info-soft: var(--info-bg);
--color-warning-soft: var(--warning-bg);
--color-danger-soft: var(--danger-bg);
--color-neutral-soft: var(--neutral-bg);
Update dashboard components and styles for improved functionality and consistency - Refactored DashboardView to integrate new TaskList, QuickStats, and ActivityFeed components for enhanced task management and user engagement. - Updated global styles in tokens.css to standardize color usage and improve accessibility across the application. - Adjusted color tokens for better visual coherence, including updates to brand and semantic colors. - Enhanced loading states and skeleton screens for a smoother user experience during data fetching.
2025-12-16 17:10:14 +09:00
Refactor code formatting and improve documentation clarity - Adjusted YAML and JSON files for consistent formatting, including healthcheck commands and package exports. - Enhanced readability in various TypeScript files by standardizing string quotes and improving line breaks. - Updated documentation across multiple files to improve clarity and consistency, including address system and logging levels. - Removed unnecessary package-lock.json from shared package directory to streamline dependencies.
2025-09-09 18:19:54 +09:00
--color-border: var(--border);
--color-input: var(--input);
--color-ring: var(--ring);
--color-sidebar: var(--sidebar);
--color-sidebar-foreground: var(--sidebar-foreground);
--color-sidebar-border: var(--sidebar-border);
feat: add VPN services and call history management features - Implemented VpnServicesService for managing VPN plans and activation fees. - Created SimCallHistoryFormatterService for formatting call history data. - Developed SimCallHistoryParserService to parse call history CSV files. - Added AnimatedContainer and AnimatedBackground components for UI animations. - Introduced BentoServiceCard, FloatingGlassCard, GlowButton, and ValuePropCard components for landing page. - Implemented useCountUp hook for animated number counting. - Added cancellation months utility functions for subscription management.
2026-01-13 16:19:39 +09:00
--color-sidebar-active: var(--sidebar-active);
Initial Customer Portal setup - production ready
2025-08-20 18:02:50 +09:00
Refactor global styles and component tokens for improved consistency and clarity - Updated globals.css to streamline design tokens and enhance semantic color usage across the application. - Refined error and loading components to utilize new color tokens for better visual coherence. - Adjusted various components, including AppShell, Header, and Sidebar, to align with updated design tokens and improve styling consistency. - Enhanced utility classes in utilities.css to reflect the consolidated color system and improve component styling. - Improved documentation in tokens.css to clarify the purpose and structure of design tokens.
2025-12-16 17:43:02 +09:00
--color-header: var(--header);
--color-header-foreground: var(--header-foreground);
--color-header-border: var(--header-border);
Enhance SIM management features and improve UI responsiveness - Introduced SimVoiceOptions model to manage voice-related settings for accounts. - Added debug methods in SimDetailsService and SimOrchestratorService to fetch SIM details directly from Freebit, bypassing subscription validation for troubleshooting. - Updated SimManagementSection and SubscriptionDetail components for improved UI with backdrop blur effects and enhanced layout. - Integrated AuroraBackground component for a visually appealing background in SubscriptionDetail, enhancing user experience.
2025-11-22 18:11:43 +09:00
Refactor global styles and component tokens for improved consistency and clarity - Updated globals.css to streamline design tokens and enhance semantic color usage across the application. - Refined error and loading components to utilize new color tokens for better visual coherence. - Adjusted various components, including AppShell, Header, and Sidebar, to align with updated design tokens and improve styling consistency. - Enhanced utility classes in utilities.css to reflect the consolidated color system and improve component styling. - Improved documentation in tokens.css to clarify the purpose and structure of design tokens.
2025-12-16 17:43:02 +09:00
--color-chart-1: var(--chart-1);
--color-chart-2: var(--chart-2);
--color-chart-3: var(--chart-3);
--color-chart-4: var(--chart-4);
--color-chart-5: var(--chart-5);
feat: add VPN services and call history management features - Implemented VpnServicesService for managing VPN plans and activation fees. - Created SimCallHistoryFormatterService for formatting call history data. - Developed SimCallHistoryParserService to parse call history CSV files. - Added AnimatedContainer and AnimatedBackground components for UI animations. - Introduced BentoServiceCard, FloatingGlassCard, GlowButton, and ValuePropCard components for landing page. - Implemented useCountUp hook for animated number counting. - Added cancellation months utility functions for subscription management.
2026-01-13 16:19:39 +09:00
feat: Enhance Public VPN Plans view with marketing content and new components - Added detailed service highlights, how it works steps, and FAQs to the Public VPN Plans view. - Introduced new components: CtaButton, FeaturedServiceCard, ProcessStep, ServiceCard, ServiceShowcaseCard, TrustBadge, TrustIndicators, HowItWorks, ServiceCTA, and ServiceFAQ for improved layout and functionality. - Implemented a new design for the landing page with enhanced visuals and user engagement elements. - Updated the VPN plans section to include a more informative and visually appealing layout.
2026-01-13 18:19:58 +09:00
/* CTA/Amber tokens */
--color-cta: var(--cta);
--color-cta-hover: var(--cta-hover);
--color-cta-foreground: var(--cta-foreground);
--color-cta-soft: var(--cta-soft);
/* Navy tokens */
--color-navy: var(--navy);
--color-navy-foreground: var(--navy-foreground);
feat: add VPN services and call history management features - Implemented VpnServicesService for managing VPN plans and activation fees. - Created SimCallHistoryFormatterService for formatting call history data. - Developed SimCallHistoryParserService to parse call history CSV files. - Added AnimatedContainer and AnimatedBackground components for UI animations. - Introduced BentoServiceCard, FloatingGlassCard, GlowButton, and ValuePropCard components for landing page. - Implemented useCountUp hook for animated number counting. - Added cancellation months utility functions for subscription management.
2026-01-13 16:19:39 +09:00
/* Glass tokens */
--color-glass-bg: var(--glass-bg);
--color-glass-border: var(--glass-border);
Enhance SIM management features and improve UI responsiveness - Introduced SimVoiceOptions model to manage voice-related settings for accounts. - Added debug methods in SimDetailsService and SimOrchestratorService to fetch SIM details directly from Freebit, bypassing subscription validation for troubleshooting. - Updated SimManagementSection and SubscriptionDetail components for improved UI with backdrop blur effects and enhanced layout. - Integrated AuroraBackground component for a visually appealing background in SubscriptionDetail, enhancing user experience.
2025-11-22 18:11:43 +09:00
}
@layer base {
* {
@apply border-border outline-ring/50;
}
body {
@apply bg-background text-foreground;
feat: add VPN services and call history management features - Implemented VpnServicesService for managing VPN plans and activation fees. - Created SimCallHistoryFormatterService for formatting call history data. - Developed SimCallHistoryParserService to parse call history CSV files. - Added AnimatedContainer and AnimatedBackground components for UI animations. - Introduced BentoServiceCard, FloatingGlassCard, GlowButton, and ValuePropCard components for landing page. - Implemented useCountUp hook for animated number counting. - Added cancellation months utility functions for subscription management.
2026-01-13 16:19:39 +09:00
font-family: var(--font-sans);
Enhance SIM management features and improve UI responsiveness - Introduced SimVoiceOptions model to manage voice-related settings for accounts. - Added debug methods in SimDetailsService and SimOrchestratorService to fetch SIM details directly from Freebit, bypassing subscription validation for troubleshooting. - Updated SimManagementSection and SubscriptionDetail components for improved UI with backdrop blur effects and enhanced layout. - Integrated AuroraBackground component for a visually appealing background in SubscriptionDetail, enhancing user experience.
2025-11-22 18:11:43 +09:00
}
Refactor UI components for improved styling and consistency - Updated global styles to enhance color usage and contrast across the application. - Refined input components for better accessibility and visual feedback. - Enhanced layout components with consistent padding and margins for a cleaner look. - Improved card and button styles to align with the new design tokens. - Standardized text colors and hover effects for better user interaction.
2025-12-16 16:08:17 +09:00
}
Reference in New Issue Copy Permalink