body.lightmode {
    --bg-color: #ffffff;
    --text-color: #2a2a2a;

    --link-color: #0000e4;

    /* Top bar */
    --top-bar-bg-color: #eaeaea;
    --top-bar-hover-color: #dadada;
    --top-bar-text-color: #444444;
    --hamburger-icon-color: #333333;
    --sun-icon-color: #FFB817;

    /* Side bar */
    --side-bar-bg-color: #e0e0e0;
    --side-bar-hover-color: #d4d4d4;
    --side-bar-text-color: #666666;

    /* User menu */
    --user-menu-bg-color: var(--side-bar-bg-color);
    --user-menu-hover-color: var(--side-bar-hover-color);
    --user-menu-text-color: var(--side-bar-text-color);

    /* File collection */
    --file-collection-bg-color: #f0f0f0;
    --file-collection-hover-color: #e0e0e0;
    --file-collection-border-color: #cccccc;
    --file-collection-text-color: var(--text-color);

    /* Account form */
    --account-form-bg-color: var(--file-collection-bg-color);
    --account-form-hover-color: var(--file-collection-hover-color);
    --account-form-border-color: var(--file-collection-border-color);
    --account-form-text-color: var(--file-collection-text-color);

    /* Page Overview */
    --page-overview-bg-color: var(--file-collection-bg-color);
    --page-overview-hover-color: var(--file-collection-hover-color);
    --page-overview-border-color: var(--file-collection-border-color);
    --page-overview-text-color: var(--file-collection-text-color);
}