:root {
    --theme-color: #fd7802;
    --theme-bg-color: #fff4eb;
    --theme-hover-color: #ee964a;
    --danger-color: #ff4d4f;
    --danger-bg-color: #ffeeee;
    --danger-hover-color: #ff7875;
    --link-color: #1890ff;
    --link-bg-color: #acc3f5;
    --link-hover-color: #306ef0;
    --link-active-color: #096dd9;
    --success-color: #28aa91;
    --success-bg-color: #ecfffb;
    --success-hover-color: #28aa91;
    --bg-color: #efefef;
    --bg-bold-color: #f7f7f7;
    --bg-bolder-color: #e6e6e6;
    --font-color: #333333;
    --font-bold-color: #262626;
    --font-light-color: #8c8c8c;
    --line-color: #e8e8e8;
    --gray-color: #808080;
    --warn-color: #ecec11;
    --shallow-color: #f9f9f9;
    --white-color: #ffffff;
    --black-color: #ffffff;
	--info-color: #068b11;
	--placeholder-color: #d0cccc;
}
.dart-theme {
    --theme-color: #1890ff;
    --theme-bg-color: #acc3f5;
    --theme-hover-color: #306ef0;
    --danger-color: #ff4d4f;
    --danger-bg-color: #ffeeee;
    --danger-hover-color: #ff7875;
    --link-color: #1890ff;
    --link-bg-color: #acc3f5;
    --link-hover-color: #306ef0;
    --link-active-color: #096dd9;
    --success-color: #28aa91;
    --success-bg-color: #ecfffb;
    --success-hover-color: #28aa91;
    --bg-color: #121212;
    --bg-bold-color: #5a5656;
    --bg-bolder-color: #e6e6e6;
    --font-color: #f8f2f2;
    --font-bold-color: #262626;
    --font-light-color: #8c8c8c;
    --line-color: #736f6f;
    --gray-color: #808080;
    --warn-color: #ecec11;
    --shallow-color: #f9f9f9;
    --white-color: #1e1e1e;
    --black-color: #ffffff;
	--info-color: #068b11;
	--placeholder-color: #d0cccc;
}
.blue-theme {
    --theme-color: #1890ff;
    --theme-bg-color: #acc3f5;
    --theme-hover-color: #306ef0;
    --danger-color: #ff4d4f;
    --danger-bg-color: #ffeeee;
    --danger-hover-color: #ff7875;
    --link-color: #1890ff;
    --link-bg-color: #acc3f5;
    --link-hover-color: #306ef0;
    --link-active-color: #096dd9;
    --success-color: #28aa91;
    --success-bg-color: #ecfffb;
    --success-hover-color: #28aa91;
    --bg-color: #efefef;
    --bg-bold-color: #f7f7f7;
    --bg-bolder-color: #e6e6e6;
    --font-color: #333333;
    --font-bold-color: #262626;
    --font-light-color: #8c8c8c;
    --line-color: #e8e8e8;
    --gray-color: #808080;
    --warn-color: #ecec11;
    --shallow-color: #f9f9f9;
    --white-color: #ffffff;
    --black-color: #ffffff;
	--info-color: #068b11;
	--placeholder-color: #d0cccc;
}
a {
    color: var(--theme-color);
    text-decoration: none;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    transition: color 0.3s;
    -webkit-text-decoration-skip: objects;
}
body {
    background: var(--bg-color);
    color: var(--font-color);
}
.app {
    background: var(--bg-color);
    color: var(--font-color);
}
a:hover {
    color: var(--hover-color);
}
a:active {
    color: var(--hover-color);
}