/**
* 亮色主题
*/
/*
*   基础色值定义
*/
:root body[gtheme-mode="dark"] {
    /*layout*/
    --g-smart-text-underline: rgb(173 170 174);
    --g-theme-highlight-color: #40A829;
    --g-theme-highlight-hover-bg: #2e2e33;
    --g-theme-highlight-select-bg: #3b3b42;
    --g-theme-highlight-content-hover-bg: #2e2e33;
    --g-theme-highlight-content-select-bg: #3b3b42;

    --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-more-icon-color: rgba(255, 255, 255, .65);
    --g-menu-scroll-bar-color: #565657;

    /*loading*/
    --g-layout-loading: rgba(30, 30, 32, 0.8);

    --g-scroll-bar-color: #565657;
    --g-background-color: #141414;
    --g-content-background-color: #141414;
    --g-spliter-background-color: #141414;
    --g-tip-background-color: var(--g-theme-highlight-color);

    /*text*/
    --g-text-light: rgba(255, 255, 255, 1);
    --g-text-light-1: rgba(255, 255, 255, 0.85);
    --g-text-light-2: rgba(255, 255, 255, 0.65);
    --g-text-light-3: rgba(255, 255, 255, 0.85);
    --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-7: rgba(255, 255, 255, 1);
    --g-text-light-8: rgba(255, 255, 255, 0.55);
    --g-text-light-9: rgba(255, 255, 255, 0.75);

    --g-text-light-10: rgba(255, 255, 255, 0.10);
    --g-text-light-15: rgba(255, 255, 255, 0.15);
    --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-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: rgba(255, 255, 255, 0.65);
    --g-list-item-background-color: #1E1E20;
    --g-list-item-hover-background-color: #29292d;
    --g-list-item-select-background-color: #3b3b42;
    --g-list-item-border-color: #2b2c31;
    --g-list-item-border-color-2: #2b2c31;

    /*icon*/
    --g-icon-color: #808A9E;
    --g-icon-color-1: #ffffff;
    --g-icon-color-2: rgba(255, 255, 255, 0.85);
    --g-icon-color-3: rgba(255, 255, 255, 0.55);
    --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: rgba(255, 255, 255, 0.10);

    /*input*/
    --g-input-color: rgba(255, 255, 255, 0.65);
    --g-input-border-color: #39393D;
    --g-input-border-color-2: rgba(255, 255, 255, 0.10);
    --g-input-placeholder-color: rgba(255, 255, 255, 0.25);
    --g-input-placeholder-color-2: rgba(255, 255, 255, 0.25);

    /*button*/
    --g-radio-button-color: rgba(255, 255, 255, 0.65);
    --g-radio-button-background-color: #262628;
    --g-radio-button-select-background-color: #262628;
    --g-radio-button-border-color: rgba(255, 255, 255, 0.1);

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

    /*dialog*/

    /*popupmenu*/
    --g-popup-background-color: #2a2a2d;


    /*tip*/
    --g-tip-common-bg: #303133;
    --g-tip-common-color: #fff;
    --g-tip-common-border-color: #1e1e20;

    /*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: rgba(255, 255, 255, .45);

    /*tab*/
    --g-tab-text-color: rgba(255, 255, 255, .65);
    --g-tab-text-hover-color: #fff;
    --g-tab-text-select-color: #fff;
    --g-tab-btn-background-color: #212124;
    --g-tab-btn-background-select-color: #212124;
    --g-tab-btn-text-select-color: var(--g-theme-highlight-color);
    --g-tab-btn-color-2: rgba(255, 255, 255, 0.85);
    --g-tab-btn-color-3: rgba(255, 255, 255, 0.65);
    --g-tab-btn-background-color-2: #252528;
    --g-tab-btn-background-color-3: #303034;
    --g-tab-drow-border-color: #36373D;

    /*tag*/
    --g-tag-color: rgba(255, 255, 255, 0.85);
    --g-tag-icon-hover-color: #FFF;
    --g-tag-industry-bgColor: rgb(48, 55, 73);
    --g-tag-industry-color: rgb(122, 153, 241);

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

    /*image*/

    /*pagination*/
    --g-pagination-background-color: #1e1e20;
    --g-pagination-color: rgba(255, 255, 255, 0.65);
    --g-pagination-active-color: rgba(255, 255, 255, 0.65);
    --g-pagination-border-color: rgba(255, 255, 255, 0.10);
    --g-pagination-icon-color: rgba(255, 255, 255, 0.65);

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

    /*select*/
    --g-select-input-background-color: rgba(255, 255, 255, 0.02);
    --g-select-input-background-color-2: rgba(255, 255, 255, 0.02);
    --g-select-input-active-background-color: rgba(255, 255, 255, 0.02);
    --g-select-input-active-text-color: rgba(255, 255, 255, 0.85);
    --g-select-input-icon-color: rgba(255, 255, 255, 0.45);

    /*dialog*/
    --g-dialog-header-color: rgba(255, 255, 255, 0.85);
    --g-dialog-header-background-color: #383838;
    --g-dialog-button-normal-color: #FFF;
    --g-dialog-button-normal-background-color: #303034;
    --g-dialog-button-highlight-color: #FFF;
    --g-dialog-button-highlight-background-color: var(--g-theme-highlight-color);
    --g-dialog-content-background-color2: #2B2B2D;

    --g-yb-border-color: #292B30;
    --g-yb-text-color: rgba(255, 255, 2555, 0.8);

    /* switch */
    --switch-core-color: rgb(61, 61, 66);
    --switch-border-color: rgb(61, 61, 66);

    --g-cascader-menu-fill: #1d1e1f;
    --g-cascader-menu-border: #414243;
    --g-cascader-menu-shadow: rgba(0, 0, 0, .72);
    --g-cascader-node-background-hover: #2e2e33;
    --g-cascader-menu-color: #CFD3DC;
    --g-cascader-node-hover-bgColor: #2e2e33;

    /* button */
    --g-btn-normal-bgColor: #303034;
    --g-btn-normal-color: rgba(255, 255, 255, 0.65);
    --g-btn-active-bgColor: rgba(220, 87, 60, 0.25);
    --g-btn-active-color: var(--g-theme-highlight-color);

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

    /* 导航栏 菜单 */
    --menu-content-bg: #141414;
    --menu-splice-line: #000;
    --menu-icon-color: rgba(255, 255, 255, 0.5);
    --menu-text-color: rgba(255, 255, 255, 0.25);
    --menu-disabled-color: rgba(255, 255, 255, 0.25);
    --menu-refresh-color: rgba(255, 255, 255, 0.65);
    --menu-divider-line: rgba(255, 255, 255, 0.1);


    /*tab*/
    --tab-text-color: rgba(255, 255, 255, 0.65);
    --tab-icon-color: rgba(255, 255, 255, 0.65);
    --tab-active-color: #fff;
    --tab-active-bg: #1E1E20;
    --tab-close-color: #141414;
    --tab-nav-line: #000;
    --tab-refresh-fill: rgba(255, 255, 255, 0.45);

    /* 弹窗 */
    --dialog-body-bg: #1E1E20;
    --dialog-body-show: rgba(0, 0, 0, .15);
    --search-down-loading-bg: #303034;
    --search-down-list-bg: #303034;
    --search-down-border: #45454C;
    --search-down-tab-line: #36373D;
    --search-down-active-color: var(--g-theme-highlight-color);
    --search-down-avater-bg: rgba(255, 255, 255, 0.1);
    --search-down-avater-border: rgba(255, 255, 255, 0.1);
    --search-info-box-bg: #252528;
    --search-company-color: hsla(0, 0%, 100%, .65);
    --about-card-bg: #28292b;
    --about-card-color: rgba(255, 255, 255, 0.65);
    --about-card-line: var(--text-splice-line);
    --about-card-update-color: #FFFFFF;
    --message-splice-line: var(--content-describe-line);
    --message-tree-bg: #303034;
    --message-solid-border: #000000;
    --message-isRead-bg: #1e1e20;
    --message-barrage-bg: rgba(47, 47, 51, 0.8);
    --message-pop-bg: rgba(47, 47, 51, 0.8);
    --message-border-color: #484852;
    --message-operation-bg: #3b3b42;
    --message-icon-fill: var(--main1-text1-color);
    --message-input-icon: var(--main3-text3-color);
    --suggestion-close-bg: #B0B0B1;

    --message-tips-bg:#47474D;
    /* 弹窗  ---------- end*/


    /* 字体颜色 */
    --text-title-color: #ffffff;
    --text-body-color: rgba(255, 255, 255, 0.85);
    --text-describe-color: hsla(0, 0%, 100%, .85);
    --text-disabled-color: rgba(255, 255, 255, 0.25);


    --main-text-color: rgba(255, 255, 255, 0.95);
    --main1-text1-color: rgba(255, 255, 255, 0.65);
    --main2-text2-color: rgba(255, 255, 255, 0.85);
    --main3-text3-color: rgba(255, 255, 255, 0.45);
    --main4-text4-color: rgba(255, 255, 255, 0.25);
    --main5-text5-color: rgba(255, 255, 255, 0.20);
    --main6-text6-color: rgba(255, 255, 255, 0.75);
    --main7-text7-color: rgba(255, 255, 255, 0.01);
    --main8-text8-color: rgba(255, 255, 255, 0.85);
    --main9-text9-color: rgba(255,255,255,0.85);;
    --main10-text10-color: rgba(255,255,255,0.65);
    --main11-text11-color: #FFFFFF;

    /* empty */
    --text-empty-color: rgba(255, 255, 255, 0.95);
    --empty-border-color: #111112;

    /* 边框色 */
    --border-default-color: rgba(255, 255, 255, 0.1);
    --border-default1-color: rgba(255, 255, 255, 0.85);
    --border-default2-color: rgba(255, 255, 255, 0.45);
    --border-default3-color: rgba(255, 255, 255, 0.25);
    --common-border1-color: #2B2C31;
    --nav-border-bottom: rgba(59, 61, 68, 0.5);

    /* icon 颜色 */
    --icon-default-color: #B0B0B1;
    --icon-default1-color: rgba(255, 255, 255, 0.85);
    --icon-default2-color: #eb4e4e;
    --icon-default3-color: #ffffff;
    --icon-default4-color: rgba(255, 255, 255, 0.45);
    --icon-default5-color: rgba(255, 255, 255, 0.65);
    --icon-default6-color: #979797;
    --icon-default7-color: rgba(255, 255, 255, 0.25);
    --icon-default8-color: #707070;
    --icon-default9-color: rgba(255, 255, 255, 0.45);

    /* 分割线 */
    --content-splice-line: #141414;
    --content-describe-line: rgb(43, 44, 49);
    --content-default1-line: rgba(255, 255, 255, 0.65);
    --text-splice-line: rgba(59, 61, 68, 0.5);
    --text-underline-line: #fff;
    --divide-spice-line: rgba(216, 216, 216, 0.24);
    --quote-timeline-line: #333333;
    --quote-timeline-active-line: #333333;

    /* 按扭 */
    --button-disable-bg: #39393D;
    --button-normal-bg: #303034;
    --button-normal-color: var(--text-describe-color);
    --button-normal-hover-bg: #3B3B42;
    --button-nav-normal-color: rgba(255, 255, 255, 0.85);
    --button-active-normal-color: var(rgba(255, 255, 255, 0.65));
    --button-active-bg: var(--g-theme-highlight-color);
    --button-active-color: #fff;

    /* input */
    --input-default-bg: #1E1E20;
    --input-default1-bg: #19191A;

    --input-text-color: var(--text-title-color);
    --input-place-holder: rgba(255, 255, 255, 0.45);

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

    --input-suffix-icon: rgba(255, 255, 255, 0.25);

    /* 背景色 */
    --common-body-bg: #1E1E20;
    --common-body1-bg: #141414;
    --common-body2-bg: #111112;

    /* popover */
    --g-popover-shadow: #141414;
    --g-popover-bg: #303034;
    --g-popover-arrow-color: #1e1e20;
    --g-popover-item-hover-bg-color: #3B3B42;
    --g-popover-item-text-color: rgba(225, 225, 225, .85);
    --g-popover-item-hover-text-color: #ffffff;

    /* select */
    --select-bg: #1e1e20;
    --select-stock-hover: #252528;

    /* 窗口按钮 */
    --window-btn-color: rgba(255, 255, 255, 0.4);
    --window-btn-hover-bg: #2f2f33;
    --window-btn-hover-color: rgba(255, 255, 255, 0.6);
    --window-btn-danger-hover-bg: #eb4e4e;
    --window-btn-danger-hover-color: rgba(255, 255, 255, 0.75);

    /* -----旧版项目中字体颜色方案 */
    --hl-color: #40A829;
    --scrollBtnColor: #292929;
    --upColor: #40A829;
    --downColor: #DC5454;
    --overview-flat-color: #9A9A9A;
    --mainSplitColor: #000;
    --mainBackgroundColor: #141414;
    --mainBackgroundColor2: #000;
    --mainBackgroundColor3: #000;
    --mainBackgroundColor4: #141414;
    --mainBackgroundColor5:rgb(34, 36, 34);
    --mainBackgroundColor6:rgb(56, 56, 56);
    --lightBackgroundColor: #383838;
    --mainTextColor: rgba(255,255,255,0.85);
    --mainTextColor85: rgba(255,255,255,0.85);
    --mainTextColor65: rgba(255,255,255,0.65);
    --mainTextColor45: rgba(255,255,255,0.45);
    --mainTextColor10: rgba(255,255,255,0.1);
    --mainTextColor20: rgba(255,255,255,0.2);
    --mainTextColor30: rgba(255,255,255,0.3);
    --mainTextColor40: rgba(255,255,255,0.4);
    --mainBorderColor: #2F2F2F;
    --inputBorderColor: #8a8a8a;
    --mainTableBorderColor: #1F1F1F;
    --mainHoverColor: #333;
    --chartMainLineColor:#69F2FA;
    --lightTextColor: #838383;
    --activeColor: #40A829;
    --activeColor1: #3f892f;
    --lightActiveColor: rgba(64, 168, 41, 0.5);
    --btnCancelColor: #505050;
    --btnOkColor: #40A829;
    --lightBtnColor: #dddddd;
    --warningColor: #DC5454;
    --cardBackgroundColor: #1c1c1e;
    --cardHeadColor: #343438;
    --borderColor: #222422;
    --selectBackgroundColor: #222422;
    --hoverSelectBackgroundColor: #353A35;
    --linghtHoverColor: #505050;
    --topBarSvgColor: #FFFFFF;
    --topBarNameColor: #FFFFFF;
    --topBarSelectColor: rgba(255, 255, 255, 0.65);
    --topBarSelectBackgroundColor: #333;
    --exploreTrHoverColor: #1F1F1F;
    --exploreSearchTableColor: #222422;
    --exploreTreeBackgroundColor: #0e0e0e;
    --exploreScreenerHover: #222422;
    --screenerBackgroundColor: #343438;
    --browserCenterBackgroundColor: #161716;
    --browserCenterTreeBackgroundColor: #0E0E0E;
    --browserCenterInputBackgroundColor: #222422;

    --quote-ask-rect-bg: #2A1C1A;
    --quote-bid-rect-bg: #1F261B;
    --watchlist-btn-bg: #2A2B2C;
    --watchlist-fall-timeline: #777;
    --sector-input-bg: #000;
    --sector-manage-list-header-border: #353a35;
    --sector-manage-list-bg: #383838;
}

/*
*    主题样式定义
*/
:root body[gtheme-mode="dark"] {
    --g-text: var(--g-text-light);
    --g-text-1: var(--g-text-light-1);
    --g-text-2: var(--g-text-light-2);
    --g-text-3: var(--g-text-light-3);
    --g-text-4: var(--g-text-light-4);
    --g-text-5: var(--g-text-light-5);
    --g-text-6: var(--g-text-light-6);
    --g-text-7: var(--g-text-light-7);
    --g-text-8: var(--g-text-light-7);
    --g-text-9: var(--g-text-light-8);
    --g-text-10: var(--g-text-light-4);
    --g-text-11: var(--g-text-light-9);
    --g-text-12: var(--g-text-light-7);
    --g-text-13: #fff;
    --g-text-highlight: var(--g-text-light-highlight);
    --g-text-17: rgba(255, 255, 255, 0.7);
    --g-text-unit: var(--g-text-light-65);

    /*user头像*/
    --user-avater-bg: rgba(255, 255, 255, 0.45);
    --user-avater-color: #ffffff;
    --user-name-color: rgba(255, 255, 255, 0.6);
    --user-company: rgba(255, 255, 255, 0.45);
    --popover-user-name: #ffffff;
    --user-splice-line: rgba(59, 61, 68, 0.5);
    --user-list-color: #ffffff;
    --user-list-disabled-color: #777777;
}