.theme-light {
  --color-primary: lightblue;
  --color-secondary: #fbfbfe;
  --color-accent: #fd6f53;
  --font-color: #686868;
  --iconOS-url: #bfbfbffa url("../../assets/images/iconOS.png") no-repeat center;
  --backgroud-url: #bfbfbffa url("../../assets/images/crb-logo-new-1.png") no-repeat center;
  --boxLogoMenu-url: #bfbfbffa url("../../assets/images/simplesinglecell_menubar_logo.png") no-repeat center;
  --box-shadow-background: 1px 1px 3px 3px rgba(170, 170, 170, 0.5);
  --arrow-color: maroon;
  --box-DarkLight: #bfbfbffa url("../../assets/images/dark.png") no-repeat center;
  --dot-color: maroon;
  --wsu-font-color: maroon;
  --wsu-blackground: maroon;
  --wsu-link-color: white;
  --wsu-link-hover: blue;
}

.theme-dark {
  --color-primary: lightgreen;
  --color-secondary: #2a2c2d;
  --color-accent: #12cdea;
  --font-color: #e0dfdf;
  --iconOS-url: #bfbfbffa url("../../assets/images/iconOS-invert.png") no-repeat center;
  --backgroud-url: #bfbfbffa url("../../assets/images/crb-logo-new-invert-1.png") no-repeat center;
  --boxLogoMenu-url: #bfbfbffa url("../../assets/images/simplesinglecell_menubar_logo_darkmodev2.png") no-repeat center;
  --box-shadow-background: 1px 1px 3px 3px rgba(161, 161, 161, 0.5);
  --arrow-color: #f1f1f1;
  --box-DarkLight: #bfbfbffa url("../../assets/images/light.png") no-repeat center;
  --dot-color: white;
  --wsu-font-color: #e0dfdf;
  --wsu-blackground: #2a2c2d;
  --wsu-link-color: white;
  --wsu-link-hover: maroon;
}

.themeBox {
  display: grid;
  background-color: transparent;
}

.themeBox a {
  display: grid;
}