let light =`
    --light: #333;
    --plain:#fff;
    --text-color: #666;
    --panel: #f7efe5;
    --panel-1: fff;
    --panel-2: #ebedf0;
    --panel-3: #fff;
    --form-panel-3: #f7f7f7;
    --panel-4: #fff;
    --form-panel-4: #F1F1F6;
    --border-color: #dcdee0;
    --mimicry-shadow:3px 3px 7px #d9d9d9, -5px -5px 10px #ffffff;
    --nei-shadow:inset 5px 5px 10px #d9d9d9;
    --nei-shadow-5:inset 2px 2px 5px #d9d9d9;
    --shadow: 0px 0px 26px 0px rgba(34, 34, 44, 0.06);
    --picker-mask:linear-gradient(180deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6)),linear-gradient(0deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6));
    --bg-top:#fff;
    --bg-bottom:#f9f9f9;
    --tab-nav:#fff;
    --tab-nav-shadow:0px -9px 14px 0px rgba(0, 0, 0, 0.06);
    --nav-tab-active:#ceb359;
`
let dark = `
    --light:#fff;
    --plain:#fff;
    --text-color: #9FA6B5;
    --panel: #22222d;
    --panel-1: #2A2A38;
    --panel-2: #343445;
    --panel-3: #22222d;
    --panel-4: #484859;
    --form-panel-4: #484859;
    --border-color:#49495F;
    --mimicry-shadow:3px 3px 7px #1a1a1a, -5px -5px 10px #242424;
    --nei-shadow:inset 5px 5px 10px #1a1a1a;
    --nei-shadow-5:inset 2px 2px 5px #1a1a1a;
    --shadow: 0px 0px 33px 0px rgba(34, 34, 44, 0.25);
    --picker-mask:linear-gradient(180deg,#1f1f1f,rgba(70, 70, 70, 0.6)),linear-gradient(0deg,#1f1f1f,rgba(70, 70, 70, 0.6));
    --bg-top:#292d39;
    --bg-bottom:#292d39;
    --tab-nav:#292d39;
    --tab-nav-shadow:0px -7px 20px 0px rgba(37, 37, 48, 0.83);
    --nav-tab-active:#ffffff;
`

export default {
    light,
    dark
}