MediaWiki:Gadgets/druid/variablesEditMe.css: Difference between revisions

/* These variables are designed to inherit from your wiki's color variables.
   If your wiki uses a different naming scheme, change the inner names to match yours.
   If your wiki doesn't use color variables you should consider doing so,
   otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
*/

/* Light and dark are separated to make it easier for you to do local customizations but in the default version they are identical */

:root, .view-light .druid-container {
    --druid-background-color: var(--wiki-content-background-color, #ffffff);
    
    --druid-secondary-background-color: var(--wiki-accent-color, #36c);
    --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
    
    --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
    
    --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
    
    --druid-link-color: var(--wiki-content-link-color, #0645ad);
    --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
}

.view-dark .druid-container {
    --druid-background-color: var(--wiki-content-background-color, #101418);
    
    --druid-secondary-background-color: var(--wiki-accent-color, #36c);
    --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
    
    --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #202122);
    
    --druid-border-color: var(--wiki-content-border-color, #72777d);
    
    --druid-link-color: var(--wiki-content-link-color, #6d8afb);
    --druid-link-label-color: var(--wiki-content-link-label-color, #000);
}