html[data-ws-theme="classic98"] {
    color-scheme: light;
    --ws-font-family: Tahoma, "Segoe UI", Arial, sans-serif;
    --ws-font-size: 12px;

    --ws-bg: #008080;
    --ws-surface: #c0c0c0;
    --ws-surface-2: #dfdfdf;
    --ws-surface-3: #b5b5b5;
    --ws-overlay: rgba(0,0,0,.24);

    --ws-text: #222222;
    --ws-text-muted: #5f5f5f;
    --ws-link: #0000ff;

    --ws-primary: #000080;
    --ws-primary-hover: #1084d0;
    --ws-primary-text: #ffffff;

    --ws-border: #808080;
    --ws-border-strong: #0a0a0a;
    --ws-input-bg: #ffffff;
    --ws-input-text: #111111;
    --ws-control-bg: #c0c0c0;
    --ws-control-hover: #d5d5d5;
    --ws-control-active: #b0b0b0;
    --ws-focus: rgba(0,0,128,.28);

    --ws-radius: 0;
    --ws-radius-lg: 0;

    --ws-shadow:
        inset -1px -1px #0a0a0a,
        inset 1px 1px #ffffff,
        inset -2px -2px #808080,
        inset 2px 2px #dfdfdf;

    --ws-shadow-soft:
        inset -1px -1px #808080,
        inset 1px 1px #ffffff;

    --ws-inset-shadow:
        inset -1px -1px #ffffff,
        inset 1px 1px #0a0a0a,
        inset -2px -2px #dfdfdf,
        inset 2px 2px #808080;

    --ws-titlebar-bg: linear-gradient(90deg, #000080, #1084d0);
    --ws-titlebar-text: #ffffff;
    --ws-titlebar-inactive: linear-gradient(90deg, #808080, #b5b5b5);
    --ws-window-border: 0;
    --ws-window-padding: 3px;
    --ws-window-body-padding: 10px;
    --ws-window-title-height: 22px;
    --ws-window-control-size: 18px;

    --ws-sidebar-bg: #c0c0c0;
    --ws-sidebar-text: #222;
    --ws-sidebar-link: #222;
    --ws-sidebar-link-hover: #dfdfdf;
    --ws-sidebar-link-active: #000080;
    --ws-sidebar-link-active-text: #fff;
    --ws-topbar-bg: #c0c0c0;
    --ws-topbar-border: #808080;
}

html[data-ws-theme="classic98-dark"] {
    color-scheme: dark;
    --ws-font-family: Tahoma, "Segoe UI", Arial, sans-serif;
    --ws-font-size: 12px;

    --ws-bg: #111416;
    --ws-surface: #25292d;
    --ws-surface-2: #32373c;
    --ws-surface-3: #42484e;
    --ws-overlay: rgba(0,0,0,.52);

    --ws-text: #f2f2f2;
    --ws-text-muted: #b3bac1;
    --ws-link: #7db8ff;

    --ws-primary: #163e8c;
    --ws-primary-hover: #2358bb;
    --ws-primary-text: #ffffff;

    --ws-border: #111315;
    --ws-border-strong: #050607;
    --ws-input-bg: #171a1d;
    --ws-input-text: #f5f5f5;
    --ws-control-bg: #30353a;
    --ws-control-hover: #3d444a;
    --ws-control-active: #202428;
    --ws-focus: rgba(77,145,255,.35);

    --ws-radius: 0;
    --ws-radius-lg: 0;

    --ws-shadow:
        inset -1px -1px #050607,
        inset 1px 1px #666d74,
        inset -2px -2px #171a1d,
        inset 2px 2px #454b51;

    --ws-shadow-soft:
        inset -1px -1px #101214,
        inset 1px 1px #5a6168;

    --ws-inset-shadow:
        inset -1px -1px #575e65,
        inset 1px 1px #050607,
        inset -2px -2px #343a40,
        inset 2px 2px #15181b;

    --ws-titlebar-bg: linear-gradient(90deg, #071b53, #225bb4);
    --ws-titlebar-text: #ffffff;
    --ws-titlebar-inactive: linear-gradient(90deg, #30353a, #555d64);
    --ws-window-border: 0;
    --ws-window-padding: 3px;
    --ws-window-body-padding: 10px;
    --ws-window-title-height: 22px;
    --ws-window-control-size: 18px;

    --ws-sidebar-bg: #25292d;
    --ws-sidebar-text: #f2f2f2;
    --ws-sidebar-link: #f2f2f2;
    --ws-sidebar-link-hover: #3d444a;
    --ws-sidebar-link-active: #163e8c;
    --ws-sidebar-link-active-text: #fff;
    --ws-topbar-bg: #25292d;
    --ws-topbar-border: #050607;
}