MediaWiki:Common.css/src/themeLegacy.scss
< MediaWiki:Common.css | src
Jump to navigation
Jump to search
This page is one of the SCSS pages which are the basis for MediaWiki:Common.css. After you edit this page, you will need to recompile them for your changes to take effect. See Terraria Wiki:CSS to learn more.
Ancestor: / src / themeLegacy.scss
Siblings: _lib.scss Common.scss base.scss content.scss extension.scss floatingScroll.scss gg.scss interface.scss page.scss reset.scss system.scss template.scss theme.scss themeLegacy.scss unknown.scss
Children: (none)
/***********************************************************************************************************
* base css styles for both interface and content box: font, color, theme vars, etc.
***********************************************************************************************************/
/*** vars, for theming ***/
:root {
--theme-accent-color: transparent;
--theme-accent-color--rgb: 228,240,247;
--theme-accent-color--hover: #95c4df;
--theme-accent-label-color: #eae3d1;
--custom-accent-border-color: #afcfe2;
--custom-accent-highlight-color: var(--theme-accent-color--hover);
--theme-page-background-color--secondary: rgba(255,255,255,0.2);
/* the following "--custom-notice-" vars are deprecated, please use the "--theme-notice-" vars directly instead */
--custom-notice-blue-background-color: var(--theme-notice-blue-background-color);
--custom-notice-blue-border-color: var(--theme-notice-blue-border-color);
--custom-notice-red-background-color: var(--theme-notice-red-background-color);
--custom-notice-red-border-color: var(--theme-notice-red-border-color);
--custom-notice-purple-background-color: var(--theme-notice-purple-background-color);
--custom-notice-purple-border-color: var(--theme-notice-purple-border-color);
--custom-notice-green-background-color: var(--theme-notice-green-background-color);
--custom-notice-green-border-color: var(--theme-notice-green-border-color);
--custom-notice-yellow-background-color: var(--theme-notice-yellow-background-color);
--custom-notice-yellow-border-color: var(--theme-notice-yellow-border-color);
--custom-notice-orange-background-color: var(--theme-notice-orange-background-color);
--custom-notice-orange-border-color: var(--theme-notice-orange-border-color);
--custom-notice-pink-background-color: var(--theme-notice-pink-background-color);
--custom-notice-pink-border-color: var(--theme-notice-pink-border-color);
--custom-template-expert-color: #ffb556;
--custom-template-master-color: #ff5656;
--custom-template-journey-color: #ff69c4;
--custom-modetabs-expert-background-color: #ffeece;
--custom-modetabs-expert-border-color: #ffca67;
--custom-modetabs-expert-label-color: #eae3d1;
--custom-modetabs-master-background-color: #ffe9e9;
--custom-modetabs-master-border-color: #ffbaba;
--custom-modetabs-master-label-color: #eae3d1;
/*************************************************************************/
--theme-text-color-placeholder: rgba(234,227,209,0.4);
--theme-control-text-color: #000;
--theme-control-text-color-hover: #fff;
/* temp */
--theme-page-background-color: rgba(255,255,255,0.03);
--theme-success-color: #7fc759;
--theme-alert-color: #fe603f;
--theme-dark-color-rgb: 20,20,20;
--theme-light-color-rgb: 255,247,230;
--theme-shadow-color-rgb: 10,10,10;
--theme-box-border-color-light: rgba(255,255,255, 0.1);
--theme-box-hover-mask: rgba(var(--theme-dark-color-rgb), 0.25);
--theme-image-button-background: url(https://terraria.wiki.gg/images/d/d4/Button-background-overworld.jpg);
}
/**** Theme vars START ***********************************************************/
/*** base default theme (Overworld/dark) ***/
:root {
--theme-text-color--rgb: 234, 227, 209;
/* common */
--theme-border-color--rgb: 0,0,0;
--theme-highlight-background: rgba(20,20,20, 0.25);
--theme-box-border-color-inner: var(--theme-box-border-color);
--theme-box-border-radius-inner: 8px;
--theme-box-border-color-invert: rgba(255,255,255, 0.1);
--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: rgba(151,107,69, 0.7) rgba(86,47,33, 0.7) rgba(86,47,33, 0.7) rgba(151,107,69, 0.7);
--theme-button-background-active: #7b573d var(--theme-image-button-background) center center / cover repeat-x;
--theme-button-border-color-active: rgb(151,107,69) rgb(86,47,33) rgb(86,47,33) rgb(151,107,69);
/* sidebar/content common */
--theme-box-shadow: 0px 0px 15px 0px rgba(10,10,10, 0.7);
/*** sidebar ***/
--theme-sidebar-box-background: linear-gradient(rgba(20,20,20, 0.1), rgba(20,20,20, 0.1)),
#60473b url(https://terraria.wiki.gg/images/2/26/Content-background-overworld.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(234,227,209, 0.5);
--theme-sidebar-heading-arrow-color-hover: rgb(234,227,209);
--theme-sidebar-heading-background: rgba(20,20,20, 0.15);
--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.25);
--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: #60473b url(https://terraria.wiki.gg/images/5/5a/Navbar-background-overworld.jpg);
--theme-sidebar-dropdown-background: #60473b url(https://terraria.wiki.gg/images/2/26/Content-background-overworld.jpg);
/*** content box ***/
--theme-content-background: #5a433a;
--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.25);
--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/5/56/Notification-background-overworld.png);
--theme-notification-border-color: #cdab7b #562f21 #562f21 #cdab7b;
--theme-notification-shadow: 0px 0px 10px 0px rgb(var(--theme-shadow-color-rgb));
/******* "real" wiki content ********/
--theme-widget-toc-arrow-color: rgba(234,227,209, 0.5);
--theme-widget-toc-arrow-color-hover: rgba(234,227,209);
--theme-widget-toc-item-hover-background: rgba(20,20,20, 0.25);
--theme-collapsible-toggle-icon-color: var(--theme-text-color-note);
--theme-collapsible-toggle-icon-color-hover: var(--theme-link-color-hover);
/* modetabs */
--theme-modetabs-classic-background: var(--theme-box-background);
--theme-modetabs-classic-border-color: var(--theme-border-color);
--theme-modetabs-classic-text-color: var(--theme-text-color-highlight);
--theme-modetabs-classic-text-color-label: var(--theme-modetabs-classic-text-color);
--theme-modetabs-expert-background: #a1743a80;
--theme-modetabs-expert-border-color: #ffca67;
--theme-modetabs-expert-text-color: var(--theme-modetabs-classic-text-color);
--theme-modetabs-expert-text-color-label: #dab2fa;
--theme-modetabs-master-background: #a9545467;
--theme-modetabs-master-border-color: #ffbaba;
--theme-modetabs-master-text-color: var(--theme-modetabs-classic-text-color);
--theme-modetabs-master-text-color-label: #ff6c60;
}
@theme Underground{
/*** Underground theme ***/
:root {
/* common */
--theme-border-color--rgb: 0, 0, 0;
--theme-highlight-background: rgba(20,20,20, 0.25);
--theme-box-border-color-invert: rgba(255,255,255, 0.1);
--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: rgba(120, 118, 162, 0.7) rgba(63, 44, 92, 0.7) rgba(63, 44, 92, 0.7) rgba(120, 118, 162, 0.7);
--theme-button-background-active: #3e393d var(--theme-image-button-background) center center / cover repeat-x;
--theme-button-border-color-active: rgb(120, 118, 162) rgb(63, 44, 92) rgb(63, 44, 92) rgb(120, 118, 162);
/* sidebar/content common */
--theme-box-shadow: 0px 0px 15px 0px rgba(10,10,10, 0.7);
/*** sidebar ***/
--theme-sidebar-box-background: linear-gradient(rgba(20,20,20, 0.1), rgba(20,20,20, 0.1)),
#60473b url(https://terraria.wiki.gg/images/8/84/Content-background-underground.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(234,227,209, 0.5);
--theme-sidebar-heading-arrow-color-hover: rgb(234,227,209);
--theme-sidebar-heading-background: rgba(20,20,20, 0.15);
--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.25);
--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: #60473b url(https://terraria.wiki.gg/images/a/ae/Navbar-background-underground.jpg);
--theme-sidebar-dropdown-background: #60473b url(https://terraria.wiki.gg/images/8/84/Content-background-underground.jpg);
/*** content box ***/
--theme-content-background: #3e393d;
--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.25);
--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/c/c0/Notification-background-underground.png);
--theme-notification-border-color: #cdab7b #562f21 #562f21 #cdab7b;
--theme-notification-shadow: 0px 0px 10px 0px rgb(var(--theme-shadow-color-rgb));
/******* "real" wiki content ********/
--theme-widget-toc-arrow-color: rgba(234,227,209, 0.5);
--theme-widget-toc-arrow-color-hover: rgba(234,227,209);
--theme-widget-toc-item-hover-background: rgba(20,20,20, 0.25);
--theme-collapsible-toggle-icon-color: var(--theme-text-color-note);
--theme-collapsible-toggle-icon-color-hover: var(--theme-link-color-hover);
/* temp */
--theme-image-button-background: url(https://terraria.wiki.gg/images/0/0a/Button-background-underground.jpg);
}
}
@theme Snow{
/*** Snow theme ***/
:root {
/*** text color ***/
--theme-accent-label-color: #000;
/* 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));
/******* "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);
}
}
@theme Jungle{
/*** Jungle theme ***/
:root {
/* common */
--theme-border-color--rgb: 0, 0, 0;
--theme-highlight-background: rgba(20,20,20, 0.25);
--theme-box-border-color-invert: rgba(255,255,255, 0.1);
--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: rgba(189, 205, 101, 0.7) rgba(33, 86, 76, 0.7) rgba(33, 86, 76, 0.7) rgba(189, 205, 101, 0.7);
--theme-button-background-active: #7b573d var(--theme-image-button-background) center center / cover repeat-x;
--theme-button-border-color-active: rgb(189, 205, 101) rgb(33, 86, 76) rgb(33, 86, 76) rgb(189, 205, 101);
/* sidebar/content common */
--theme-box-shadow: 0px 0px 15px 0px rgba(10,10,10, 0.7);
/*** sidebar ***/
--theme-sidebar-box-background: linear-gradient(rgba(20,20,20, 0.1), rgba(20,20,20, 0.1)),
#60473b url(https://terraria.wiki.gg/images/a/a1/Content-background-jungle.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(234,227,209, 0.5);
--theme-sidebar-heading-arrow-color-hover: rgb(234,227,209);
--theme-sidebar-heading-background: rgba(20,20,20, 0.15);
--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.25);
--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: #60473b url(https://terraria.wiki.gg/images/9/96/Navbar-background-jungle.jpg);
--theme-sidebar-dropdown-background: #60473b url(https://terraria.wiki.gg/images/a/a1/Content-background-jungle.jpg);
/*** content box ***/
--theme-content-background: #4a422d;
--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.25);
--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/2/21/Notification-background-jungle.png);
--theme-notification-border-color: #cdab7b #562f21 #562f21 #cdab7b;
--theme-notification-shadow: 0px 0px 10px 0px rgb(var(--theme-shadow-color-rgb));
/******* "real" wiki content ********/
--theme-widget-toc-arrow-color: rgba(234,227,209, 0.5);
--theme-widget-toc-arrow-color-hover: rgba(234,227,209);
--theme-widget-toc-item-hover-background: rgba(20,20,20, 0.25);
--theme-collapsible-toggle-icon-color: var(--theme-text-color-note);
--theme-collapsible-toggle-icon-color-hover: var(--theme-link-color-hover);
/* temp */
--theme-image-button-background: url(https://terraria.wiki.gg/images/a/a0/Button-background-jungle.jpg);
}
}
@theme Hallowed{
/*** Hallow theme ***/
:root {
/* common */
--theme-border-color--rgb: 0, 0, 0;
--theme-highlight-background: rgba(20,20,20, 0.25);
--theme-box-border-color-invert: rgba(255,255,255, 0.1);
--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: rgba(218, 147, 214, 0.7) rgba(47, 28, 67, 0.7) rgba(47, 28, 67, 0.7) rgba(218, 147, 214, 0.7);
--theme-button-background-active: #7b573d var(--theme-image-button-background) center center / cover repeat-x;
--theme-button-border-color-active: rgb(218, 147, 214) rgb(47, 28, 67) rgb(47, 28, 67) rgb(218, 147, 214);
/* sidebar/content common */
--theme-box-shadow: 0px 0px 15px 0px rgba(10,10,10, 0.7);
/*** sidebar ***/
--theme-sidebar-box-background: linear-gradient(rgba(20,20,20, 0.1), rgba(20,20,20, 0.1)),
#60473b url(https://terraria.wiki.gg/images/1/1a/Content-background-hallowed.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(234,227,209, 0.5);
--theme-sidebar-heading-arrow-color-hover: rgb(234,227,209);
--theme-sidebar-heading-background: rgba(20,20,20, 0.15);
--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.25);
--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: #60473b url(https://terraria.wiki.gg/images/d/d3/Navbar-background-hallowed.jpg);
--theme-sidebar-dropdown-background: #60473b url(https://terraria.wiki.gg/images/1/1a/Content-background-hallowed.jpg);
/*** content box ***/
--theme-content-background: #806760;
--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.25);
--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/1/1b/Notification-background-hallowed.png);
--theme-notification-border-color: #cdab7b #562f21 #562f21 #cdab7b;
--theme-notification-shadow: 0px 0px 10px 0px rgb(var(--theme-shadow-color-rgb));
/******* "real" wiki content ********/
--theme-widget-toc-arrow-color: rgba(234,227,209, 0.5);
--theme-widget-toc-arrow-color-hover: rgba(234,227,209);
--theme-widget-toc-item-hover-background: rgba(20,20,20, 0.25);
--theme-collapsible-toggle-icon-color: var(--theme-text-color-note);
--theme-collapsible-toggle-icon-color-hover: var(--theme-link-color-hover);
}
}
@theme Crimson{
/*** Crimson theme ***/
:root {
/* common */
--theme-border-color--rgb: 0, 0, 0;
--theme-highlight-background: rgba(20,20,20, 0.25);
--theme-box-border-color-invert: rgba(255,255,255, 0.1);
--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: rgba(208, 112, 162, 0.7) rgba(76, 33, 86, 0.7) rgba(76, 33, 86, 0.7) rgba(208, 112, 162, 0.7);
--theme-button-background-active: #7b573d var(--theme-image-button-background) center center / cover repeat-x;
--theme-button-border-color-active: rgb(208, 112, 162) rgb(76, 33, 86) rgb(76, 33, 86) rgb(208, 112, 162);
/* sidebar/content common */
--theme-box-shadow: 0px 0px 15px 0px rgba(10,10,10, 0.7);
/*** sidebar ***/
--theme-sidebar-box-background: linear-gradient(rgba(20,20,20, 0.1), rgba(20,20,20, 0.1)),
#60473b url(https://terraria.wiki.gg/images/3/3f/Content-background-crimson.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(234,227,209, 0.5);
--theme-sidebar-heading-arrow-color-hover: rgb(234,227,209);
--theme-sidebar-heading-background: rgba(20,20,20, 0.15);
--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.25);
--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: #60473b url(https://terraria.wiki.gg/images/e/eb/Navbar-background-crimson.jpg);
--theme-sidebar-dropdown-background: #60473b url(https://terraria.wiki.gg/images/3/3f/Content-background-crimson.jpg);
/*** content box ***/
--theme-content-background: #5b3e40;
--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.25);
--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/f/fc/Notification-background-crimson.png);
--theme-notification-border-color: #cdab7b #562f21 #562f21 #cdab7b;
--theme-notification-shadow: 0px 0px 10px 0px rgb(var(--theme-shadow-color-rgb));
/******* "real" wiki content ********/
--theme-widget-toc-arrow-color: rgba(234,227,209, 0.5);
--theme-widget-toc-arrow-color-hover: rgba(234,227,209);
--theme-widget-toc-item-hover-background: rgba(20,20,20, 0.25);
--theme-collapsible-toggle-icon-color: var(--theme-text-color-note);
--theme-collapsible-toggle-icon-color-hover: var(--theme-link-color-hover);
}
}
@theme Corruption{
/*** Corruption theme ***/
:root {
/* common */
--theme-border-color--rgb: 0, 0, 0;
--theme-highlight-background: rgba(20,20,20, 0.25);
--theme-box-border-color-invert: rgba(255,255,255, 0.1);
--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: rgba(143, 119, 155, 0.7) rgba(57, 33, 86, 0.7) rgba(57, 33, 86, 0.7) rgba(143, 119, 155, 0.7);
--theme-button-background-active: #7b573d var(--theme-image-button-background) center center / cover repeat-x;
--theme-button-border-color-active: rgb(143, 119, 155) rgb(57, 33, 86) rgb(57, 33, 86) rgba(143, 119, 155);
/* sidebar/content common */
--theme-box-shadow: 0px 0px 15px 0px rgba(10,10,10, 0.7);
/*** sidebar ***/
--theme-sidebar-box-background: linear-gradient(rgba(20,20,20, 0.1), rgba(20,20,20, 0.1)),
#60473b url(https://terraria.wiki.gg/images/f/f7/Content-background-corruption.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(234,227,209, 0.5);
--theme-sidebar-heading-arrow-color-hover: rgb(234,227,209);
--theme-sidebar-heading-background: rgba(20,20,20, 0.15);
--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.25);
--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: #60473b url(https://terraria.wiki.gg/images/5/5a/Navbar-background-corruption.jpg);
--theme-sidebar-dropdown-background: #60473b url(https://terraria.wiki.gg/images/f/f7/Content-background-corruption.jpg);
/*** content box ***/
--theme-content-background: #55424b;
--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.25);
--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/3/3d/Notification-background-corruption.png);
--theme-notification-border-color: #cdab7b #562f21 #562f21 #cdab7b;
--theme-notification-shadow: 0px 0px 10px 0px rgb(var(--theme-shadow-color-rgb));
/******* "real" wiki content ********/
--theme-widget-toc-arrow-color: rgba(234,227,209, 0.5);
--theme-widget-toc-arrow-color-hover: rgba(234,227,209);
--theme-widget-toc-item-hover-background: rgba(20,20,20, 0.25);
--theme-collapsible-toggle-icon-color: var(--theme-text-color-note);
--theme-collapsible-toggle-icon-color-hover: var(--theme-link-color-hover);
}
}
@theme Legacy{
/*** for Legacy theme ***/
:root{
/* common */
--theme-border-color--rgb: 179, 179, 179;
--theme-box-border-color-inner: transparent;
--theme-box-border-radius-inner: 0;
--theme-highlight-background: #e4f0f7;
--theme-box-border-color-invert: rgba(255,255,255, 0.1);
--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: rgba(151,107,69, 0.7) rgba(86,47,33, 0.7) rgba(86,47,33, 0.7) rgba(151,107,69, 0.7);
--theme-button-background-active: #7b573d var(--theme-image-button-background) center center / cover repeat-x;
--theme-button-border-color-active: rgb(151,107,69) rgb(86,47,33) rgb(86,47,33) rgb(151,107,69);
/* sidebar/content common */
--theme-box-shadow: 0px 0px 6px 0px rgba(0,0,0, 0.1);
/*** sidebar ***/
--theme-sidebar-box-background: rgba(252,525,252,0.7);
--theme-sidebar-box-border-style: solid;
--theme-sidebar-box-border-color: transparent;
--theme-sidebar-box-shadow: var(--theme-box-shadow);
--theme-sidebar-heading-text-color: var(--theme-text-color);
--theme-sidebar-heading-arrow-color: rgba(0,0,0, 0.3);
--theme-sidebar-heading-arrow-color-hover: rgba(0,0,0, 0.7);
--theme-sidebar-heading-background: none;
--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: 0;
--theme-sidebar-list-border-top: 0;
--theme-sidebar-list-padding-top: 0;
--theme-sidebar-list-item-background: none;
--theme-sidebar-list-item-hover-mask: rgba(7,57,139, 0.1);
--theme-sidebar-list-item-text-color: var(--theme-link-color);
--theme-sidebar-list-item-text-color-hover: var(--theme-link-color-hover);
/* responsive */
--theme-sidebar-box-background-2: rgba(252,525,252,0.5);
--theme-sidebar-dropdown-background: rgb(252,525,252);
/*** content ***/
--theme-content-background: #fcfcfc;
--theme-content-border-bottom-width: 0;
--theme-content-border-style: solid;
--theme-content-border-color: rgba(0,0,0, 0.2) transparent transparent;
--theme-content-subpage-icon-color: #AAA; /* color for "<" */
--theme-content-heading-rule-border-top: 1px solid #B3B3B3; /* border */
--theme-content-heading-rule-border-bottom: 0;
/** category: box **/
--theme-content-category-background: #e4f0f7;
--theme-content-category-border-style: solid;
--theme-content-category-border-color: #B3B3B3;
/** notification **/
--theme-notification-background: rgba(252,252,252, 0.9);
--theme-notification-border-color: rgba(0,0,0, 0.2);
--theme-notification-shadow: var(--theme-box-shadow);
/******* "real" wiki content ********/
--theme-widget-toc-arrow-color: rgba(0,0,0, 0.3);
--theme-widget-toc-arrow-color-hover: rgba(0,0,0, 0.7);
--theme-widget-toc-item-hover-background: rgba(7,57,139, 0.1);
--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;
}
/**** Theme vars END ***********************************************************/
}