:root {
  --code-background: rgba(0, 0, 0, 0.03);
  --code-text: #303030;
  --code-comment: #6b7279;
  --code-type: #9f3b4f;
  --code-include: #8c3a94;
  --code-string: #6959a1;
  --code-class-name: #4968a8;
  --code-numbers: #a58a2a;
  --code-variables: #4689cc;
  --code-functions: #cf5da8;
  --code-literal: #db651c;

  --dark-code-background: rgba(255, 255, 255, 0.06);
  --dark-code-text: #F7F7F7;
  --dark-code-comment: #80878D;
  --dark-code-type: #EF98A8;
  --dark-code-include: #C596C9;
  --dark-code-string: #A59CC7;
  --dark-code-class-name: #94A5CB;
  --dark-code-numbers: #E8D670;
  --dark-code-variables: #77B5E3;
  --dark-code-functions: #DF8DC0;
  --dark-code-literal: #F6B99A;

}
}

.backgrounds .dark.default-container,
.backgrounds .dark.v-split-container,
.backgrounds .dark.grid-container,
.backgrounds .dark.caption-container,
.backgrounds .dark.title-image-container{
    background-color : var(--darkaccent1color);
}

.backgrounds .light.default-container,
.backgrounds .light.v-split-container,
.backgrounds .light.grid-container,
.backgrounds .light.caption-container,
.backgrounds .light.title-image-container{
    background-color : var(--lightaccent1color);
}