:root[theme="green"] {
  --color-theme-p: #005248;
  --color-theme-s: #146452;
  --color-theme-n: #368475;
  --color-theme-l: #6ba298;
  --color-theme-i: #99c0b7;
}
:root[theme="green"] .gHeader {
  background-image: url("/static/img/header-green.jpg");
}

:root,
:root[theme="lightgreen"] {
  --color-theme-p: #27877c;
  --color-theme-s: #2a9e7d;
  --color-theme-n: #51bba5;
  --color-theme-l: #8fe3d3;
  --color-theme-i: #dff2ee;
}
:root[theme="lightgreen"] .gHeader {
  background-image: url("/static/img/header-lightgreen.png");
}

:root[theme="skyblue"] {
  --color-theme-p: #0080ff;
  --color-theme-s: #03a6ff;
  --color-theme-n: #1ec0ff;
  --color-theme-l: #a3daff;
  --color-theme-i: #dff2ee;
}