mediawiki-skins-Vector/resources/skins.vector.styles/skin.less
Jon Robson ca0d404e50 Enable night theme in Vector
- New night theme added via Codex `.cdx-mode-dark();` mixin.
- CSS custom properties separated from skin.less.
- Font-size rem conversion removed since Codex now uses rems.
- bundlesize increased by 1kb ( followup from
Icfcb5c7418061a5727580f0685054356ba4edb72 ).
- Icons that use background-images are inverted for night-theme.
- Linter error fixed for long-lines in clientPreferences.js

Co-Author: <Bernard Wang> bwang@wikimedia.org
Bug: T354889
Depends-On: I1f54bf4f144eaec6ed317c04bd0c851c2f01b42c
Change-Id: I3a8a147b6be67bc830f0d3b816a4b85c26f99cf1
2024-05-02 13:22:59 -05:00

53 lines
1.5 KiB
Plaintext

/**
* Vector modern stylesheets
* See '../common/common.less' for common screen and print Vector stylesheets.
*/
@import './variables.less';
@import './mixins.less';
@media screen {
// Common styles
@import './layouts/screen.less';
@import './layouts/grid.less';
@import './layouts/toc/pinned.less';
@import './layouts/toc/unpinned.less';
@import './normalize.less';
@import './typography.less';
// Components
@import './components/Dropdown.less';
@import './components/MainMenu.less';
@import './components/PinnableElement.less';
@import './components/PinnableHeader.less';
@import './components/PageTools.less';
@import './components/StickyHeader.less';
@import './components/TableOfContents.less';
@import './components/Button.less';
@import './components/Appearance.less';
@import './components/LanguageDropdown.less';
@import './components/UserLinks.less';
@import './components/Header.less';
@import './components/Icon.less';
@import './components/Indicators.less';
@import './components/Footer.less';
@import './components/Menu.less';
@import './components/MenuTabs.less';
@import './components/PageTitlebar.less';
@import './components/PageToolbar.less';
@import './components/PopupNotification.less';
@import './components/SearchBox.less';
@import './components/SiteNotice.less';
@import './components/Watchstar.less';
@import './components/BottomDock.less';
}
@media all {
// Component styles that should apply in all media.
@import './components/Logo.less';
}
@media print {
@import './print.less';
@import './layouts/print.less';
}