Discussion on: CSS Quickies: CSS Variables - Or how you create a 🌞white/🌑dark theme easily

View post

Replies for: I think you are talking about this example: .theme-container.light { --c-background: var(--c-light-background); --c-checkbox: var(--c-light-c...

Yeah I get that. I'm talking about the background property on .theme-container.light. I commented out to show what I mean.

.theme-container {
  --c-background: var(--c-dark-background);
  --c-checkbox: var(--c-dark-checkbox);
  background: var(--c-background);
  background-blend-mode: multiply,multiply;
  transition: 0.4s;
}
.theme-container.light {
  --c-background: var(--c-light-background);
  --c-checkbox: var(--c-light-checkbox);
  /* background: var(--c-background); */
  /* I don't think this rule is necessary since you already set it on the main .theme-container. */
}

Michael "lampe" Lazarski • Sep 16 '19

Ahh okay!

Now I understand.

There is no technical reason for that.

It is just to make it more clear to other people what is going on here.