Function useKoreanTheme

Returns {
    accessibility: AccessibilityConfig;
    applyKoreanTheme: (baseStyle: CSSProperties) => CSSProperties;
    buttonSize: SizeDimensions;
    buttonVariant: ButtonVariantConfig;
    calculateResponsiveSize: (baseSize: number) => number;
    colors: {
        ACCENT_BLUE: 3381759;
        ACCENT_CYAN: 59110;
        ACCENT_GOLD: 16761856;
        ACCENT_GREEN: 4521796;
        ACCENT_ORANGE: 16746547;
        ACCENT_PRIMARY: 54527;
        ACCENT_PURPLE: 11158783;
        ACCENT_RED: 16729156;
        ACCENT_YELLOW: 16777011;
        ACTIVE_BORDER: 59110;
        ARENA_BACKGROUND: 1710638;
        BLACK: 0;
        BLACK_SOLID: 0;
        BLOCKED_ATTACK: 9474192;
        BLOODLOSS_INDICATOR: 13369344;
        CONSCIOUSNESS_PURPLE: 9662683;
        CRITICAL_HIT: 16729156;
        HEALTH_CRITICAL: 16711680;
        HEALTH_FULL: 65280;
        HEALTH_LOW: 16737792;
        HEALTH_MEDIUM: 16776960;
        KI_EMPTY: 13158;
        KI_FULL: 65535;
        KI_LOW: 26265;
        KI_MEDIUM: 39372;
        KOREAN_BLACK: 0;
        KOREAN_BLUE: 13432;
        KOREAN_RED: 13111342;
        KOREAN_WHITE: 16777215;
        MUSCLE_EXHAUSTED: 10909782;
        MUSCLE_FLEXED: 15251606;
        MUSCLE_TONE: 13935475;
        NEGATIVE_RED: 16711680;
        NEGATIVE_RED_DARK: 10027008;
        NEGATIVE_RED_LIGHT: 16729156;
        NEON_CYAN: 65535;
        NEON_GREEN: 65280;
        NEON_PINK: 16716947;
        NEON_PURPLE: 16711935;
        NEUTRAL_GRAY: 8421504;
        PAIN_INDICATOR: 16739179;
        PERFECT_STRIKE: 16761856;
        PLAYER_1_COLOR: 52479;
        PLAYER_2_COLOR: 16739125;
        POSITIVE_GREEN: 65280;
        POSITIVE_GREEN_DARK: 26112;
        PRIMARY_BLUE: 26367;
        PRIMARY_BLUE_DARK: 13209;
        PRIMARY_CYAN: 59110;
        PRIMARY_RED: 16729156;
        SECONDARY_BLUE: 3368652;
        SECONDARY_BLUE_DARK: 1131690;
        SECONDARY_BLUE_LIGHT: 5605614;
        SECONDARY_BROWN_DARK: 9127187;
        SECONDARY_MAGENTA: 16724991;
        SECONDARY_ORANGE: 16742195;
        SECONDARY_PURPLE: 11158783;
        SECONDARY_YELLOW: 16777011;
        SKIN_TONE: 16111537;
        STAMINA_EMPTY: 16737792;
        STAMINA_FULL: 16776960;
        STAMINA_LOW: 16750848;
        STAMINA_MEDIUM: 16763904;
        TEXT_ACCENT: 59110;
        TEXT_BRIGHT: 16777215;
        TEXT_ERROR: 16729156;
        TEXT_PRIMARY: 16777215;
        TEXT_SECONDARY: 13421772;
        TEXT_TERTIARY: 11184810;
        TEXT_WARNING: 16759552;
        TRANSPARENT: 0;
        TRIGRAM_GAM_PRIMARY: 2003199;
        TRIGRAM_GAN_PRIMARY: 9127187;
        TRIGRAM_GEON_PRIMARY: 16766720;
        TRIGRAM_GON_PRIMARY: 3100495;
        TRIGRAM_JIN_PRIMARY: 9662683;
        TRIGRAM_LI_PRIMARY: 16729344;
        TRIGRAM_SON_PRIMARY: 3329330;
        TRIGRAM_TAE_PRIMARY: 8900331;
        UI_BACKGROUND_DARK: 657930;
        UI_BACKGROUND_LIGHT: 2763306;
        UI_BACKGROUND_MEDIUM: 1710618;
        UI_BORDER: 5924216;
        UI_BORDER_LIGHT: 6974090;
        UI_DISABLED_BG: 4473924;
        UI_DISABLED_BORDER: 2763326;
        UI_DISABLED_FILL: 4015960;
        UI_DISABLED_TEXT: 7829367;
        UI_GRAY: 9474192;
        UI_STEEL_GRAY: 5924216;
        UI_STEEL_GRAY_DARK: 4015960;
        VITAL_POINT_HIT: 16724991;
        WARNING_ORANGE: 16742195;
        WARNING_YELLOW: 16777011;
        WHITE_SOLID: 16777215;
    };
    fontFamily: {
        CYBER: "\"Orbitron\", \"Noto Sans KR\", monospace";
        KOREAN: "\"Noto Sans KR\", \"Malgun Gothic\", Arial, sans-serif";
        KOREAN_BATTLE: "\"Noto Sans KR\", Impact, sans-serif";
        MONO: "\"Nanum Gothic Coding\", monospace";
        PRIMARY: "\"Noto Sans KR\", \"Malgun Gothic\", Arial, sans-serif";
        SECONDARY: "\"Nanum Gothic\", Arial, sans-serif";
        SYMBOL: "\"Arial Unicode MS\", Arial, sans-serif";
    };
    koreanTypography: KoreanTypographyConfig;
    panelVariant: PanelVariantConfig;
    textSize: TextSizeConfig;
}

• accessibility: AccessibilityConfig

  Accessibility configuration WCAG 2.1 AA compliant focus indicators and touch targets

• applyKoreanTheme: (baseStyle: CSSProperties) => CSSProperties

  Apply Korean theme to base styles

• buttonSize: SizeDimensions

  Get size dimensions for buttons with touch-optimized mobile values Mobile: 48px+ minimum touch targets with 16px+ Korean font

• buttonVariant: ButtonVariantConfig

  Get button variant colors

• calculateResponsiveSize: (baseSize: number) => number

  Calculate responsive size

• colors: {
      ACCENT_BLUE: 3381759;
      ACCENT_CYAN: 59110;
      ACCENT_GOLD: 16761856;
      ACCENT_GREEN: 4521796;
      ACCENT_ORANGE: 16746547;
      ACCENT_PRIMARY: 54527;
      ACCENT_PURPLE: 11158783;
      ACCENT_RED: 16729156;
      ACCENT_YELLOW: 16777011;
      ACTIVE_BORDER: 59110;
      ARENA_BACKGROUND: 1710638;
      BLACK: 0;
      BLACK_SOLID: 0;
      BLOCKED_ATTACK: 9474192;
      BLOODLOSS_INDICATOR: 13369344;
      CONSCIOUSNESS_PURPLE: 9662683;
      CRITICAL_HIT: 16729156;
      HEALTH_CRITICAL: 16711680;
      HEALTH_FULL: 65280;
      HEALTH_LOW: 16737792;
      HEALTH_MEDIUM: 16776960;
      KI_EMPTY: 13158;
      KI_FULL: 65535;
      KI_LOW: 26265;
      KI_MEDIUM: 39372;
      KOREAN_BLACK: 0;
      KOREAN_BLUE: 13432;
      KOREAN_RED: 13111342;
      KOREAN_WHITE: 16777215;
      MUSCLE_EXHAUSTED: 10909782;
      MUSCLE_FLEXED: 15251606;
      MUSCLE_TONE: 13935475;
      NEGATIVE_RED: 16711680;
      NEGATIVE_RED_DARK: 10027008;
      NEGATIVE_RED_LIGHT: 16729156;
      NEON_CYAN: 65535;
      NEON_GREEN: 65280;
      NEON_PINK: 16716947;
      NEON_PURPLE: 16711935;
      NEUTRAL_GRAY: 8421504;
      PAIN_INDICATOR: 16739179;
      PERFECT_STRIKE: 16761856;
      PLAYER_1_COLOR: 52479;
      PLAYER_2_COLOR: 16739125;
      POSITIVE_GREEN: 65280;
      POSITIVE_GREEN_DARK: 26112;
      PRIMARY_BLUE: 26367;
      PRIMARY_BLUE_DARK: 13209;
      PRIMARY_CYAN: 59110;
      PRIMARY_RED: 16729156;
      SECONDARY_BLUE: 3368652;
      SECONDARY_BLUE_DARK: 1131690;
      SECONDARY_BLUE_LIGHT: 5605614;
      SECONDARY_BROWN_DARK: 9127187;
      SECONDARY_MAGENTA: 16724991;
      SECONDARY_ORANGE: 16742195;
      SECONDARY_PURPLE: 11158783;
      SECONDARY_YELLOW: 16777011;
      SKIN_TONE: 16111537;
      STAMINA_EMPTY: 16737792;
      STAMINA_FULL: 16776960;
      STAMINA_LOW: 16750848;
      STAMINA_MEDIUM: 16763904;
      TEXT_ACCENT: 59110;
      TEXT_BRIGHT: 16777215;
      TEXT_ERROR: 16729156;
      TEXT_PRIMARY: 16777215;
      TEXT_SECONDARY: 13421772;
      TEXT_TERTIARY: 11184810;
      TEXT_WARNING: 16759552;
      TRANSPARENT: 0;
      TRIGRAM_GAM_PRIMARY: 2003199;
      TRIGRAM_GAN_PRIMARY: 9127187;
      TRIGRAM_GEON_PRIMARY: 16766720;
      TRIGRAM_GON_PRIMARY: 3100495;
      TRIGRAM_JIN_PRIMARY: 9662683;
      TRIGRAM_LI_PRIMARY: 16729344;
      TRIGRAM_SON_PRIMARY: 3329330;
      TRIGRAM_TAE_PRIMARY: 8900331;
      UI_BACKGROUND_DARK: 657930;
      UI_BACKGROUND_LIGHT: 2763306;
      UI_BACKGROUND_MEDIUM: 1710618;
      UI_BORDER: 5924216;
      UI_BORDER_LIGHT: 6974090;
      UI_DISABLED_BG: 4473924;
      UI_DISABLED_BORDER: 2763326;
      UI_DISABLED_FILL: 4015960;
      UI_DISABLED_TEXT: 7829367;
      UI_GRAY: 9474192;
      UI_STEEL_GRAY: 5924216;
      UI_STEEL_GRAY_DARK: 4015960;
      VITAL_POINT_HIT: 16724991;
      WARNING_ORANGE: 16742195;
      WARNING_YELLOW: 16777011;
      WHITE_SOLID: 16777215;
  }

• fontFamily: {
      CYBER: "\"Orbitron\", \"Noto Sans KR\", monospace";
      KOREAN: "\"Noto Sans KR\", \"Malgun Gothic\", Arial, sans-serif";
      KOREAN_BATTLE: "\"Noto Sans KR\", Impact, sans-serif";
      MONO: "\"Nanum Gothic Coding\", monospace";
      PRIMARY: "\"Noto Sans KR\", \"Malgun Gothic\", Arial, sans-serif";
      SECONDARY: "\"Nanum Gothic\", Arial, sans-serif";
      SYMBOL: "\"Arial Unicode MS\", Arial, sans-serif";
  }

• koreanTypography: KoreanTypographyConfig

  Korean typography configuration Optimized for Korean character readability

  • Line height: 1.6 for Korean characters (vs 1.5 for Latin)
  • Letter spacing: -0.01em for tighter Korean spacing
  • Word break: keep-all to prevent breaking Korean words
  • Word wrap: break-word for long words

• panelVariant: PanelVariantConfig

  Get panel variant styling

• textSize: TextSizeConfig

  Get text size configuration

const { buttonVariant, sizeDimensions, koreanTypography } = useKoreanTheme({
  variant: "primary",
  size: "md"
});
Copy