81 lines
5.6 KiB
C#
81 lines
5.6 KiB
C#
// <auto-generated>
|
|
// EN: This file is auto-generated by the Style Dictionary pipeline.
|
|
// Do NOT edit manually. Update tokens/*.json and re-run the build.
|
|
// VI: File này được tạo tự động bởi Style Dictionary pipeline.
|
|
// KHÔNG chỉnh sửa thủ công. Cập nhật tokens/*.json và build lại.
|
|
// </auto-generated>
|
|
|
|
namespace GoodGo.BlazorUi.DesignTokens;
|
|
|
|
/// <summary>
|
|
/// EN: Auto-generated design token constants. Maps 1:1 with CSS custom properties.
|
|
/// VI: Hằng số design token tự động. Ánh xạ 1:1 với CSS custom properties.
|
|
/// </summary>
|
|
public static class DesignTokens
|
|
{
|
|
public const string BorderRadiusBase = "6px"; // Default border radius
|
|
public const string BorderRadiusLg = "10px"; // Large border radius
|
|
public const string BorderRadiusXl = "14px"; // XL border radius
|
|
public const string BorderRadius2xl = "20px"; // 2XL border radius
|
|
public const string ColorPrimitiveNeutral0 = "#ffffff"; // Pure white
|
|
public const string ColorPrimitiveNeutral50 = "#fafafa"; // Near white
|
|
public const string ColorPrimitiveNeutral100 = "#ADADB0"; // Light gray
|
|
public const string ColorPrimitiveNeutral200 = "#8B8B90"; // Medium gray
|
|
public const string ColorPrimitiveNeutral300 = "#6B6B70"; // Muted gray
|
|
public const string ColorPrimitiveNeutral400 = "#3A3A3E"; // Dark gray
|
|
public const string ColorPrimitiveNeutral500 = "#2A2A2E"; // Darker gray
|
|
public const string ColorPrimitiveNeutral600 = "#1F1F23"; // Surface border
|
|
public const string ColorPrimitiveNeutral700 = "#1A1A1D"; // Elevated surface
|
|
public const string ColorPrimitiveNeutral800 = "#111113"; // Base surface
|
|
public const string ColorPrimitiveNeutral900 = "#0A0A0B"; // Page background
|
|
public const string ColorPrimitiveNeutral950 = "#050506"; // Near black
|
|
public const string ColorPrimitiveAccent400 = "#FF8A4C"; // Orange light
|
|
public const string ColorPrimitiveAccent500 = "#FF5C00"; // Orange primary
|
|
public const string ColorPrimitiveAccent600 = "#E05200"; // Orange dark
|
|
public const string ColorPrimitiveSuccess500 = "#22C55E"; // Success green
|
|
public const string ColorPrimitiveWhite = "#ffffff";
|
|
public const string ColorPrimitiveBlack = "#000000";
|
|
public const string ColorPrimitiveOverlay = "rgba(0, 0, 0, 0.6)";
|
|
public const string ColorSemanticBgPage = "#0A0A0B"; // Page background
|
|
public const string ColorSemanticBgSurface = "#111113"; // Card / panel surface
|
|
public const string ColorSemanticBgElevated = "#1A1A1D"; // Elevated elements
|
|
public const string ColorSemanticBgInteractive = "#2A2A2E"; // Interactive backgrounds
|
|
public const string ColorSemanticBgSurfaceHover = "#1F1F23"; // Hover state
|
|
public const string ColorSemanticBgOverlay = "rgba(10, 10, 11, 0.9)"; // Modal overlay
|
|
public const string ColorSemanticTextPrimary = "#ffffff"; // Primary text
|
|
public const string ColorSemanticTextSecondary = "#ADADB0"; // Secondary text
|
|
public const string ColorSemanticTextTertiary = "#8B8B90"; // Tertiary / helper text
|
|
public const string ColorSemanticTextDisabled = "#6B6B70"; // Disabled text
|
|
public const string ColorSemanticTextMuted = "rgba(255, 255, 255, 0.8)"; // Muted white text
|
|
public const string ColorSemanticTextInverse = "#0A0A0B"; // Inverse (dark on light)
|
|
public const string ColorSemanticAccentPrimary = "#FF5C00"; // Brand orange
|
|
public const string ColorSemanticAccentLight = "#FF8A4C"; // Light orange
|
|
public const string ColorSemanticAccentGlow = "rgba(255, 92, 0, 0.15)"; // Subtle glow
|
|
public const string ColorSemanticAccentGlowStrong = "rgba(255, 92, 0, 0.3)"; // Strong glow
|
|
public const string ColorSemanticBorderSubtle = "#1F1F23"; // Subtle divider
|
|
public const string ColorSemanticBorderDefault = "#2A2A2E"; // Default border
|
|
public const string ColorSemanticBorderStrong = "#3A3A3E"; // Strong border
|
|
public const string ColorSemanticActionPrimaryBg = "#FF5C00"; // CTA button bg
|
|
public const string ColorSemanticActionPrimaryBgHover = "#E05200"; // CTA button hover
|
|
public const string ColorSemanticActionPrimaryText = "#ffffff"; // CTA button text
|
|
public const string ColorSemanticActionSecondaryBg = "transparent"; // Ghost button bg
|
|
public const string ColorSemanticActionSecondaryBgHover = "rgba(255, 255, 255, 0.05)"; // Ghost button hover
|
|
public const string ColorSemanticActionSecondaryText = "#ffffff"; // Ghost button text
|
|
public const string ColorSemanticActionSecondaryBorder = "#2A2A2E"; // Ghost button border
|
|
public const string ColorSemanticStatusSuccess = "#22C55E"; // Success state
|
|
public const string Spacing1 = "0.25rem"; // 4px
|
|
public const string Spacing2 = "0.5rem"; // 8px
|
|
public const string Spacing3 = "0.75rem"; // 12px
|
|
public const string Spacing4 = "1rem"; // 16px
|
|
public const string Spacing5 = "1.25rem"; // 20px
|
|
public const string Spacing6 = "1.5rem"; // 24px
|
|
public const string Spacing8 = "2rem"; // 32px
|
|
public const string Spacing10 = "2.5rem"; // 40px
|
|
public const string Spacing12 = "3rem"; // 48px
|
|
public const string Spacing16 = "4rem"; // 64px
|
|
public const string Spacing20 = "5rem"; // 80px
|
|
public const string Spacing24 = "6rem"; // 96px
|
|
public const string FontFamilyHeading = "'Roboto', system-ui, sans-serif"; // Heading / display font
|
|
public const string FontFamilyBody = "'Roboto', system-ui, sans-serif"; // Body text font
|
|
}
|