MediaWiki:Gadgets/druid/variablesEditMe.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* 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);
}