User:Winkio/common.css: Difference between revisions

Revision as of 23:39, 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);
	}
}

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

header .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;
}

@@ Line 5: / Line 5: @@
 	--theme-header-bg: #fff;
 	--theme-header-color: #202122;
+	--theme-header-icon-filter: invert(100%);
-	--theme-icon-color: #202122;
-	--theme-icon-filter: invert(100%);
 	--theme-dropdown-bg: #fff;
@@ Line 24: / Line 22: @@
 	.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);
 }
@@ Line 39: / Line 28: @@
 	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);
+	filter: var(--theme-header-icon-filter);
 }
@@ Line 57: / Line 39: @@
 	--theme-header-bg: #151;
 	--theme-header-color: #fff;
+	--theme-header-icon-filter: invert(100%);
-	--theme-icon-color: #202122;
-	--theme-icon-filter: invert(100%);
 	--theme-dropdown-bg: #151;
 }