:root {
    /* 默认是灰黑色的ui */
    --bg-color: #202020;
    --text-color: #ffffff;
    --line: #333;
    
    /* 黑夜和白天模式切换 */
    --day-center: #1a1929;
    --day-round: #090a0f;

    /* 页尾的ui颜色 */
    --secondary-color: #d5d5d5;
    --secondary-bg:#4e4e4e;

    --box-shadow-one: #1a1a1a;
    --box-shadow-two: #262626;
    /* 按钮的ui颜色 */
    --white: #ffffff;
    --button-border: 2px solid var(--white);
    /* 图片背景灰色 */
    --image-modal: rgba(0, 0, 0, 0.9);

    --menu-width: 280px;
}

/* 这个是白色的ui */
body.dark-mode {
    --bg-color: #ededed;
    --text-color: #222222;
    --line: #c9c9c9;
    /* 黑夜和白天模式切换 */
    --day-center: #e0cea5;
    --day-round: #fefedc;

    --secondary-color: #7e7e7e;
    --secondary-bg:#c9c9c9;
    
    --box-shadow-one: rgba(163, 177, 198, 0.6);
    --box-shadow-two: rgba(255, 255, 255, 0.8);

    --image-modal: rgba(80, 80, 80, 0.9);
}