select

commit

6b24f196a2deaaf5bd92a77e002e8d5285bffc47

parent

73f897c8a9fbca819f2678f92e174fa3ce0f0c44

Author

Tobias Bengfort <tobias.bengfort@posteo.de>

Date

2023-08-09 04:03

basic dark mode support

only for dropdown (like firefox native)

Diffstat

1 files changed, 9 insertions, 3 deletions

diff --git a/select.css b/select.css

@@ -45,7 +45,7 @@
   45    45 }
   46    46 .select__dropdown [role="option"].select--selected,
   47    47 .select__dropdown [role="option"]:hover {
   48    -1 	background: rgba(128,128,128,.2);
   -1    48 	background: rgba(128,128,128,.3);
   49    49 	color: inherit;
   50    50 }
   51    51 .select__dropdown [role="option"].select--has-focus {
@@ -87,8 +87,8 @@
   87    87 }
   88    88 .select__value {
   89    89 	padding: 0 0.2em;
   90    -1 	background: rgba(128,128,128,.2);
   91    -1 	color: inherit;
   -1    90 	background: rgba(128,128,128,.3);
   -1    91 	color: FieldText;
   92    92 	border: 1px solid ThreeDShadow;
   93    93 	border-radius: 0.3em;
   94    94 }
@@ -99,3 +99,9 @@
   99    99 	overflow: hidden;
  100   100 	white-space: pre;
  101   101 }
   -1   102 
   -1   103 @media (prefers-color-scheme: dark) {
   -1   104 	.select__dropdown {
   -1   105 		color-scheme: dark;
   -1   106 	}
   -1   107 }