create dark_date_picker_panel.css
This commit is contained in:
parent
73a9bdd072
commit
df1d7fae32
3 changed files with 22 additions and 1 deletions
19
chrome/dark_date_picker_panel.css
Normal file
19
chrome/dark_date_picker_panel.css
Normal file
|
@ -0,0 +1,19 @@
|
|||
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/dark_date_picker_panel.css made available under Mozilla Public License v. 2.0
|
||||
See the above repository for updates as well as full license text. */
|
||||
|
||||
/* Makes the HTML <input type="date"> picker panel dark IF you use dark colored theme. It does not affect the input element on the page, only the popup */
|
||||
|
||||
@media (-moz-toolbar-prefers-color-scheme: dark){
|
||||
#DateTimePickerPanel{ --panel-background: #2b2a33 !important; }
|
||||
}
|
||||
@-moz-document url("chrome://global/content/datepicker.xhtml"){
|
||||
@media (-moz-toolbar-prefers-color-scheme: dark){
|
||||
:root{
|
||||
--border: 0.1rem solid #a4a4a4 !important;
|
||||
--weekend-font-color: #ff4030 !important
|
||||
}
|
||||
body,.month-year-view{ background: #2b2a33 !important; color: #f4f4f4 !important; }
|
||||
button.month-year::after,
|
||||
button{ fill: #f4f4f4 !important; }
|
||||
}
|
||||
}
|
|
@ -137,5 +137,6 @@
|
|||
"loading_indicator_bouncing_line.css":["status","navigation","effect"],
|
||||
"loading_indicator_rotating_image.css":["navigation","effect","status"],
|
||||
"menupopup_forced_color_schemes.css":["popup","colors","menu"],
|
||||
"centered_tab_label.css":["tab"]
|
||||
"centered_tab_label.css":["tab"],
|
||||
"dark_date_picker_panel.css":["popup","dark-mode"]
|
||||
}
|
||||
|
|
1
tags.csv
1
tags.csv
|
@ -137,3 +137,4 @@ loading_indicator_bouncing_line.css,status,navigation,effect
|
|||
loading_indicator_rotating_image.css,navigation,effect,status
|
||||
menupopup_forced_color_schemes.css,popup,colors,menu
|
||||
centered_tab_label.css,tab
|
||||
dark_date_picker_panel.css,popup,dark-mode
|
||||
|
|
|
Loading…
Reference in a new issue