MediaWiki:Common.css: Difference between revisions

mNo edit summary
Tags: Mobile edit Mobile web edit
m active color in night mode
Line 19: Line 19:
   html.skin-theme-clientpref-night .pageInputActive {
   html.skin-theme-clientpref-night .pageInputActive {
     border: 2px solid var( --color-base--hover, #404244 );
     border: 2px solid var( --color-base--hover, #404244 );
     background-color: var( --background-color-interactive-subtle--active, #000 );
     background-color: var(--color-base,#202122)
   }
   }
}
}
Line 27: Line 27:
   html.skin-theme-clientpref-os .pageInputActive {
   html.skin-theme-clientpref-os .pageInputActive {
     border: 2px solid var( --color-base--hover, #404244 );
     border: 2px solid var( --color-base--hover, #404244 );
     background-color: var( --background-color-interactive-subtle--active, #000 );
     background-color: var(--color-base,#202122)
   }
   }
}
}
Line 39: Line 39:
   html.skin-theme-clientpref-night .createPageInput:hover{
   html.skin-theme-clientpref-night .createPageInput:hover{
     border: 2px solid var( --color-base--hover, #404244 );
     border: 2px solid var( --color-base--hover, #404244 );
     background-color: var( --background-color-interactive-subtle--active, #000 );
     background-color: var(--color-base,#202122)
   }
   }
}
}
Line 46: Line 46:
   html.skin-theme-clientpref-os .createPageInput:hover{
   html.skin-theme-clientpref-os .createPageInput:hover{
     border: 2px solid var( --color-base--hover, #404244 );
     border: 2px solid var( --color-base--hover, #404244 );
     background-color: var( --background-color-interactive-subtle--active, #000 );
     background-color: var(--color-base,#202122)
   }
   }
}
}
Line 94: Line 94:
   html.skin-theme-clientpref-night .cat-but:active{
   html.skin-theme-clientpref-night .cat-but:active{
     border: 2px solid var( --color-base--hover, #404244 );
     border: 2px solid var( --color-base--hover, #404244 );
     background-color: var( --background-color-interactive-subtle--active, #000 );
     background-color: var(--color-base,#202122)
   }
   }
}
}
Line 102: Line 102:
   html.skin-theme-clientpref-os .cat-but:active {
   html.skin-theme-clientpref-os .cat-but:active {
     border: 2px solid var( --color-base--hover, #404244 );
     border: 2px solid var( --color-base--hover, #404244 );
     background-color: var( --background-color-interactive-subtle--active, #000 );
     background-color: var(--color-base,#202122)
   }
   }
}
}
Line 114: Line 114:
   html.skin-theme-clientpref-night .cat-but:hover{
   html.skin-theme-clientpref-night .cat-but:hover{
     border: 2px solid var( --color-base--hover, #404244 );
     border: 2px solid var( --color-base--hover, #404244 );
     background-color: var( --background-color-interactive-subtle--active, #000 );
     background-color: var(--color-base,#202122)
   }
   }
}
}
Line 120: Line 120:
   html.skin-theme-clientpref-os .cat-but:hover{
   html.skin-theme-clientpref-os .cat-but:hover{
     border: 2px solid var( --color-base--hover, #404244 );
     border: 2px solid var( --color-base--hover, #404244 );
     background-color: var( --background-color-interactive-subtle--active, #000 );
     background-color: var(--color-base,#202122)
   }
   }
}
}