User:Winkio/common.css: Difference between revisions

Revision as of 23:45, 10 June 2024

/* default vector theme */
:root {
	--theme-body-bg: #f8f9fa;
	--theme-body-color: #202122;
	--theme-header-bg: #fff;
	--theme-header-color: #202122;
	--theme-header-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-header-icon-filter);
	 }
}

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

.vector-header,
.vector-header-container {
	color: var(--theme-header-color);
}

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

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