body.light {
    --default-tx-color: #333;
    --hovered-tx-color: #000;
    --quote-tx-color: #4a4a4a;

    --default-bg-color: #fff;
    --dimmed-bg-color: #f5f5f5;
    --chart-bg-color: #fff;
    --quote-bg-color: #f5f5f5;
    --skeleton-bg-color: #e0e0e0;

    --fab-bg-color: #fff;
    --hovered-bg-color: #eee;
    --allpage-bg-color: #f7f7f7;

    --shallow-bd-color: #e0e0e0;
    --deep-bd-color: #9e9e9e;
    --btn-bd-color: #f5f5f5;
    --table-bd-color: #e0e0e0;

    --default-link-unvisited-color: #1976D2;
    --default-link-visited-color: #ff1493;

    --default-inline-code-color: #000;
    --default-inline-code-bg-color: #eee;
    --default-block-code-bg-color: #0d1117;
}

body.dark {
    --default-tx-color: #f7f7f7;
    --hovered-tx-color: #fff;
    --quote-tx-color: #ececec;
    
    --default-bg-color: #161616;
    --dimmed-bg-color: #3e3e3e;
    --chart-bg-color: #252525;
    --quote-bg-color: #3e3e3e;
    --skeleton-bg-color: #616161;

    --fab-bg-color: #424242;
    --hovered-bg-color: #333;
    --allpage-bg-color: #000;

    --shallow-bd-color: #333;
    --deep-bd-color: #bdbdbd;
    --btn-bd-color: #333;
    --table-bd-color: #616161;

    --default-link-unvisited-color: #64B5F6;
    --default-link-visited-color: #ff69b4;

    --default-inline-code-color: #eee;
    --default-inline-code-bg-color: #333;
    --default-block-code-bg-color: #202225;
}