templates/data-app/themes/scientific-blue/theme.css

:root {
  color-scheme: light dark;
  --adaptive-theme: 1;
  --font-sans: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --background: light-dark(#f7faff, #101722);
  --surface: light-dark(#fff, #172131);
  --surface-raised: light-dark(#fff, #1c293b);
  --muted: light-dark(#edf4ff, #202f45);
  --control: light-dark(#fff, #1c293b);
  --control-hover: light-dark(#edf4ff, #263852);
  --interaction-hover: var(--muted);
  --interaction-active: var(--control-hover);
  --text: light-dark(#10233f, #edf5ff);
  --secondary: light-dark(#60738d, #a7bad2);
  --border: light-dark(#cedcf0, #344862);
  --border-strong: light-dark(#9db5d5, #527096);
  --accent: #1769e0;
  --positive: light-dark(#147a58, #65d6aa);
  --negative: light-dark(#ba3d4f, #ff97a4);
  --chart-1: #1769e0;
  --chart-2: #05a6c8;
  --chart-3: #6b59d3;
  --chart-4: #14845f;
  --chart-5: #d16b2f;
  --chart-6: #b84b9b;
  --chart-7: #7a8da7;
  --chart-8: #78b8ff;
  --movement-positive: color-mix(in srgb, var(--chart-1) 70%, var(--text));
  --movement-negative: color-mix(in srgb, var(--chart-4) 70%, var(--text));
  --chart-neutral-fill: color-mix(in srgb, var(--text) 3%, var(--surface));
  --ranked-list-fill: color-mix(in srgb, var(--chart-1) 16%, var(--surface));
  --ranked-list-fill-hover: color-mix(in srgb, var(--chart-1) 24%, var(--surface));
  --movement-total: var(--secondary);
  --card-radius: 8px;
  --control-radius: 6px;
  --mark-radius: 2;
  --card-shadow: 0 1px 2px light-dark(rgb(35 75 125 / 5%), rgb(0 0 0 / 18%));
  --shadow: 0 8px 24px light-dark(rgb(35 75 125 / 10%), rgb(0 0 0 / 28%));
}