data-visual-var-dark.css

{
    /* shadow */
    --dv-box-shadow: 0 8px 20px 0 rgba(51, 135, 255, 0.72), 0 12px 32px 4px rgba(51, 135, 255, 0.36);
    --dv-box-shadow-dark: 0 8px 16px -8px #3387ff, 0 12px 32px 0 #3387ff, 0 16px 48px 16px rgba(51, 135, 255, 0.72);
    --dv-box-shadow-light: 0 0 12px 0 rgba(51, 135, 255, 0.72);
    --dv-box-shadow-lighter: 0 0 6px 0 rgba(51, 135, 255, 0.72);
    /* background */
    --dv-color-background-base: #000b1a;
    --dv-color-background-overlay: #000b1a;
    --dv-color-background-page: #000b1a;
    /* border */
    --dv-color-border-base: rgba(68, 136, 208, 0.2);
    --dv-color-border-dark: rgba(68, 136, 208, 0.15);
    --dv-color-border-darker: rgba(68, 136, 208, 0.15);
    --dv-color-border-extra-light: rgba(68, 136, 208, 0.35);
    --dv-color-border-light: rgba(68, 136, 208, 0.25);
    --dv-color-border-lighter: rgba(68, 136, 208, 0.3);
    /* danger */
    --dv-color-danger: #f84439;
    --dv-color-danger-10: #190706;
    --dv-color-danger-20: #320e0b;
    --dv-color-danger-30: #4a1411;
    --dv-color-danger-50: #7c221c;
    --dv-color-danger-70: #ae3028;
    --dv-color-danger-80: #c6362e;
    --dv-color-danger-110: #d15e58;
    /* fill */
    --dv-color-fill-base: rgba(68, 136, 208, 0.1);
    --dv-color-fill-blank: rgba(68, 136, 208, 0.1);
    --dv-color-fill-dark: rgba(68, 136, 208, 0.05);
    --dv-color-fill-darker: rgba(68, 136, 208, 0.05);
    --dv-color-fill-extra-light: rgba(68, 136, 208, 0.25);
    --dv-color-fill-light: rgba(68, 136, 208, 0.15);
    --dv-color-fill-lighter: rgba(68, 136, 208, 0.2);
    /* index */
    --dv-color-index: #00deff;
    --dv-color-index-10: #001619;
    --dv-color-index-20: #002c33;
    --dv-color-index-30: #00434d;
    --dv-color-index-50: #006f7f;
    --dv-color-index-70: #009cb3;
    --dv-color-index-80: #00b2cc;
    --dv-color-index-110: #33e5ff;
    /* info */
    --dv-color-info-10: #000b1a;
    --dv-color-info-100: #0054cc;
    --dv-color-info-20: #001533;
    --dv-color-info-30: #001f4c;
    --dv-color-info-50: #003580;
    --dv-color-info-70: #0049b2;
    --dv-color-info-110: #73767a;
    /* primary */
    --dv-color-primary: #0069ff;
    --dv-color-primary-10: #000b1a;
    --dv-color-primary-20: #001533;
    --dv-color-primary-30: #001f4c;
    --dv-color-primary-50: #003580;
    --dv-color-primary-70: #0049b2;
    --dv-color-primary-80: #0054cc;
    --dv-color-primary-110: #3387ff;
    /* success */
    --dv-color-success: #15f3a3;
    --dv-color-success-10: #021a11;
    --dv-color-success-20: #043322;
    --dv-color-success-30: #064c33;
    --dv-color-success-50: #0b8056;
    --dv-color-success-70: #0fb277;
    --dv-color-success-80: #11cc89;
    --dv-color-success-110: #56e7b3;
    /* text */
    --dv-color-text-disable: rgba(255, 255, 255, 0.6);
    --dv-color-text-placeholder: rgba(255, 255, 255, 0.3);
    --dv-color-text-primary: #fff;
    --dv-color-text-regular: #cfd3dc;
    --dv-color-text-secondary: rgba(255, 255, 255, 0.6);
    /* warning */
    --dv-color-warning: #fdbd00;
    --dv-color-warning-10: #1a1300;
    --dv-color-warning-20: #332600;
    --dv-color-warning-30: #4b3800;
    --dv-color-warning-50: #7f5f00;
    --dv-color-warning-70: #b18400;
    --dv-color-warning-80: #ca9700;
    --dv-color-warning-110: #ebbf3d;
    /* text-shadow */
    --dv-text-shadow: rgba(0, 0, 0, 0.5);
}