.root {
    -color-bg-primary: #151924;
    -color-bg-secondary: #272b38;
    -color-bg-tertiary: #141824;
    -color-bg-overlay: #151924;
    -color-bg-alt: #272b38;
    -color-bg-search: #2c2e3b;
    -color-bg-sidepane: #212330;
    -color-fg-default: white;
    -color-fg-muted: white;
    -color-fg-emphasis: white;
    -color-border-light: #333744;
    -color-border-muted: #333744;
    -color-accent: #F5F5F5;
    -color-link: #F5F5F5;
    -color-accent-subtle: #000000;
    -color-selection: #000000;
    -color-button-default: derive(#000000, 50%);
    -color-button-hover: #fff1;
    -color-button-pressed: #fff2;
    -color-overlay-hover: #fff1;
    -color-overlay-armed: #fff2;
    -color-success: #1cb631;
    -color-success-emphasis: #28d93c;
    -color-warning: #b77620;
    -color-danger: #db1d2b;
    -color-danger-emphasis: #b71c1f;
    -color-syntax-keyword: #b72486;
    -color-scrollbar-thumb: white;
    -color-scrollbar-track: derive(#272b38, -90%);
    -color-tooltip-bg: #000000;
    -color-drag-target: #000000;
    -color-drag-target-hover: #000000;
    -color-badge-bg: #151924;
}