MediaWiki:Theme-Snow.css

/* theme: Snow */
#drilldown-header img, div.drilldown-filters-wrapper img {
  filter: none;
}
.hp > div .text-red {
  /* high contrast */
  color: #d61616;
}
.hp > div .text-golden {
  /* high contrast */
  color: #946114;
}
.message-box::before {
  background: var(--message-box-highlight-color, var(--theme-box-border-color));
}
/*** Snow theme ***/
:root {
  /*** text color ***/
  --theme-accent-label-color: #000;
  /*** link text color ***/
  --theme-link-color--rgb: 45, 64, 104;
  /* common */
  --theme-border-color--rgb: 170, 170, 170;
  --theme-highlight-background: rgba(20,20,20, 0.1);
  --theme-box-border-color-invert: rgba(255,255,255, 0.1);
  --theme-box-hover-mask:rgba(var(--theme-dark-color-rgb),0.15);
  --theme-button-background: linear-gradient(rgba(20,20,20, 0.2), rgba(20,20,20, 0.2)), var(--theme-button-background-active);
  --theme-button-border-color: rgb(191, 200, 221) rgb(68, 51, 89) rgb(68, 51, 89) rgb(191, 200, 221);
  --theme-button-background-active: #aeb3c7 var(--theme-image-button-background) center center / cover repeat-x;
  --theme-button-border-color-active: rgb(191, 200, 221) rgb(68, 51, 89) rgb(68, 51, 89) rgb(191, 200, 221);
  /* sidebar/content common */
  --theme-box-shadow: 0px 0px 15px 0px rgba(10,10,40, 0.45);
  /*** sidebar ***/
  --theme-sidebar-box-background: linear-gradient(rgba(20,20,20, 0.1), rgba(20,20,20, 0.1)),
  #cdd2d6 url(https://terraria.wiki.gg/images/1/10/Content-background-snow.jpg);
  --theme-sidebar-box-border-style: solid;
  --theme-sidebar-box-border-color: var(--theme-content-border-color); /* set it to "transparent" for no border */
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color: rgba(120, 120, 140);
  --theme-sidebar-heading-arrow-color-hover: rgba(140, 140, 180, 0.75);
  --theme-sidebar-heading-background: rgba(20,20,60, 0.1);
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* for hover effect */
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 1px solid rgb(10,10,10);
  --theme-sidebar-list-border-top: 1px solid rgba(255,255,255, 0.1); /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 4px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: rgba(20,20,20, 0.15);
  --theme-sidebar-list-item-text-color: var(--theme-text-color-em);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color-em);
  /* responsive */
  --theme-sidebar-box-background-2: #cdd2d6 url(https://terraria.wiki.gg/images/0/03/Navbar-background-snow.jpg);
  --theme-sidebar-dropdown-background: #cdd2d6 url(https://terraria.wiki.gg/images/1/10/Content-background-snow.jpg);
  /*** content box ***/
  --theme-content-background: #eaeef1;
  --theme-content-border-bottom-width: 0;
  --theme-content-border-style: solid;
  --theme-content-border-color: rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.2) rgba(13, 4, 2, 0.2) rgba(255,255,255, 0.1);
  --theme-content-subpage-icon-color: rgba(234,227,209,0.4); /* color for "<" */
  /** category: box **/
  --theme-content-category-background: rgba(20,20,20, 0.1);
  --theme-content-category-border-style: solid;
  --theme-content-category-border-color: rgba(13, 4, 2, 0.5) rgba(255,255,255, 0.1) rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.5);
  /** notification **/
  --theme-notification-background: url(https://terraria.wiki.gg/images/6/6d/Notification-background-snow.png);
  --theme-notification-border-color: rgb(191, 200, 221) rgb(68, 51, 89) rgb(68, 51, 89) rgb(191, 200, 221);
  --theme-notification-shadow: 0px 0px 10px 0px rgb(var(--theme-shadow-color-rgb));
  /* ------------------------------------------------------------------------- */
  /* ========================================================================= */
  /* OOUI variables start */
  /* ========================================================================= */
  /* ------------------------------------------------------------------------- */
  /* These helper variables are defined for reuse in the variable definitions below */
  --oouihelper--red: #900000;
  --oouihelper--red-darker: #491010;
  --oouihelper--red-lighter: #b40000;
  --oouihelper--red-lighter-transparent: rgba(240, 72, 72, 0.6);
  --oouihelper--red-lightest: #bc0000;
  --oouihelper--yellow: #ac6600;
  --oouihelper--yellow-darker: #4d2e00;
  --oouihelper--yellow-lighter: #ffcc33;
  --oouihelper--green: #006633;
  --oouihelper--green-darker: #00331a;
  --oouihelper--green-lighter: #00e673;
  --oouihelper--progressive: var(--theme-link-color);
  --oouihelper--progressive-transparent: rgba(var(--theme-link-color--rgb), 0.6);
  --oouihelper--progressive-lighter: rgba(var(--theme-link-color--rgb), 0.8);
  --oouihelper--disabled: #666;
  --oouihelper--disabled-lighter-transparent: rgba(100, 100, 100, 0.1);
  --oouihelper--disabled-darker-transparent: rgba(10, 10, 10, 0.1);
  --oouihelper--borderdark: var(--theme-border-color);
  --oouihelper--borderdark-lighter: rgba(var(--theme-border-color--rgb), 0.85);
  --oouihelper--borderdark-hover: rgba(var(--theme-border-color--rgb), 0.9);
  --oouihelper--borderdark-focus: var(--oouihelper--progressive);
  --oouihelper--textinput-background: rgba(100, 100, 110, 0.1);
  --oouihelper--textinput-background-lighter: rgba(130, 130, 140, 0.1);
  --oouihelper--textinput-background-darker: rgba(80, 80, 90, 0.2);
  --oouihelper--placeholdertext: var(--theme-text-color-note);
  --oouihelper--themerelated: #adb0b1;
  --oouihelper--themerelated-lighter: #b7babd;
  --oouihelper--themerelated-lighter-transparent: rgba(197, 200, 204, 0.6);
  --oouihelper--themerelated-lightest: #c6c9ce;
  --oouihelper--themerelated-darker: #808588;
  --oouihelper--themerelated-darkest: #5e6569;
  --oouihelper--themerelated-disabled: rgba(128, 133, 136, 0.1);
  --oouihelper--themerelated-disabled-lighter: rgb(183, 186, 189);
  --oouihelper--text-background: #eaeef1;
  --oouihelper--text-deeper: var(--theme-text-color);
  /* Actual OOUI variables, grouped by element type */
  /* misc */
  --ooui--inlinehelp-color: var(--theme-text-color-note);
  --ooui--disabled-color: var(--oouihelper--disabled);
  /* all buttons */
  --ooui--button-background--hover: #7b573d url(https://terraria.wiki.gg/images/7/71/Button-background-snow.jpg) center center / cover repeat-x;
  --ooui--button-background: linear-gradient(rgba(100, 100, 100, 0.05), rgba(100, 100, 100, 0.05)), var(--ooui--button-background--hover);
  --ooui--button-box-shadow: rgba(50, 50, 60, 0.15) 2px 2px 3px;
  --ooui--button-box-shadow--focus: inset var(--oouihelper--themerelated-lighter-transparent) 0 0 0 2px;
  /* "normal" button */
  --ooui--button-border-top: 1px solid rgb(191, 200, 221);
  --ooui--button-border-right: 1px solid rgb(68, 51, 89);
  --ooui--button-border-bottom: var(--ooui--button-border-right);
  --ooui--button-border-left: var(--ooui--button-border-top);
  --ooui--button-border-top--hover: 1px solid rgba(191, 200, 221, 0.5);
  --ooui--button-border-right--hover: 1px solid rgba(191, 200, 221, 0.5);
  --ooui--button-border-bottom--hover: var(--ooui--button-border-right--hover);
  --ooui--button-border-left--hover: var(--ooui--button-border-top--hover);
  --ooui--button-color: var(--theme-text-color);
  --ooui--button-color--hover: var(--oouihelper--text-deeper);
  /* "progressive" button */
  --ooui--button-progressive-color: var(--oouihelper--progressive);
  --ooui--button-progressive-color--hover: var(--oouihelper--progressive-lighter);
  --ooui--button-progressive-box-shadow--focus: inset var(--oouihelper--progressive-transparent) 0 0 0 2px;
  --ooui--button-progressive-primary-border-color: var(--oouihelper--progressive);
  --ooui--button-progressive-primary-border-color--hover: var(--oouihelper--progressive-lighter);
  /* "destructive" button */
  --ooui--button-destructive-color: var(--oouihelper--red-lighter);
  --ooui--button-destructive-color--hover: var(--oouihelper--red-lightest);
  --ooui--button-destructive-box-shadow--focus: inset var(--oouihelper--red-lighter-transparent) 0 0 0 2px;
  --ooui--button-destructive-primary-border-color: var(--oouihelper--red-lighter);
  --ooui--button-destructive-primary-border-color--hover: var(--oouihelper--red-lightest);
  /* disabled button */
  --ooui--button-disabled-color: var(--oouihelper--disabled);
  --ooui--button-disabled-background: linear-gradient(var(--oouihelper--disabled-darker-transparent), var(--oouihelper--disabled-darker-transparent)), var(--ooui--button-background--hover);
  --ooui--button-disabled-border-top: 1px solid rgba(126, 109, 93, 0.7);
  --ooui--button-disabled-border-right: 1px solid rgba(70, 53, 47, 0.7);
  --ooui--button-disabled-border-bottom: var(--ooui--button-disabled-border-right);
  --ooui--button-disabled-border-left: var(--ooui--button-disabled-border-top);
  /* frameless button */
  --ooui--button-frameless-on-color: var(--oouihelper--text-deeper);
  /* textarea */
  --ooui--textarea-background-color: var(--oouihelper--textinput-background);
  --ooui--textarea-placeholder-color: var(--oouihelper--placeholdertext);
  --ooui--textarea-border-color: var(--oouihelper--borderdark);
  --ooui--textarea-border-color--hover: var(--oouihelper--borderdark-hover);
  --ooui--textarea-border-color--focus: var(--oouihelper--borderdark-focus);
  --ooui--textarea-invalid-border-color: var(--oouihelper--red-lighter);
  --ooui--textarea-readonly-background-color: var(--oouihelper--textinput-background-darker);
  --ooui--textarea-disabled-color: var(--oouihelper--disabled);
  --ooui--textarea-disabled-border-color: var(--oouihelper--disabled-lighter-transparent);
  --ooui--textarea-disabled-background-color: var(--oouihelper--disabled-darker-transparent);
  --ooui--textarea-pending-background-color-1: rgba(20, 20, 20, 0.9);
  --ooui--textarea-pending-background-color-2: #000;
  /* checkbox */
  --ooui--checkbox-border-color: var(--oouihelper--themerelated);
  --ooui--checkbox-border-color--hover: var(--oouihelper--themerelated-lighter);
  --ooui--checkbox-icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%23adb0b1%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E"); /* set the part between "fill=%22%23" and "%22" to the desired hexcode */
  --ooui--checkbox-icon--hover: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%23b7babd%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E");
  --ooui--checkbox-box-shadow--focus: var(--oouihelper--themerelated-darkest);
  --ooui--checkbox-disabled-background-color: var(--oouihelper--themerelated-disabled);
  --ooui--checkbox-disabled-icon: var(--ooui--checkbox-icon);
  /* radiobutton */
  --ooui--radiobutton-border-color: var(--oouihelper--themerelated);
  --ooui--radiobutton-border-color--hover: var(--oouihelper--themerelated-lighter);
  --ooui--radiobutton-box-shadow--focus: var(--oouihelper--themerelated-darkest);
  --ooui--radiobutton-disabled-background-color: var(--oouihelper--themerelated-disabled);
  /* toggleswitch */
  --ooui--toggleswitch-border-color: var(--oouihelper--themerelated);
  --ooui--toggleswitch-border-color--hover: var(--oouihelper--themerelated-lighter);
  --ooui--toggleswitch-color--active: var(--oouihelper--themerelated-darker);
  --ooui--toggleswitch-grip-color: var(--oouihelper--themerelated-lightest);
  --ooui--toggleswitch-box-shadow--focus: var(--oouihelper--themerelated-darkest);
  --ooui--toggleswitch-disabled-background-color: var(--oouihelper--themerelated-disabled);
  --ooui--toggleswitch-disabled-grip-color: var(--oouihelper--themerelated-disabled-lighter);
  /* dropdown */
  --ooui--dropdown-background-color: var(--oouihelper--textinput-background);
  --ooui--dropdown-background-color--hover: var(--oouihelper--textinput-background-lighter);
  --ooui--dropdown-border-color: var(--oouihelper--borderdark);
  --ooui--dropdown-border-color--hover: var(--oouihelper--borderdark-hover);
  --ooui--dropdown-border-color--focus: var(--oouihelper--borderdark-focus);
  --ooui--dropdown-disabled-color: var(--oouihelper--disabled);
  --ooui--dropdown-disabled-border-color: var(--oouihelper--disabled-lighter-transparent);
  --ooui--dropdown-disabled-background-color: var(--oouihelper--disabled-darker-transparent);
  /* selectfile */
  --ooui--selectfile-border-color: #72777d;
  --ooui--selectfile-background-color: var(--oouihelper--textinput-background);
  --ooui--selectfile-candrop-background-color: #514743;
  /* tag item */
  --ooui--tagitem-background-color: rgba(20, 20, 20, 0.1);
  --ooui--tagitem-border-color: var(--oouihelper--borderdark);
  --ooui--tagitem-border-color--hover: var(--oouihelper--borderdark-hover);
  --ooui--tagitem-border-color--focus: var(--oouihelper--themerelated-darkest);
  --ooui--tagitem-invalid-border-color: var(--oouihelper--red-lighter);
  --ooui--tagitem-color--hover: var(--theme-text-color-em);
  --ooui--tagitem-disabled-color: var(--oouihelper--disabled);
  --ooui--tagitem-disabled-border-color: var(--oouihelper--disabled-lighter-transparent);
  --ooui--tagitem-disabled-background-color: rgba(20, 20, 20, 0.2);
  /* multioption */
  --ooui--multioption-disabled-color: var(--oouihelper--disabled);
  /* progressbar */
  --ooui--progressbar-border-color: var(--oouihelper--themerelated);
  --ooui--progressbar-bar-background-color: var(--oouihelper--themerelated);
  --ooui--progressbar-disabled-border-color: var(--oouihelper--themerelated-disabled);
  --ooui--progressbar-pending-background-color-1: rgba(var(--theme-link-color--rgb), 0.35);
  --ooui--progressbar-pending-background-color-2: rgba(var(--theme-border-color--rgb), 0.2);
  /* messagewidget */
  --ooui--messagewidget-notice-background-color: #eaeef1;
  --ooui--messagewidget-notice-border-color: #2f231e;
  --ooui--messagewidget-error-background-color: var(--oouihelper--red);
  --ooui--messagewidget-error-border-color: var(--oouihelper--red-darker);
  --ooui--messagewidget-error-color: var(--oouihelper--red-lighter);
  --ooui--messagewidget-warning-background-color: var(--oouihelper--yellow);
  --ooui--messagewidget-warning-border-color: var(--oouihelper--yellow-darker);
  --ooui--messagewidget-success-background-color: var(--oouihelper--green);
  --ooui--messagewidget-success-border-color: var(--oouihelper--green-darker);
  --ooui--messagewidget-success-color: var(--oouihelper--green-lighter);
  /* menuselectwidget */
  --ooui--menuselect-background-color: var(--oouihelper--text-background);
  --ooui--menuselect-selected-background-color: var(--oouihelper--textinput-background-darker);
  --ooui--menuselect-highlighted-background-color: var(--oouihelper--textinput-background-lighter);
  --ooui--menuselect-border-color: var(--oouihelper--borderdark);
  --ooui--menusectionoption-color: var(--oouihelper--placeholdertext);
  /* tabselectwidget */
  --ooui--tabselect-background-color: var(--oouihelper--text-background);
  --ooui--tabselect-selected-background-color: var(--theme-content-background);
  --ooui--tabselect-highlighted-background-color: var(--oouihelper--textinput-background-lighter);
  --ooui--tabselect-frameless-box-shadow-color: var(--oouihelper--borderdark-lighter);
  --ooui--tabselect-frameless-selected-color: var(--theme-link-color);
  --ooui--tabselect-frameless-selected-box-shadow-color: var(--theme-link-color);
  --ooui--tabselect-frameless-highlighted-color: #bcd1d2;
  --ooui--tabselect-frameless-highlighted-box-shadow-color: #bcd1d2;
  --ooui--taboption-color: var(--oouihelper--placeholdertext);
  /* outlineselectwidget */
  --ooui--outlineselect-box-shadow--focus: inset var(--oouihelper--themerelated-lighter-transparent) 0 0 0 2px;
  --ooui--outlineoption-background-color: var(--oouihelper--text-background);
  --ooui--outlineoption-border-color: var(--oouihelper--borderdark);
  --ooui--outlineoption-selected-background-color: var(--oouihelper--textinput-background-darker);
  --ooui--outlineoption-highlighted-background-color: var(--oouihelper--textinput-background-lighter);
  --ooui--outlineoption-pressed-background-color: #22292a;
  /* popupwidget */
  --ooui--popup-background-color: var(--oouihelper--text-background);
  --ooui--popup-border-color: var(--oouihelper--borderdark);
  /* layouts */
  --ooui--bookletlayout-border-color: var(--oouihelper--borderdark);
  --ooui--panellayout-border-color: var(--oouihelper--borderdark);
  /* dialog */
  --ooui--dialog-border-color: var(--oouihelper--borderdark);
  --ooui--dialog-border-color--lighter: var(--oouihelper--borderdark-lighter);
  /* window */
  --ooui--window-background-color: var(--oouihelper--text-background);
  --ooui--window-border-color: var(--oouihelper--borderdark);
  /* indicators */
  /* tools like https://isotropic.co/tool/hex-color-to-css-filter/ allow converting the desired color into a filter */
  --ooui--indicator-filter: brightness(0) invert(50%) sepia(21%) saturate(662%) hue-rotate(170deg) brightness(80%) contrast(91%);
  --ooui--indicator-invert-filter: brightness(0);
  /* icons */
  --ooui--icon-normal-filter: brightness(0) invert(0%) sepia(0%) saturate(100%) hue-rotate(5deg) brightness(100%) contrast(100%);
  --ooui--icon-progressive-filter: brightness(0) invert(50%) sepia(21%) saturate(662%) hue-rotate(170deg) brightness(80%) contrast(91%);
  --ooui--icon-destructive-filter: brightness(0) invert(33%) sepia(27%) saturate(2948%) hue-rotate(329deg) brightness(116%) contrast(91%);
  --ooui--icon-invert-filter: brightness(0);
  --ooui--icon-success-filter: brightness(0) invert(76%) sepia(47%) saturate(4832%) hue-rotate(101deg) brightness(101%) contrast(101%); /* #00e673 */
  --ooui--icon-warning-filter: brightness(0) invert(81%) sepia(89%) saturate(585%) hue-rotate(323deg) brightness(96%) contrast(112%); /* #ffcc33 */
  --ooui--icon-error-filter: brightness(0) invert(56%) sepia(62%) saturate(4943%) hue-rotate(329deg) brightness(91%) contrast(108%); /* #f04848 */
  /* ------------------------------------------------------------------------- */
  /* ========================================================================= */
  /* OOUI variables end */
  /* ========================================================================= */
  /* ------------------------------------------------------------------------- */
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: rgba(120, 120, 120);
  --theme-widget-toc-arrow-color-hover: rgba(180, 180, 180);
  --theme-widget-toc-item-hover-background: rgba(20,20,20, 0.15);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color-note);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-link-color-hover);
  --theme-modetabs-classic-background: var(--theme-highlight-background);
  --theme-modetabs-expert-background: #ffeece;
  --theme-modetabs-expert-border-color: #ffca67;
  --theme-modetabs-expert-text-color: #3a3119;
  --theme-modetabs-expert-text-color-label: #9b5700;
  --theme-modetabs-master-background: #ffe9e9;
  --theme-modetabs-master-border-color: #ffbaba;
  --theme-modetabs-master-text-color: #462b08;
  --theme-modetabs-master-text-color-label: #dd1414;
  --custom-template-expert-color: #9b5700;
  --custom-template-master-color: #dd1414;
  --custom-template-journey-color: #c70a7d;
  /* temp */
  --theme-image-button-background: url(https://terraria.wiki.gg/images/7/71/Button-background-snow.jpg);
}
:root {
  --theme-site-background: #9079c8 url(https://terraria.wiki.gg/images/a/af/Site-background-snow.jpg) center top / cover no-repeat fixed;
  --theme-site-logo-image: url(https://terraria.wiki.gg/images/3/34/Site-logo-snow.png);
  --theme-site-logo-width: 343px;
  --theme-site-logo-height: 156px;
}
:root {
  --theme-background: #eaeef1;
}
:root {
  --theme-background-accent: rgba(20,20,20,0.2);
}
:root {
  --theme-top-background: url(https://terraria.wiki.gg/images/5/53/Grass-top-snow.png) top left repeat-x; /* the "grass" */
}
:root {
  --theme-text-color: #080a13; /* main text color. 234,227,209 */
  --theme-text-color-note: #666; /* note text */
  --theme-text-color-em: #080a13; /* 196,235,208 */
  --theme-text-color-highlight: #000;
  --theme-text-color-green: #007e00;
  --theme-text-color-red: #d61616;
}
:root {
  --theme-link-color: #2d4068;
  --theme-link-color-hover: #2d4068;
  --theme-link-color-visited: #2d4068;
  --theme-link-color-redlink: #9f0000;
}
:root {
  --theme-highlight-background: rgba(20,20,20, 0.1);
}
:root {
  --theme-widget-shadow: 0px 0px 15px 0px rgba(10,10,40, 0.45);
  --theme-widget-background: linear-gradient(rgba(20,20,20, 0.1), rgba(20,20,20, 0.1)),
  #d6dbdf url(https://terraria.wiki.gg/images/1/10/Content-background-snow.jpg);
}
:root {
  --theme-box-border-color: #aaa;
  --theme-box-background: rgba(200, 200, 210, 0.15);
  --theme-box-inset-shadow: inset 0 0 4px 1px rgba(0,0,0, 0.05);
  --theme-border-color-accent: #333;
}
:root {
  --theme-hr-color-bottom: rgba(255,255,255, 0.5);
}
:root {
  --theme-dropdown-background: #d6dbdf url(https://terraria.wiki.gg/images/1/10/Content-background-snow.jpg);
}
#mw-panel {
  --theme-background: #d7e5f2 url(https://terraria.wiki.gg/images/0/03/Navbar-background-snow.jpg);
  --theme-heading-background: rgba(20,20,60, 0.1);
}
#mw-head {
  --theme-background: #d7e5f2 url(https://terraria.wiki.gg/images/0/03/Navbar-background-snow.jpg);
  --theme-background-shadow: linear-gradient(to top, rgba(10,10,10,0.15), transparent 30%);
  --theme-tab-background-selected: #eaeef1; /* same as #content background */
  --theme-tab-background: linear-gradient(rgba(20,20,20, 0.4), rgba(20,20,20, 0.4)), #eaeef1;
}
#footer {
  --theme-background: linear-gradient(rgba(20,20,20, 0.05), rgba(20,20,20, 0.05)), #d7e5f2 url(https://terraria.wiki.gg/images/0/03/Navbar-background-snow.jpg);
}
.catlinks {
  --theme-background: rgb(198, 204, 215);
}