html {
  --border-color: #eee;
  --text-color: rgba(0, 0, 0, 0.88);
  --text-color-secondary: rgba(0, 0, 0, 0.55);
  --component-background-color: #fff;
  --app-content-background-color: #fafafa;
  --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02),
    0 2px 4px 0 rgba(0, 0, 0, 0.02);
  --box-shadow-secondary: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12),
    0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --box-shadow-tertiary: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02),
    0 2px 4px 0 rgba(0, 0, 0, 0.02);
}


html.dark {
  --border-color: #303030;
  --text-color: #c9d1d9;
  --text-color-secondary: #8b949e;
  --component-background-color: #151515;
  --app-content-background-color: #1e1e1e;
  --box-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.03), 0 1px 6px -1px rgba(255, 255, 255, 0.02),
    0 2px 4px 0 rgba(255, 255, 255, 0.02);
  --box-shadow-secondary: 0 6px 16px 0 rgba(255, 255, 255, 0.08), 0 3px 6px -4px rgba(255, 255, 255, 0.12),
    0 9px 28px 8px rgba(255, 255, 255, 0.05);
  --box-shadow-tertiary: 0 1px 2px 0 rgba(255, 255, 255, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02),
    0 2px 4px 0 rgba(255, 255, 255, 0.02);
}