[data-theme="GoldenNight"] {
  --color-z-primary: #020a11;
  --color-z-secondary: #1f222b;
  --color-z-third: #2e333f;
  --color-z-fourth: #171920;
  --color-z-fifth: #402d86;
  --color-z-sixth: #262a34;
  --color-z-seventh: #2a2645;
  --color-z-eighth: #24242d;
  --color-z-nineth: #212330;
  --color-z-tenth: #15181d;
  --color-z-t-primary: #000;
  --color-z-t-secondary: #fff;
  --color-z-b-primary: #000;
  --color-z-b-secondary: #fff;
  --color-z-none-select: #80848f;
  --color-z-footer: #667085;
  --color-z-left-btn: #ffb606;
  --color-z-right-btn: #ffeda7;
  --color-z-left-btn-secondary: #ffb606;
  --color-z-right-btn-secondary: #ffeda7;
  --color-z-to: indigo;
  --color-z-left-btn-hover: #e1aa21;
  --color-z-right-btn-hover: #e0c571;
  --color-z-h-left-btn: #7e5f0f;
  --color-z-h-right-btn: #2e333f;
  --color-z-horizontal-rule: #383b46;
  --color-z-table: #262a34;
  --color-z-table-secondary: #262a34;
  --color-z-require: #ea1818;
  --color-z-validate: #f23755;
  --color-z-bg-process: #ffc7001f;
  --color-z-bg-complete: #70c9001f;
  --color-z-bg-cancel: #ff7a001f;
  --color-z-bg-fail: #f237551f;
  --color-z-text-process: #ffc700;
  --color-z-text-complete: #70c900;
  --color-z-text-cancel: #ff7a00;
  --color-z-text-fail: #f23755;
  --color-z-daily-finish: #27272a80;
  --color-z-prize-pool: #362a65;
  --color-z-quest-left-btn: #402d86;
  --color-z-quest-right-btn: #24242d;
  --color-z-reward-left-btn: #5a244e;
  --color-z-reward-right-btn: #24242d;
  --color-z-promotion-left-btn: #5a244e;
  --color-z-promotion-right-btn: #24242d;
  --color-z-member-level-left-btn: #3d1e1e;
  --color-z-member-level-right-btn: #24242d;
  --color-z-affiliate-left-btn: #856c14;
  --color-z-affiliate-right-btn: #24242d;
  --color-z-free2play-left-btn: #530b6e;
  --color-z-free2play-right-btn: #2a2132;
  /* --color-z-affiliate-left-nav-btn: #856c14;
  --color-z-affiliate-right-nav-btn: #24242d; */
  --color-z-t-gamecard: #0c111c;
  --color-z-b-gamecard: #1c202a;
  --color-z-svg-primary: #fff;
  --color-z-svg-secondary: #000;
  --color-z-svg-third: var(--color-z-none-select);
  --color-z-svg-fourth: #ffb606;
  --color-z-inherit: inherit;
  --color-z-b-menu: #343842;
  --color-z-modal: #1f222b;
  --color-z-fade: #1f222b;
  --color-z-bottom-menu-first: #402d86;
  --color-z-bottom-menu-second: #24242d;
  --color-z-bullet-uncheck: var(--color-z-none-select);
  --color-z-bullet-checked: #ffb606;
  --color-z-line: #343842;
  --color-z-promotion-badge-1: #73f7ff;
  --color-z-promotion-badge-2: #acf162;
  --color-z-promotion-badge-3: #fff95e;
  --color-z-promotion-badge-4: #ffaafc;
  --color-z-promotion-badge-5: #ff9573;
  --color-z-loading: #ffb606;
  --color-z-t-active: #ffb606;
  --color-z-clr-primary: #ffb606;
  --color-z-clr-secondary-z: var(--color-z-none-select);
  --color-z-clr-third: #ffeda7;
  --color-z-clr-white: #ffffff;
  --color-z-text-t-gradient: #ffb606;
  --color-z-link: #e4a308;
  --color-z-h-datepicker: #ffeec5;
  --color-z-datepicker-left: #ffb606;
  --color-z-datepicker-right: #ffeda7;
  --color-z-tab-content-left: var(--color-z-left-btn);
  --color-z-tab-content-right: var(--color-z-right-btn);
  --color-z-t-tab-active-left: #ffb606;
  --color-z-t-tab-active-right: #ffeda7;
  --color-reward-public: #4c1d95;
  --color-search-bg: #2e333f;
  --color-search-active-left: url(#gradientLeft);
  --color-search-active-right: url(#gradientRight);

  --color-arrow-down-menu-icon: var(--color-z-none-select);
  --bg-z-promotion-gradient: linear-gradient(180deg, #24242d 0%, #402d86 100%);
  --bg-z-top-performance-gradient: linear-gradient(150deg, #24242d -8.63%, #402d86 101.47%);
  --bg-z-chevron-down: url("/assets/icons/home-page/chevron-down.svg");
  /* --bg-z-checkmark: url('/assets/icons/register-modal/sign-up/checkmark.svg'); */
  /* --bg-z-success: url('/assets/icons/register-modal/sign-up/success_status.svg');
  --bg-z-error: url('/assets/icons/register-modal/sign-up/error_status.svg');
  --bg-z-info: url('/assets/icons/register-modal/sign-up/info_status.svg'); */
  --bg-z-promotion-bonus: url("/assets/icons/promotion-page/bonus.svg");

  --bg-z-green-collect: url("/assets/icons/reward/exchange-money/button.svg");
  --bg-z-coin: url("~/assets/icons/member-level/coin-background.svg");
  --bg-z-header-reward-sm: url("/assets/icons/reward/bg-header-sm.svg");
  --bg-z-header-reward-md: url("/assets/icons/reward/bg-header-md.svg");
  --bg-z-reward-decoration-sm: url("/assets/icons/reward/bg-decoration-sm.svg");
  --bg-z-reward-decoration-md: url("/assets/icons/reward/bg-decoration-md.svg");
  --bg-z-header-quest-sm: url("/assets/images/quest/header-sm.svg");
  --bg-z-header-quest-md: url("/assets/images/quest/header-md.svg");
  --bg-z-game-providers: url("/assets/images/bg-game-providers.svg");
  --color-z-jackpot-left-btn: #218380;
  --color-z-jackpot-right-btn: #0a2322;
  --color-z-announcement-text: var(--color-z-t-secondary);
  --color-z-announcement-icon: #fff;
  --color-z-game-tag-text: var(--color-z-t-secondary);
  --color-z-side-menu: linear-gradient(
    160deg,
    var(--color-z-h-left-btn) 0%,
    var(--color-z-h-right-btn) 140%
  );
  --color-z-svg-left: var(--color-z-left-btn);
  --color-z-svg-right: var(--color-z-left-btn);
  --color-z-t-side-menu: var(--color-z-t-secondary);
  --color-z-t-privilege: var(--color-z-t-secondary);
  --color-z-t-muted: var(--color-z-none-select);
  --color-z-t-game-demo: var(--color-z-t-secondary);
  --color-z-t-top-perfor-tab: var(--color-z-t-secondary);
  --color-z-bg-control: var(--color-z-third);
  --color-z-t-top-perfor-me: #fff;
  --color-z-bg-tab: var(--color-z-fourth);
  --color-z-bg-option: var(--color-z-third);
  --color-z-gradient-border: linear-gradient(
    270deg,
    var(--color-z-left-btn) 7.12%,
    var(--color-z-left-btn) 100%
  );
  --color-z-t-member-level-rank: var(--color-z-t-secondary);
  --color-z-t-member-level-total: var(--color-z-none-select);
  --color-z-bg-level-system: rgba(0, 0, 0, 0.37);
  --color-z-t-level-system: var(--color-z-t-secondary);
  --color-z-bg-level-tier: var(--color-z-third);
  --color-z-bg-benefit: rgb(255 255 255 / 0.05);
  --color-z-filter-brightness: brightness(1);
  --color-z-bg-level-modal: var(--color-z-fourth);
  --color-z-t-level-active: #fff;
  --color-z-menu-brightness: brightness(0.8);
  --color-z-t-menu-icon: var(--color-z-left-btn);
  --color-z-t-on-accent: var(--color-z-t-secondary);
  --color-z-t-interactive: var(--color-z-t-secondary);
  --color-z-icon-hover: #fff;
  --color-z-bg-dropdown: var(--color-z-sixth);
  --color-z-bg-point: var(--color-z-secondary);
  --color-z-filter-brightness-search: brightness(10);
  --color-z-bg-box-checked: transparent;
  --color-z-t-gradient-2: var(--color-z-text-t-gradient);
  --color-z-t-freespin-text: var(--color-z-none-select);
  --color-z-bg-quest-accu: rgb(255 255 255 / 0.1);
  --color-z-t-profile-point: var(--color-z-t-secondary);
  --color-z-bg-subtle: #ffffff0d;
  --color-z-side-menu-icon: var(--color-z-none-select);
  --color-z-svg-light: var(--color-z-svg-primary);
  --color-z-secondary-light: var(--color-z-secondary);
  --color-z-t-login-secondary: var(--color-z-t-secondary);
  --color-z-t-side-menu-muted: var(--color-z-t-muted);
  --color-z-t-side-menu-text: var(--color-z-t-muted);
  --color-z-t-side-menu-secondary: var(--color-z-t-secondary);
  --color-z-bg-side-menu-action: var(--color-z-third);
  --color-z-t-side-menu-action: var(--color-z-t-secondary);
  --color-z-read-more: var(--color-z-t-side-menu-action);
  --color-z-deposit-account-title: var(--color-z-text-t-gradient);
  --color-z-deposit-account-level: var(--color-z-none-select);
  --color-z-deposit-account-balance: #fff;
  --color-z-bg-navbar-toggle: var(--color-z-third);
  --color-z-border-navbar-toggle: none;
  --color-z-t-navbar-toggle-icon: var(--color-z-svg-primary);
  --color-z-bg-navbar-login-border: linear-gradient(
    90deg,
    var(--color-z-left-btn) 0%,
    var(--color-z-right-btn) 100%
  );
  --color-z-border-navbar-login: none;
  --color-z-bg-outline-button: transparent;
  --color-z-border-outline-button: none;
  --color-z-border-outline-button-gradient: var(--color-z-gradient-border);
  --color-z-bg-outline-button-content: transparent;
  --color-z-bg-form-input: var(--color-z-third);
  --color-z-button-disabled: var(--color-z-third);
  --color-z-button-disabled-text: var(--color-z-none-select);
  --color-z-decoration-underline-primary: var(--color-z-left-btn);
  --color-z-t-personal-message-bell: var(--color-z-none-select);
  --color-z-bg-navbar-point: var(--color-z-third);
  --color-z-border-navbar-point: none;
  --color-z-t-navbar-point: var(--color-z-t-secondary);
  --color-z-bg-bottom-nav: var(--color-z-fourth);
  --color-z-bg-setting: var(--color-z-fourth);
  --color-z-bg-setting-secondary: var(--color-z-secondary);
  --color-z-text-t-gradient-light: var(--color-z-text-t-gradient);
  --color-z-table-row-odd: var(--color-z-fourth);
  --color-z-table-row-even: var(--color-z-primary);
  --color-z-footer-line: var(--color-z-secondary);
  --color-z-t-secondary-light: var(--color-z-t-secondary);
  --color-reward-public-2: var(--color-z-none-select);
  --color-z-none-select-light: var(--color-z-none-select);
  --color-z-button-nav-text: var(--color-z-none-select);
  --reward-intro-bg-1: linear-gradient(180deg, #25262c -0.19%, #3a1981 193.35%);
  --reward-intro-bg-2: linear-gradient(180.05deg, #25262c 0.04%, #64187e 193.44%);
  --reward-intro-bg-3: linear-gradient(179.96deg, #25262c 0.04%, #60410f 193.25%);
  --color-z-reward-intro-title: var(--color-z-t-secondary);
  --color-z-reward-divider-color: var(--color-z-secondary);
  --color-z-reward-intro-border: #a78bfa1a;
  --bg-z-reward-intro-backdrop: linear-gradient(180deg, #262626 0%, #27272a 100%);
  --bg-z-reward-intro-panel: linear-gradient(180deg, #1f20243d 0%, #23242f 100%);
  --color-z-reward-pb: #1c281f;
  --color-z-reward-pb-mask: #353067;
  --color-z-public-level: var(--color-z-fourth);
  --color-z-filter-bg: var(--color-z-secondary);
  --color-search-active-from: #ffb606;
  --color-search-active-to: #ffeda7;
  --color-z-bg-button-outline: transparent;
  --color-z-border-button-outline: none;
  --color-z-border-button-outline-gradient: var(--color-z-gradient-border);
  --color-z-jackpot-pot-value: #fff;
  --color-z-jackpot-pot-bg-end: rgba(2, 10, 17, 0.12);
  --bg-z-jackpot-selected-amount: linear-gradient(
    90deg,
    var(--color-z-h-left-btn) -165.72%,
    var(--color-z-h-right-btn) 100%
  );
  --color-z-t-joined-text: var(--color-z-t-secondary);
  --bg-z-gradient-active-2: linear-gradient(
    160deg,
    var(--color-z-h-left-btn) 0%,
    var(--color-z-h-right-btn) 140%
  );
  --color-z-quest-search-game: var(--color-z-table);
  --color-z-coupon-code-bg: var(--color-z-bg-option);
  --color-z-profile-bg: var(--color-z-table);
  /* add new color here */
}
.dp__theme_dark {
  --dp-background-color: var(--color-z-sixth) !important;
}