(test 4 for theme-specific variables) |
No edit summary |
||
Line 14: | Line 14: | ||
--secondary-color: #061e36; |
--secondary-color: #061e36; |
||
--clientbluetrans: rgba(1, 10, 19, 0.95); |
--clientbluetrans: rgba(1, 10, 19, 0.95); |
||
+ | } |
||
+ | |||
+ | /********************/ |
||
+ | /* Global Variables */ |
||
+ | /* Light Mode */ |
||
+ | /********************/ |
||
+ | |||
+ | :root .theme-fandomdesktop-light { |
||
+ | --clientblue: var(--theme-body-background-color); |
||
+ | |||
+ | --gold: #CBA457; |
||
+ | --darkgold: #4B3A16; |
||
+ | --bg-color: #FFFFFF; |
||
+ | --theme-color: #002A31; |
||
+ | --theme-page-background-color--secondary: #002A31 !important; |
||
+ | --secondary-color: #F3F5F4; |
||
} |
} |
||
Revision as of 19:38, 2 June 2021
/********************/
/* Global Variables */
/* Dark Mode */
/********************/
:root .theme-fandomdesktop-dark {
--clientblue: var(--theme-body-background-color);
--gold: #c9aa71;
--darkgold: #4B3A16;
--bg-color: #060e1f;
--theme-color: #092949;
--theme-page-background-color--secondary: #092949 !important;
--secondary-color: #061e36;
--clientbluetrans: rgba(1, 10, 19, 0.95);
}
/********************/
/* Global Variables */
/* Light Mode */
/********************/
:root .theme-fandomdesktop-light {
--clientblue: var(--theme-body-background-color);
--gold: #CBA457;
--darkgold: #4B3A16;
--bg-color: #FFFFFF;
--theme-color: #002A31;
--theme-page-background-color--secondary: #002A31 !important;
--secondary-color: #F3F5F4;
}
/****************************/
/* FandomDesktop overruling */
/****************************/
.article-table {
background-color: var(--secondary-color) !important;
margin-bottom: 1em;
border: unset !important;
}
.article-table td {
border-bottom: 1px solid #4a5462 !important;
border-left: unset !important;
}
.article-table th {
background-color: var(--theme-color) !important;
border-left: unset !important;
border-right: unset !important;
border-bottom: 1px solid #4a5462 !important;
}
.pi-background {
background-color: var(--clientblue) !important;
}
code {
background-color: var(--secondary-color);
padding: 1px 4px;
border: 1px solid #092949;
border-radius: 2px;
color: #fff;
}