MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 418: / Line 418: @@
 .vector-header .vector-icon{
    filter: invert(1) brightness(1.2);
-}
-.vector-header .cdx-text-input__input{
-  color: #000;
-}
-.vector-header .cdx-text-input__input::placeholder{
-  color: #666;
 }
@@ Line 449: / Line 441: @@
 }
-#vector-main-menu-dropdown-label:hover,
+.vector-header .vector-search-box,
-#vector-appearance-dropdown-label:hover,
+.vector-header .vector-typeahead-search-container,
-#vector-user-links-dropdown-label:hover,
+.vector-header .cdx-typeahead-search,
-.vector-header a.search-toggle:hover,
+.vector-header .cdx-search-input,
-#pt-notifications-alert > a:hover,
+.vector-header #simpleSearch,
-#pt-notifications-notice > a:hover{
+.vector-header .cdx-text-input{
+  color: var(--color-base, #202122) !important;
+}
+.vector-header .cdx-text-input__input{
+  background: #fff !important;
+  color: var(--color-base, #202122) !important;
+}
+.vector-header .cdx-text-input__input::placeholder{
+  color: rgba(32,33,34,0.6) !important;
+}
+.vector-header .cdx-text-input__start-icon{
+  filter: none !important;
+}
+.vector-header .cdx-button:hover,
+.vector-header .cdx-button:focus{
    background-color: rgba(255, 255, 255, 0.14) !important;
    border-radius: 8px;
 }
-#vector-main-menu-dropdown-label:hover .vector-icon,
+.vector-header .cdx-button .vector-icon{
-#vector-appearance-dropdown-label:hover .vector-icon,
+  filter: invert(1) brightness(1.2);
-#vector-user-links-dropdown-label:hover .vector-icon,
+  transition: filter 0.15s ease;
-.vector-header a.search-toggle:hover .vector-icon,
+}
-#pt-notifications-alert > a:hover .vector-icon,
-#pt-notifications-notice > a:hover .vector-icon{
+.vector-header .cdx-button:hover .vector-icon,
-   filter: invert(1) brightness(1.45) !important;
+.vector-header .cdx-button:focus .vector-icon{
+  filter: invert(1) brightness(1.45);
+}
+.vector-header .vector-search-box a.search-toggle:hover .vector-icon,
+.vector-header .vector-search-box a.search-toggle:focus .vector-icon{
+   filter: invert(1) brightness(1.45);
+}
+.vector-header .vector-search-box a.search-toggle:hover,
+.vector-header .vector-search-box a.search-toggle:focus{
+  background-color: rgba(255, 255, 255, 0.14) !important;
+  border-radius: 8px;
 }