User:Monster Domosed/common.css: Difference between revisions

No edit summary
No edit summary
Line 170: Line 170:
}
}


 
/* Forced light */
/* Light (forced + auto) */
.skin-citizen-light #ca-ve-edit span,
.skin-citizen-light #ca-ve-edit span,
.skin-citizen-light #wpSave,
.skin-citizen-light #wpSave,
Line 178: Line 177:
}
}


/* Auto → light */
@media (prefers-color-scheme: light) {
@media (prefers-color-scheme: light) {
   .skin-citizen-auto #ca-ve-edit span,
   .skin-citizen-auto #ca-ve-edit span,
Line 186: Line 186:
}
}


/* Dark (forced + auto) */
/* Forced dark */
.skin-citizen-dark #ca-ve-edit span,
.skin-citizen-dark #ca-ve-edit span,
.skin-citizen-dark #wpSave,
.skin-citizen-dark #wpSave,
Line 192: Line 192:
     color: hsl(220, 85%, 5%) !important;
     color: hsl(220, 85%, 5%) !important;
}
}
 
/* Auto → dark */
@media (prefers-color-scheme: dark) {
@media (prefers-color-scheme: dark) {
   .skin-citizen-auto #ca-ve-edit span,
   .skin-citizen-auto #ca-ve-edit span,
Line 198: Line 198:
   .skin-citizen-auto #ca-edit span {
   .skin-citizen-auto #ca-edit span {
     color: hsl(220, 85%, 5%) !important;
     color: hsl(220, 85%, 5%) !important;
  }
}
/* Forced dark */
.skin-citizen-dark #ca-ve-edit .citizen-ui-icon::before,
.skin-citizen-dark #ca-edit .citizen-ui-icon::before {
    filter: invert(0) !important;
}
/* Auto → dark */
@media (prefers-color-scheme: dark) {
  .skin-citizen-auto #ca-ve-edit .citizen-ui-icon::before,
  .skin-citizen-auto #ca-edit .citizen-ui-icon::before {
    filter: invert(0) !important;
   }
   }
}
}