/**
* 默认主题
https://www.jianshu.com/p/3e6d831ac0f7
*/
/*
*   基础色值定义
*/
:root body[gtheme-mode="default"] {
    /*layout*/
    --g-smart-text-underline: rgb(173 170 174);
    --g-theme-highlight-color: #40A829;
    --g-theme-highlight-hover-bg: #FAF4F2;
    --g-theme-highlight-select-bg: #FAEDEB;
    --g-theme-highlight-content-hover-bg: #F9F9F9;
    --g-theme-highlight-content-select-bg: #F9F9F9;

    --g-menu-background-color: #141414;
    --g-menu-hover-background-color: #1E1E20;
    --g-menu-open-background-color: #303138;
    --g-menu-normal-text-color: #A2A2A2;
    --g-menu-hover-text-color: #fff;
    --g-menu-scroll-bar-color: #565657;

    /*loading*/
    --g-layout-loading: rgba(250, 250, 250, 0.6);

    --g-scroll-bar-color: #CACBCC;
    --g-background-color: #F0F2F5;
    --g-content-background-color: #fff;
    --g-spliter-background-color: #F0F2F5;
    --g-tip-background-color: var(--g-theme-highlight-color);

    /*text*/
    --g-text-light-1: #fff;
    --g-text-light-2: rgba(255, 255, 255, 0.85);
    --g-text-light-3: rgba(255, 255, 255, 0.65);
    --g-text-light-4: rgba(255, 255, 255, 0.45);
    --g-text-light-5: rgba(255, 255, 255, 0.25);
    --g-text-light-6: rgba(255, 255, 255, 0.20);

    --g-text-light: #fff;
    --g-text-light-10: rgba(255, 255, 255, 0.10);
    --g-text-light-15: rgba(255, 255, 255, 0.15);
    --g-text-light-20: rgba(255, 255, 255, 0.20);
    --g-text-light-25: rgba(255, 255, 255, 0.25);
    --g-text-light-35: rgba(255, 255, 255, 0.35);
    --g-text-light-45: rgba(255, 255, 255, 0.45);
    --g-text-light-55: rgba(255, 255, 255, 0.55);
    --g-text-light-65: rgba(255, 255, 255, 0.65);
    --g-text-light-75: rgba(255, 255, 255, 0.75);
    --g-text-light-85: rgba(255, 255, 255, 0.85);
    --g-text-light-95: rgba(255, 255, 255, 0.95);

    --g-text-light-highlight: var(--g-theme-highlight-color);

    --g-text-dark: #000;
    --g-text-dark-1: #0D1421;
    --g-text-dark-2: #616E85;
    --g-text-dark-3: #232531;
    --g-text-dark-4: rgba(0, 0, 0, 0.45);
    --g-text-dark-5: rgba(0, 0, 0, 0.25);
    --g-text-dark-6: rgba(0, 0, 0, 0.20);

    --g-text-dark-10: rgba(0, 0, 0, 0.10);
    --g-text-dark-15: rgba(0, 0, 0, 0.15);
    --g-text-dark-20: rgba(0, 0, 0, 0.20);
    --g-text-dark-25: rgba(0, 0, 0, 0.25);
    --g-text-dark-35: rgba(0, 0, 0, 0.35);
    --g-text-dark-45: rgba(0, 0, 0, 0.45);
    --g-text-dark-55: rgba(0, 0, 0, 0.55);
    --g-text-dark-65: rgba(0, 0, 0, 0.65);
    --g-text-dark-75: rgba(0, 0, 0, 0.75);
    --g-text-dark-85: rgba(0, 0, 0, 0.85);
    --g-text-dark-95: rgba(0, 0, 0, 0.95);

    --g-text-dark-highlight: var(--g-theme-highlight-color);
    --g-text-family: Helvetica, Arial, PingFang SC, Microsoft Yahei, sans-serif;
    --g-text-family-DingPro: Helvetica, Arial, PingFang SC, Microsoft Yahei, sans-serif;


    /*list*/
    --g-list-item-color: #616E85;
    --g-list-item-background-color: #FFF;
    --g-list-item-hover-background-color: #F9FAFD;
    --g-list-item-select-background-color: #ECEFF4;
    --g-list-item-border-color: #F0F2F5;
    --g-list-item-border-color-2: rgba(255, 255, 255, 0.25);

    /*icon*/
    --g-icon-color: #808A9E;
    --g-icon-color-1: #808A9E;
    --g-icon-color-2: #808A9E;
    --g-icon-color-3: #A6B0C3;
    --g-icon-hover-color: var(--g-theme-highlight-color);
    --g-icon-select-color: var(--g-theme-highlight-color);
    --g-icon-collect-color: #808A9E;
    --g-icon-collect-hover-color: #FFCA2C;
    --g-icon-collect-select-color: #FFCA2C;
    --g-icon-border-color: #F0F2F5;

    /*input*/
    --g-input-color: #232531;
    --g-input-border-color: #DBDFE7;
    --g-input-border-color-2: #DBDFE7;
    --g-input-placeholder-color: #A6B0C3;

    /*button*/
    --g-radio-button-color: #616E85;
    --g-radio-button-background-color: #fff;
    --g-radio-button-select-background-color: #FBEEEB;
    --g-radio-button-border-color: #DBDFE7;

    /*switch*/
    --g-switch-active-background-color: var(--g-theme-highlight-color);
    --g-switch-inactive-background-color: #A6B0C3;

    /*dialog*/

    /*popupmenu*/
    --g-popup-background-color: var(--g-content-background-color);

    /*tip*/
    --g-tip-common-bg: #FFF;
    --g-tip-common-color: #000;
    --g-tip-common-border-color: #F0F2F5;

    /*border*/
    --g-border-color: transparent;
    --g-tab-border-color: transparent;
    --g-tab-border-hover-color: var(--g-theme-highlight-color);
    --g-tab-border-select-color: var(--g-theme-highlight-color);
    --g-timeline-broder-color: #D4D6D9;

    /*tab*/
    --g-tab-text-color: #616E85;
    --g-tab-text-hover-color: #0D1421;
    --g-tab-text-select-color: #0D1421;
    --g-tab-btn-background-color: var(--button-normal-bg);
    --g-tab-btn-background-select-color: var(--g-theme-highlight-select-bg);
    --g-tab-btn-text-select-color: var(--g-theme-highlight-color);
    --g-tab-btn-color-2: #666666;
    --g-tab-btn-background-color-2: #EFF2F5;
    --g-tab-btn-background-color-3: #EFF2F5;

    /*tag*/
    --g-tag-color: #616E85;
    --g-tag-icon-hover-color: #000;

    /*checkbox*/
    --g-checkbox-select-background-color: #FBEEEB;

    /*image*/

    /*pagination*/
    --g-pagination-background-color: transparent;
    --g-pagination-color: #232531;
    --g-pagination-active-color: #FFF;
    --g-pagination-border-color: #C8CACC;
    --g-pagination-icon-color: var(--g-icon-color);

    /*dropDown*/
    --g-dropdwon-input-background-color: #F5F7FA;

    /*select*/
    --g-select-input-background-color: #F5F7FA;

    /*dialog*/
    --g-dialog-header-color: #FFF;
    --g-dialog-header-background-color: #2C3037;
    --g-dialog-button-normal-color: #58667E;
    --g-dialog-button-normal-background-color: #F0F2F5;
    --g-dialog-button-highlight-color: #FFF;
    --g-dialog-button-highlight-background-color: var(--g-theme-highlight-color);

    --g-yb-border-color: #F0F2F5;
    --g-yb-text-color: #232531;

    /* switch */
    --switch-core-color: #999999;
    --switch-border-color: #999999;

    /* 头部 */
    --g-header-bgColor: #f3f4f4;

    /* 导航栏 菜单 */
    --menu-content-bg: #fafafa;
    --menu-splice-line: #E5E5E5;
    --menu-icon-color: #7D7D7D;
    --menu-disabled-color: rgba(0, 0, 0, 0.25);
    --menu-refresh-color: #777777;
    --menu-divider-line: #DDDDDD;

    /* tab */
    --tab-text-color: #666666;
    --tab-icon-color: #7D7D7D;
    --tab-active-color: #000000;
    --tab-active-bg: #ffff;
    --tab-close-color: #fff;
    --tab-nav-line: #E5E5E5;
    --tab-refresh-fill: rgba(0, 0, 0, 0.45);

    /* 弹窗 */
    --dialog-body-bg: #fff;
    --dialog-body-show: rgba(94, 64, 64, 0.25);
    --search-down-loading-bg: #FFFFFF;
    --search-down-list-bg: #FFFFFF;
    --search-down-border: #E2E2E2;
    --search-down-tab-line: #EEEEEE;
    --search-down-active-color: var(--g-theme-highlight-color);
    --search-down-avater-bg: rgba(220, 87, 60, 0.25);
    --search-down-avater-border: rgba(220, 87, 60, 0.25);
    --search-info-box-bg: #F4F5F9;
    --search-company-color: #777777;
    --about-card-bg: #F8F8F8;
    --about-card-color: #777777;
    --about-card-line: var(--text-splice-line);
    --about-card-update-color: #FFFFFF;
    --message-splice-line: var(--content-describe-line);
    --message-tree-bg: #fff;
    --message-solid-border: #fff;
    --message-isRead-bg: #fff;
    --message-barrage-bg: #F0f0f0;
    --message-pop-bg: #F0f0f0;
    --message-border-color: #e3e3e3;
    --message-operation-bg: #fff;
    --message-icon-fill: var(--icon-default-color);
    --message-input-icon: var(--icon-default-color);
    --suggestion-close-bg: #B0B0B1;
    /* 弹窗  ---------- end*/

    /* 字体颜色 */
    --text-title-color: #000000;
    --text-body-color: #333333;
    --text-describe-color: #777777;
    --text-disabled-color: rgba(0, 0, 0, 0.25);

    --main-text-color: rgba(0, 0, 0, 0.95);
    --main1-text1-color: #777777;
    --main2-text2-color: #333333;
    --main3-text3-color: #777777;
    --main4-text4-color: rgba(0, 0, 0, 0.25);
    --main5-text5-color: rgba(0, 0, 0, 0.25);
    --main6-text6-color: #777777;
    --main7-text7-color: rgba(0, 0, 0, 0.01);

    /* empty */
    --text-empty-color: #666666;
    --empty-border-color: #E2E2E2;

    /* 边框色 */
    --border-default-color: #E2E2E2;
    --border-default1-color: rgba(0, 0, 0, 0.85);
    --border-default2-color: #999999;
    --border-default3-color: rgba(0, 0, 0, 0.25);
    --common-border1-color: #F0F2F5;
    --nav-border-bottom: #E4E7ED;

    /* icon 颜色 */
    --icon-default-color: #7D7D7D;
    --icon-default1-color: #333333;
    --icon-default2-color: #eb4e4e;
    --icon-default3-color: #000000;
    --icon-default4-color: rgba(0, 0, 0, 0.45);
    --icon-default5-color: rgba(0, 0, 0, 0.65);

    /* 分割线 */
    --content-splice-line: #EEEEEE;
    --content-describe-line: #EEEEEE;
    --content-default1-line: rgba(0, 0, 0, 0.65);
    --text-splice-line: #787a80;
    --text-underline-line: #fff;
    --divide-spice-line: #EEEEEE;
    --quote-timeline-line: #E2E2E2;
    --quote-timeline-active-line: #7D7D7D;

    /* 按扭 */
    --button-normal-bg: #F5F5F5;
    --button-normal-color: var(--text-describe-color);
    --button-nav-normal-color: rgba(0, 0, 0, 0.85);
    --button-active-normal-color: rgba(255, 255, 255, 0.65);
    --button-active-bg: var(--g-theme-highlight-color);
    --button-active-color: #fff;

    /* input */
    --input-default-bg: #FFFFFF;
    --input-default1-bg: #FAFAFA;

    --input-text-color: var(--text-title-color);
    --input-place-holder: #999999;

    --input-default-border: var(--border-default-color);
    --input-default1-border: rgba(0, 0, 0, 0.1);

    --input-suffix-icon: #7D7D7D;
    /* 背景色 */
    --common-body-bg: #FFFFFF;

    /* popover */
    --g-popover-shadow: rgba(20, 20, 20, 0.15);
    --g-popover-bg: #fff;
    --g-popover-arrow-color: #fff;
    --g-popover-item-hover-bg-color: #FCF3F2;
    --g-popover-item-text-color: #333333;
    --g-popover-item-hover-text-color: #40A829;

    /* select */
    --select-bg: #fff;
    --select-stock-hover: #FAEDEB;
    --input-default-border: var(--border-default-color);
    --input-place-holder: #999999;
    /* 背景色 */
    --common-body-bg: #FFFFFF;
}

/*
*    主题样式定义
*/
:root body[gtheme-mode="default"] {
    --g-text: var(--g-text-dark);
    --g-text-1: var(--g-text-dark-1);
    --g-text-2: var(--g-text-dark-2);
    --g-text-3: var(--g-text-dark-3);
    --g-text-4: var(--g-text-dark-4);
    --g-text-5: var(--g-text-dark-5);
    --g-text-6: var(--g-text-dark-6);
    --g-text-7: var(--g-text-dark-3);
    --g-text-8: var(--g-text-dark-1);
    --g-text-9: var(--g-text-dark-2);
    --g-text-10: var(--g-text-dark-2);
    --g-text-11: var(--g-text-dark-2);
    --g-text-12: var(--g-text-dark-2);
    --g-text-13: #000;
    --g-text-highlight: var(--g-text-dark-highlight);
    --g-text-unit: var(--text-empty-color);
}