User:Winkio/common.css: Difference between revisions

Revision as of 23:37, 10 June 2024

/* default vector theme */
:root {
	--theme-body-bg: #f8f9fa;
	--theme-body-color: #202122;
	--theme-header-bg: #fff;
	--theme-header-color: #202122;
	
	--theme-icon-color: #202122;
	--theme-icon-filter: invert(100%);
	
	--theme-dropdown-bg: #fff;
}

@media screen {
	.vector-feature-zebra-design-disabled body {
	   background: var(--theme-body-bg);
	   color: var(--theme-body-color);
    }
    
    .vector-feature-zebra-design-disabled .vector-header-container {
    	background: var(--theme-header-bg);
    }
	
	.vector-feature-zebra-design-disabled .vector-dropdown .vector-dropdown-content {
		background: var(--theme-dropdown-bg);
	}
	
	.vector-user-menu-logged-in .vector-dropdown-label::after
	{
		filter: var(--theme-icon-filter);
	}
}

.cdx-icon {
  color: var(--theme-icon-color);
}

.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled {
	color: var(--theme-header-color);
}

/*.vector-icon.mw-ui-icon-wikimedia-watchlist,
.vector-icon.mw-ui-icon-wikimedia-userAvatar,
.vector-icon.mw-ui-icon-wikimedia-userContributions,
.vector-icon.mw-ui-icon-wikimedia-logOut {
	filter: var(--theme-icon-filter);
}*/

header .vector-icon {
	filter: var(--theme-icon-filter);
}

/* light vector theme */
:root {
	--theme-body-bg: #072207;
	--theme-body-color: #202122;
	--theme-header-bg: #151;
	--theme-header-color: #fff;
	
	--theme-icon-color: #202122;
	--theme-icon-filter: invert(100%);
	
	--theme-dropdown-bg: #151;
}