.blue-default body div#app {
    --theme-color-500: #1680dc;
    --theme-color-600: #38a8fa;
    --theme-color-700: #38a8fa;
    --theme-color-800: #116fcd;
    --theme-color-900: #0167ca;
    --theme-color-gradient-100: linear-gradient(0deg, #0167ca 0%, #38a8fa 100%);
    --theme-color-gradient-200: linear-gradient(180deg, #13c96a 0%, #1d9554 100%);
    --theme-color-gradient-300: linear-gradient(90deg, #202940 0%, #131a2c 100%);
    --theme-color-gradient-400: linear-gradient(180deg, #ffc271 0%, #f2910d 100%);
    --color-bg-50: #1a223a;
    --color-bg-100: #191e2d;
    --color-bg-200: #101629;
    --color-bg-300: #090f1f;
    --color-bg-400: #1a1d22;
    --color-bg-500: #141b24;
    --color-bg-600: #3b4152;
    --color-bg-700: #2d323d;
    --color-bg-800: #0b101d;
    --color-bg-900: #111524;
    --color-bg-1000: #141a29;
    --color-bg-1100: #121624;
    --color-bg-1200: #151c30;
    --color-bg-1300: #1f2024;
    --color-text-white-100: #fff;
    --text-color-white-80: rgba(255, 255, 255, 0.8);
    --color-text-gray-100: #8792af;
    --color-text-gray-200: #6d788d;
    --color-text-gray-300: #9ba7be;
    --color-text-gray-400: #566488;
    --color-text-gray-500: #465375;
    --color-text-gray-600: #9c9c9c;
    --color-text-gray-700: #ffffff80;
    --color-text-gray-800: #6d6d6d;
    --color-text-100: var(--color-text-white-100);
    --color-text-80: var(--text-color-white-80);
    --color-text-40: var(--text-color-white-40);
    --color-success: #27d48b;
    --color-warning: #edc921;
    --color-link: var(--theme-color-500);
    --color-primary-btn-active: var(--theme-color-800);
    --color-primary-btn-disable: linear-gradient(0deg, #0b3868 -13.77%, #1b4c76 102.34%);
    --color-primary-btn-text-disable: var(--color-text-40);
    --color-danger: #e64021;
    --color-button-bg-gray: rgba(255, 255, 255, 0.2);
    --color-border-input-prefix: rgba(255, 255, 255, 0.2);
    --rounded-large: 0.625rem;
    --tab-bg-color: var(--theme-color-gradient-100);
    --color-primary-800: var(--theme-color-500);
    --accent-color-orange: #df8644;
    --accent-color-orange-1: #fba531;
    --text-color-white-100: rgba(255, 255, 255, 1);
    --text-color-white-40: rgba(255, 255, 255, 0.4);
    --color-text-100: rgba(255, 255, 255, 1);
    --color-text-80: rgba(255, 255, 255, 0.8);
    --color-text-40: rgba(255, 255, 255, 0.4);
    --color-currency: var(--accent-color-orange-1);
    --rounded-small: 0.25rem;
    --rounded-middle: 0.375rem;
    --font-weight-medium: 500;
    --font-weight-regular: 400;
    --color-warning: var(--accent-color-orange-1);
    --color-line: #1a233e;
    --line-color: #1a233e;
    --color-border: #1a233e;
    --color-border-400: #566381;
    --color-border-500: #404040;
    --color-border-600: #2a324e;
    --drop-shadow-submit: 0 4px 15px rgba(32, 139, 229, 0.25);
    --text-color1: #fff;
    --text-color2: var(--text-color-white-40);
    --accent-color-yellow: #fba531;
    --accent-color-white: #fff;
    --accent-color-red: #e64021;
    --accent-color-green: #53c154;
    --accent-color-blue: #6691d5;
    --ion-text-color: var(--color-text-white-100);
    --ion-color-primary: var(--theme-color-700);
    --ion-background-color: var(--color-bg-300);
    --ion-tab-bar-background: var(--color-bg-200);
    --ion-item-border-color: var(--color-border-500);
    --ion-toolbar-color: var(--color-text-white-100);
    --ion-color-tertiary: var(--theme-color-800);
    --ion-color-tertiary-contrast: var(--color-text-white-100);
    --ion-color-tertiary-shade: var(--theme-color-800);
    --ion-color-tertiary-tint: var(--theme-color-900);
    --color-btn-bg-active-r: linear-gradient(270deg, #001c66 0%, #141e3f 100%);
    --pwa-dialog-bg: var(--color-text-white-100);
    --color-bar-bg: var(--color-bg-300);
    --color-bg-card: var(--color-bg-200);
    --color-bg-option-basic: var(--color-bg-50);
    --color-bg-option-amount: var(--color-bg-50);
    --color-bg-option-active: var(--theme-color-gradient-300);
    --color-bg-option-gradient: var(--theme-color-gradient-300);
    --color-bg-input: var(--color-bg-200);
    --color-bg-payment-item: var(--color-bg-50);
    --color-bg-modal-login: var(--color-bg-500);
    --color-bg-modal-logout: var(--color-bg-700);
    --color-bg-modal-payment: var(--color-bg-800);
    --color-bg-btn-popup-cancel: var(--accent-color-yellow);
    --color-bd-button-update1: var(--accent-color-yellow);
    --color-bg-modal-footer-pwa: var(--accent-color-white);
    --color-checkbox-bg: var(--theme-color-gradient-100);
    --color-text-title-basic: var(--color-text-white-100);
    --color-text-title-label-agency: var(--color-text-gray-300);
    --color-text-tips: var(--color-text-gray-200);
    --color-text-tips-marked: var(--theme-color-500);
    --color-text-amount-marked: var(--accent-color-yellow);
    --color-text-href: var(--theme-color-500);
    --color-text-href-agency-detail: var(--theme-color-500);
    --color-text-label-basic: var(--color-text-white-100);
    --color-text-basic: var(--color-text-white-100);
    --color-text-second: var(--color-text-gray-200);
    --color-text-rule: var(--color-text-gray-500);
    --color-text-wheelBottomUnchecked: var(--color-text-gray-600);
    --color-text-rewardThead: var(--color-text-gray-700);
    --color-text-todaySecond: var(--color-text-gray-700);
    --color-text-checked: var(--color-text-white-100);
    --color-text-emphasis: var(--accent-color-yellow);
    --color-text-unChecked: var(--color-text-gray-200);
    --color-text-unThemeWhite: var(--color-text-white-100);
    --color-text-button-update1: var(--accent-color-yellow);
    --color-text-modal-footer-pwa: var(--color-text-gray-800);
    --color-line-gradient: var(--theme-color-gradient-100);
    --color-btn-gradient-basic: var(--theme-color-gradient-100);
    --color-btn-gradient-second: var(--theme-color-gradient-400);
    --color-btn-gradient-vip: var(--theme-color-gradient-200);
    --color-btn-gradient-footer: var(--theme-color-gradient-100);
    --color-btn-gradient-history: var(--theme-color-gradient-400);
    --color-btn-gradient-footerUnable: #626262;
    --color-btn-gradient-claimUnable: #626262;
    --color-btn-gradient-claim: var(--theme-color-gradient-200);
    --color-text-footerUnable: var(--color-text-white-100);
    --color-btn-gradient-mineral: var(--color-btn-gradient-second);
    --color-bg-first: var(--color-bg-300);
    --color-bg-second: var(--color-bg-200);
    --color-bg-third: var(--color-bg-100);
    --color-text-label-property: var(--color-text-gray-300);
    --color-text-label-value-agency: var(--theme-color-500);
    --color-text-link-agency: var(--color-text-gray-300);
    --color-text-blur: var(--color-text-gray-200);
    --color-text-btn-basic: var(--color-text-white-100);
    --color-text-option-basic: var(--color-text-gray-200);
    --color-text-option-active: var(--color-text-white-100);
    --color-text-input-basic: var(--color-text-white-100);
    --color-text-input-placeholder: var(--color-text-gray-200);
    --color-border-input-basic: var(--color-border-600);
    --color-border-btn-basic: var(--color-border);
    --color-border-btn-marked: var(--theme-color-900);
    --color-border-select: var(--color-text-white-100);
    --color-border-option-active: var(--theme-color-600);
    --color-border-popup-confirm: var(--accent-color-yellow);
    --color-focus: var(--theme-color-900);
    --color-bg-toast: var(--color-bg-400);
    --color-segment-md: var(--color-text-gray-200);
    --color-segment-md-indicator: var(--theme-color-800);
    --color-toolbar-text: var(--color-text-white-100);
    --color-bg-tab-on: var(--color-bg-100);
    --color-bg-segment-ios: var(--color-bg-100);
    --color-card-bg-300: var(--color-bg-300);
    --color-card-title: var(--color-text-white-100);
    --color-card-text: var(--color-text-gray-200);
    --color-language-text: var(--color-text-white-100);
    --color-language-text1: var(--color-text-white-100);
    --color-tab-tab-active: var(--color-text-white-100);
    --color-tab-tab-blur: var(--color-text-gray-400);
    --color-icon-copy-agency-link: var(--color-text-white-100);
    --color-icon-platform-active: var(--color-text-white-100);
    --color-icon-platform-sort: var(--ion-color-primary);
    --color-icon-platform-rebate: var(--color-text-white-40);
    --color-icon-platform-card: var(--color-text-white-80);
    --color-activity-footer-bg: var(--color-bg-200);
    --color-activity-rule: var(--color-text-40);
    --color-mystery-item-bg: var(--color-bg-200);
    --my-chevron-forward-color: var(--color-text-gray-300);
    --my-enter-withdraw-text-color: var(--color-text-white-100);
    --service-customer-btn-hover-bgc: var(--theme-color-gradient-100);
    --service-customer-btn-focused-bgc: #639be7;
    --notice-read-all-btn-hover-bgc: #2c3142;
    --notice-read-all-btn-focused-bgc: #3f4353;
    --report-select-border-color: #6d788e;
    --report-selected-border-color: #fff;
    --report-selected-text-color: var(--color-text-white-100);
    --report-select-icon-color: var(--color-text-gray-200);
    --report-recond-item-bg-color: var(--color-bg-200);
    --verify-input-bg-color: #090f1f;
    --verify-input-bg-color-old: #101629;
    --verift-input-placeholder-color: #8792af;
    --verify-eye-icon-text-color: var(--color-text-gray-200);
    --verify-submit-btn-bg-color: var(--theme-color-gradient-100);
    --agent-commission-detail-segment-bottom-border-color: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%);
    --ion-color-step-150: var(--color-line);
    --agent-datetime-select-text-color: #000;
    --agent-ion-datetime-calendar-day-bgc: #a3c4fb;
    --ion-color-light-rgb: var(--color-bg-200);
    --ion-color-step-300: #fff;
    --agent-ion-color-primary: #a3c4fb;
    --agent-history-bgc: #ffb671;
    --agent-claim-bgc: #00ad63;
    --agent-disabled-btn-bgc: #8d8d8d;
    --agent-performance-detail-toolbar-bgc: transparent;
    --agent-performance-detail-item-bgc: #151c2f;
    --money-text-color: #fba531;
    --agent-network-moeny-color: #ffaa09;
    --agent-comm-toolbar-bgc: #111524;
    --mlm-toolbar-bg-color: var(--color-bg-200);
    --mlm-leaderbord-icon-color: var(--color-text-white-100);
    --mlm-agent-level-bg: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(254, 184, 5, 0.154) 118.45%);
    --mlm-level-tips-text-color: var(--color-text-80);
    --mlm-agent-history-bgc: var(--color-bg-50);
    --mlmagent-history-hover-bgc: #3a3a39;
    --mlmagent-history-focused-bgc: #4b4b4b;
    --mlm-agent-claim-hover-bgc: #489856;
    --mlm-agent-claim-focused-bgc: #68b375;
    --mlm-agent-claim-bg-color: linear-gradient(180deg, #13c96a 0%, #1d9554 100%);
    --mlm-agent-claim-text-color: var(--text-color-white-100);
    --mlm-agent-claim-commisson-textc: var(--accent-color-yellow);
    --mlm-direct-team-btn-bgc: var(--color-bg-50);
    --mlm-agent-direct-icon-text-color: #6691d5;
    --mlm-agent-direct-text-color: #6691d5;
    --mlm-agent-team-text-color: #53c154;
    --mlm-agent-team-icon-text-color: #53c154;
    --mlm-agent-info-detail-bgc: var(--color-bg-200);
    --mlm-agent-my-agency-textc: var(--color-text-80);
    --mlm-agent-report-icon-color: var(--color-text-40);
    --mlm-agent-jump-item-bgc: var(--color-bg-100);
    --mlm-agent-rate-info-bgc: var(--color-bg-200);
    --mlm-agent-rate-box-bgc: var(--color-bg-300);
    --mlm-agent-rate-item-right-textc: var(--accent-color-orange);
    --mlm-agent-level-item-bgc: var(--color-bg-200);
    --mlm-agent-rule-item-count-textc: rgba(255, 255, 255, 0.2);
    --mlm-invitation-csut-color: var(--text-color-white-100);
    --mlm-selected-text-color: var(--text-color-white-100);
    --mlm-select-icon-text-color: var(--text-color-white-100);
    --mlm-searchbar-placeholder-color: var(--text-color-white-40);
    --mlm-searchbar-icon-color: var(--text-color-white-40);
    --mlm-subdetail-top-bgc: #0595fe;
    --mlm-subdetail-border-color: var(--color-border);
    --mlm-subdetail-box-bgc: #070b18;
    --mlm-subdetail-box-border-color: var(--color-border);
    --mlm-subdetail-item-name-color: var(--color-text-40);
    --mlm-color-text-basic: var(--color-text-100);
    --mlm-agent-date-bg-color: var(--color-bg-200);
    --mlm-commission-detail-bgc: var(--color-bg-200);
    --mlm-commission-detail-tips-tc: var(--color-text-40);
    --mlm-commission-detail-money-tc: var(--accent-color-orange-1);
    --mlm-commission-detail-account-money-tc: var(--accent-color-orange-1);
    --mlm-leader-bord-top-bgc: rgba(5, 105, 254, 0.154);
    --mlm-bord-tab-item-border-color: var(--line-color);
    --mlm-bord-tab-item-selected-bgc: var(--color-bg-50);
    --mlm-bord-tab-item-selected-tc: var(--theme-color-500);
    --mlm-bord-tab-item-select-tc: var(--color-text-40);
    --mlm-bord-tab-item-select-bgc: transparent;
    --mlm-bord-userid-text-color: var(--color-text-80);
    --mlm-bord-item-bgc: var(--color-bg-200);
    --mlm-agent-bord-currency-tc: var(--accent-color-orange);
    --mlm-agent-home-invite-btn-color: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%);
    --mlm-segment-select-text-color: var(--color-text-gray-300);
    --mlm-segment-selected-text-color: var(--text-color-white-100);
    --mlm-segment-indicator-bg-color: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%);
    --mlm-rate-item-right-text-color: var(--accent-color-orange-1);
    --mlm-board-tab-border-color: #2e2d2c;
    --mlm-leader-bord-money-text-color: var(--accent-color-orange-1);
    --mlm-invitation-footer-bg-color: var(--color-bg-200);
    --mlm-invitation-cust-btn-text-color: var(--color-text-80);
    --mlm-rate-level-agent-segment-select-color: var(--color-text-40);
    --color-mlm-btn-bg-disable: linear-gradient(180deg, #227f36 0%, #256c2e 100%);
    --color-mlm-btn-text-disable: rgba(255, 255, 255, 0.4);
    --mlm-agent-left-btn-text-color: var(--text-color-white-100);
    --mlm-agent-home-money-icon-color: var(--accent-color-orange);
    --mlm-level-agent-selected-text-color: var(--color-primary-800);
    --mlm-level-info-tips-color: var(--color-text-80);
    --mlm-description-content-title-color: var(--color-text-80);
    --mlm-rules-content-text-color: var(--color-text-80);
    --mlm-subordinate-money-text-color: var(--accent-color-orange-1);
    --mlm-subordinate-id-text-color: var(--color-text-80);
    --mlm-invitation-qr-code-bg: var(--color-text-100);
    --mlm-commission-rate-game-type-bg: var(--color-bg-400);
    --mlm-searchbar-enter-color: var(--text-color-white-100);
    --my-card-detail-color: var(--color-text-40);
    --activity-record-selected-item-bg: var(--color-bg-50);
    --activity-record-select-item-bg: var(--color-bg-200);
    --activity-record-select-item-color: var(--color-text-40);
    --empty-icon-color: #101629;
    --color-text-empty: var(--color-text-gray-200);
    --agent-btn-color: #2d2d2d;
    --color-line-default: var(--line-color);
    --color-bg-commission-first: var(--color-bg-50);
    --color-bg-commission-second: var(--color-bg-200);
    --color-bg-commission-third: var(--color-bg-300);
    --color-bg-commission-fourth: #070b18;
    --color-text-basic: var(--color-text-100);
    --color-text-second: var(--color-text-40);
    --color-text-third: var(--color-text-80);
    --color-text-orange-emphasis: var(--accent-color-orange);
    --color-text-yellow-emphasis: var(--theme-color-800);
    --color-bg-yellow-btn-emphasis: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%);
    --color-text-yellowBtn-active: var(--color-text-100);
    --font-weight-bold: 700;
    --border-width-option-action: 1px;
    --game-searchbar-bg-color: var(--color-bg-200);
    --game-searchbar-placeholder-color: #6d788e;
    --game-searchbar-border-color: none;
    --home-fadeToTransparent-form-color: #343947;
    --home-fadeToTransparent-to-color: rgba(255, 0, 0, 0);
    --home-currency-text-color: var(--accent-color-orange-1);
    --activity-unclaim-tint-bg-color: #58a766;
    --activity-unclaim-shade-bg-color: #6ab877;
    --invite-cpf-record-icon: #fff;
    --invite-cpf-reward-amount-text-color: var(--text-color-white-80);
    --invite-cpf-footer-bg-color: #22262e;
    --invite-cpf-footer-top-line: #292d36;
    --invite-cpf-record-title-bg: #3b414d;
    --invite-cpf-record-item-even-bg: #16191d;
    --input-highlight-color: var(--theme-color-800);
    --mineral-style1-toobar-bg: #0e1420;
    --sign-default-day-text-color: #feb805;
    --sign-default-extra-reward: #47dd2f;
    --sing-default-available-before: #35cd1e;
    --sign-default-date-box-bg: #22262e;
    --sign-default-footer-border: #292d36;
    --sign-default-footer-btn-bg: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%);
    --sign-default-unmetReceiveModal-bg: #000000;
    --ep-compat-color-background-fill-body-default: var(--color-bg-300);
    --ep-compat-color-background-fill-surface-raised-L1: var(--color-bg-200);
    --ep-compat-color-background-fill-surface-raised-L2: var(--color-bg-100);
    --ep-compat-color-background-fill-surface-lowered: #070b18;
    --ep-compat-color-background-fill-glow-primary-opacity-40: #35cd1e66;
    --ep-compat-color-background-fill-top-nav-secondary: var(--color-bg-200);
    --ep-compat-color-text-default: var(--color-text-100);
    --ep-compat-color-text-selected: var(--theme-color-800);
    --ep-compat-color-text-weak: rgba(255, 255, 255, 0.6);
    --ep-compat-color-text-weaker: var(--color-text-40);
    --ep-compat-color-text-weakest: rgba(255, 255, 255, 0.2);
    --ep-compat-color-text-success: var(--accent-color-green);
    --ep-compat-color-text-info: var(--accent-color-blue);
    --ep-compat-color-text-highlight: #f5c84c;
    --ep-compat-color-text-warning: var(--accent-color-orange);
    --ep-compat-color-text-brand-primary: var(--theme-color-800);
    --ep-compat-color-border-default: var(--color-border);
    --ep-compat-color-icon-brand-primary: var(--theme-color-900);
    --ep-compat-color-icon-selected: var(--theme-color-800);
    --ep-share-color-button-value: var(--color-text-white-100);
}