MediaWiki:Gadget-Twinkle.css: Difference between revisions
From Test Wiki
Content deleted Content added
Repo at 27dd1a3: |
update Tags: Mobile edit Mobile web edit |
||
| (One intermediate revision by one other user not shown) | |||
| Line 1: | Line 1: | ||
/* Define CSS variables */ |
|||
html { |
|||
--twinkle-bgcolor-dialog: #F0F8FF; |
|||
--twinkle-bgcolor-titlebar: #BCCADF; |
|||
} |
|||
@media screen { |
|||
html.skin-theme-clientpref-night { |
|||
--twinkle-bgcolor-dialog: #141c26; |
|||
--twinkle-bgcolor-titlebar: #1c2a52; |
|||
} |
|||
} |
|||
@media screen and (prefers-color-scheme: dark) { |
|||
html.skin-theme-clientpref-os { |
|||
--twinkle-bgcolor-dialog: #141c26; |
|||
--twinkle-bgcolor-titlebar: #1c2a52; |
|||
} |
|||
} |
|||
/** |
/** |
||
* Explicitly set width of TW menu so that we can use a hidden peer gadget |
* Explicitly set width of TW menu so that we can use a hidden peer gadget |
||
| Line 25: | Line 45: | ||
margin: 0.5em auto; |
margin: 0.5em auto; |
||
text-align: center; |
text-align: center; |
||
color: inherit; |
|||
} |
} |
||
| Line 42: | Line 63: | ||
#twinkle-config-content input[type=checkbox] { |
#twinkle-config-content input[type=checkbox] { |
||
margin-right: 2px; |
margin-right: 2px; |
||
} |
|||
/* Twinkle config */ |
|||
#twinkle-config { |
|||
border: 1px solid #666; |
|||
background: var(--twinkle-bgcolor-dialog, #F0F8FF); |
|||
color: inherit; |
|||
} |
|||
#twinkle-config label { |
|||
color: var(--color-base, #202122); |
|||
} |
|||
#twinkle-config-titlebar { |
|||
background: var(--twinkle-bgcolor-titlebar, #BCCADF); |
|||
color: inherit; |
|||
} |
|||
#twinkle-config-buttonpane { |
|||
background: var(--twinkle-bgcolor-titlebar, #BCCADF); |
|||
color: inherit; |
|||
padding: 0.5em; |
|||
} |
|||
.twinkle-config-helptip { |
|||
font-size: 90%; |
|||
color: var(--color-subtle, #54595d); |
|||
} |
|||
@media screen { |
|||
html.skin-theme-clientpref-night #twinkle-config-headerbox { |
|||
background: #532B18; |
|||
} |
|||
} |
|||
@media screen and (prefers-color-scheme: dark) { |
|||
html.skin-theme-clientpref-os #twinkle-config-headerbox { |
|||
background: #532B18; |
|||
} |
|||
} |
} |
||
