web/src/theme.js

export const THEME = {
  paper: '#f5f1e8',
  paperDeep: '#ece6d6',
  ink: '#1f1d18',
  inkSoft: '#5a554a',
  inkFaint: '#94907f',
  rule: '#d6cdb6',
  ruleSoft: '#e6dfca',
  accent: '#a8521a',
  accentSoft: '#d68f5a',
  accentTint: '#fdf6e8',
  pos: '#3f6b3a',
  warn: '#a8521a',
  cool: '#3b5d6f',
  warm: '#a04020',
  focusedPaper: '#f5f1e8',
  broadPaper: '#efeadf',
  focusedStrip: '#ede4cd',
  broadStrip: '#e8e0c8',
  font: '"IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif',
  mono: '"IBM Plex Mono", "JetBrains Mono", ui-monospace, monospace',
  serif: '"IBM Plex Serif", Georgia, serif',
};

export const O2_COLOR = '#3a7d6e';

export const tempColor = (t) => {
  if (t < 15) return '#3b82a6';
  if (t < 30) return '#5b8b9c';
  if (t < 45) return '#7d8470';
  if (t < 60) return '#b06a3b';
  return '#a04020';
};

export const pHColor = (p) => {
  if (p < 6) return '#a04020';
  if (p < 7.5) return '#7d8470';
  return '#3b82a6';
};

export const saltColor = (s) => {
  if (s < 1) return '#7d8470';
  if (s < 5) return '#b89048';
  return '#8a5e1f';
};