No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* | /* Adjust primary color */ | ||
:root { | |||
--color-primary__h: 205; | |||
} | |||
/* Adjust contrast since we changed primary color */ | |||
:root.skin-citizen-dark { | |||
--color-primary__l: 56%; | |||
} | |||
/* Align icon opacity with skin default */ | |||
.mw-logo-icon { | |||
opacity: var( --opacity-icon-base ); | |||
} | |||
/* | |||
* Footer icons | |||
* We use custom footer icons so we need to fine tune it | |||
*/ | |||
#footer-icons a { | |||
opacity: var( --opacity-icon-base ); | |||
transition: opacity 250ms ease; | |||
} | |||
#footer-icons a:hover { | |||
opacity: var( --opacity-icon-base--hover ); | |||
} | |||
#footer-icons a:active { | |||
opacity: var( --opacity-icon-base--active ); | |||
} | |||
/* More space between icons */ | |||
#footer-icons ul { | |||
gap: var( --space-md ); | |||
} | |||
/* Divide footer links into two columns */ | |||
#footer-places { | |||
column-count: 2; | |||
} | |||
/* Darken the footer icon in light mode */ | |||
.skin-citizen-light #footer-icons a { | |||
filter: invert( 1 ) hue-rotate( 180deg ); | |||
} | |||
/* Lighten the icon in dark mode */ | |||
.skin-citizen-dark .mw-logo-icon { | |||
filter: invert( 1 ) hue-rotate( 180deg ); | |||
} | |||
/* Hide main page header */ | |||
.page-Star_Citizen_Wiki .mw-body-header { | |||
display: none; | |||
} | |||
/* | |||
* Very important checkmark | |||
* Blue checkmark near wordmark | |||
*/ | |||
.mw-logo-wordmark { | |||
display: flex; | |||
align-items: center; | |||
gap: var( --space-sm ); | |||
} | |||
.mw-logo-wordmark:after { | |||
content: ""; | |||
width: 1em; | |||
height: 1em; | |||
display: block; | |||
background-image: url( https://starcitizen.tools/images/5/5f/SCW-Verified.svg ); | |||
} | |||
Revision as of 22:14, 6 March 2023
/* Adjust primary color */
:root {
--color-primary__h: 205;
}
/* Adjust contrast since we changed primary color */
:root.skin-citizen-dark {
--color-primary__l: 56%;
}
/* Align icon opacity with skin default */
.mw-logo-icon {
opacity: var( --opacity-icon-base );
}
/*
* Footer icons
* We use custom footer icons so we need to fine tune it
*/
#footer-icons a {
opacity: var( --opacity-icon-base );
transition: opacity 250ms ease;
}
#footer-icons a:hover {
opacity: var( --opacity-icon-base--hover );
}
#footer-icons a:active {
opacity: var( --opacity-icon-base--active );
}
/* More space between icons */
#footer-icons ul {
gap: var( --space-md );
}
/* Divide footer links into two columns */
#footer-places {
column-count: 2;
}
/* Darken the footer icon in light mode */
.skin-citizen-light #footer-icons a {
filter: invert( 1 ) hue-rotate( 180deg );
}
/* Lighten the icon in dark mode */
.skin-citizen-dark .mw-logo-icon {
filter: invert( 1 ) hue-rotate( 180deg );
}
/* Hide main page header */
.page-Star_Citizen_Wiki .mw-body-header {
display: none;
}
/*
* Very important checkmark
* Blue checkmark near wordmark
*/
.mw-logo-wordmark {
display: flex;
align-items: center;
gap: var( --space-sm );
}
.mw-logo-wordmark:after {
content: "";
width: 1em;
height: 1em;
display: block;
background-image: url( https://starcitizen.tools/images/5/5f/SCW-Verified.svg );
}