Eo Banner

Bannercon 2025 » Eo Banner

:root {
    --logo-image: none;
 
    --white-monochrome: var(--accent-one);
    --pale-gray-monochrome: var(--accent-two);
    --light-gray-monochrome: var(--accent-one);
    --gray-monochrome: var(--accent-one);
    --dark-gray-monochrome: var(--accent-middle);
    --black-monochrome: var(--accent-one);
    --medium-accent: var(--accent-two);
    --pale-accent: var(--accent-middle);
    --bright-accent: var(--accent-middle);
    --dark-accent: var(--accent-middle);
    --alt-accent: var(--accent-middle);
 
   /*SWATCH EDITS*/
   --swatch-text-light: var(--accent-one);
 
   --swatch-text-secondary-color: var(--accent-one);
 
   --swatch-topmenu-bg-color: var(--accent-two); /*GRADIENT*/
   --swatch-topmenu-border-color: var(--accent-one);
 
   --swatch-menutxt-light-color: var(--accent-two);
   --swatch-menutxt-dark-color: var(--accent-two);
   --swatch-menutxt-general-color: var(--accent-one);
 
    --swatch-menubg-color: var(--accent-two);
 
   --quote-shadow: none;
   --header-text-shadow: none;
 
    --rating-module-bg-color: var(--accent-one);
 
   /* THEME VARIABLES */
   --accent-one: var(--black);
   --accent-two: var(--white);
   --accent-middle: var(--gray);
 
   --white: 255, 255, 255;
   --black: 0, 0, 0;
   --gray: 125, 125, 125;
}
 
.lightblock, .styled-quote {
  background: rgb(var(--accent-two));
  color: rgb(var(--accent-one));
}
 
.darkblock, .dark-styled-quote {
  background: rgb(var(--accent-one));
  color: rgb(var(--accent-two));
}
 
.frameblock {
  color: rgb(var(--accent-one));
  background: rgb(var(--accent-two));
  padding: 0.01rem 1rem;
  margin: 0.5rem 0;
  border: solid 5px rgb(var(--accent-one));
}
 
div.scp-image-block div.scp-image-caption {
   background-color: rgb(var(--accent-two));
   border: 2px solid rgb(var(--accent-one));
}
 
#top-bar {
   --swatch-text-secondary-color: var(--accent-one);
}
 
#page-content table.wiki-content-table {
   --tables-header-bg: var(--accent-one);
   --tables-header-txt: var(--accent-two);
}
 
.footnotes-footer {
   --footnotes-footer-text-color: var(--accent-two);
}
 
div.wiki-note {
   --note-color: var(--accent-middle);
}
 
.code, .page-source {
   background-color: rgb(var(--accent-two));
   color: rgb(var(--accent-one));
}
 
#who-rated-page-area > div > span[style*="color"] {
   color: rgb(var(--accent-middle)) !important;
}
 
html, body {
    scrollbar-color: rgb(var(--pale-gray-monochrome))rgb(var(--black-monochrome));
}