File tree Expand file tree Collapse file tree 1 file changed +11
-4
lines changed
Expand file tree Collapse file tree 1 file changed +11
-4
lines changed Original file line number Diff line number Diff line change @@ -190,18 +190,24 @@ html.u-mode-dark,
190190
191191/* Select Fields
192192 ========================================================================== */
193- select .mktoField {
193+ select .mktoField ,
194+ [data-brand-mode = "light" ] select .mktoField {
194195 appearance : none;
195196 background-image : url ("https://cdn.prod.website-files.com/686294e263eb7e215bd232f7/686294e363eb7e215bd23387_arrow-black.svg" );
196197 background-position : 98% 50% ;
197198 background-size : 24px ;
198199 background-repeat : no-repeat;
199200}
200-
201+ /* Dark Mode Select */
202+ html .u-mode-dark ,
203+ [data-brand-mode = "dark" ] {
204+ select .mktoField {
205+ background-image : url ("https://cdn.prod.website-files.com/686294e263eb7e215bd232f7/686294e363eb7e215bd23386_arrow-white.svg" ) !important ;
206+ }
207+ }
201208select .mktoField : has (option : checked [value = "" ]) {
202209 color : var (--mkto-embed-color-placeholder );
203210}
204-
205211/* Autofill Styles
206212 ========================================================================== */
207213.mktoField : -webkit-autofill ,
@@ -400,7 +406,7 @@ select.mktoField:has(option:checked[value=""]) {
400406 border-right : 1px solid var (--mkto-embed-color-border );
401407 border-top-left-radius : 0 ;
402408 border-bottom-left-radius : 0 ;
403- color : # fff ;
409+ color : var ( --mkto-embed-color-background ) ;
404410 padding : 0 8px ;
405411 height : 100% ;
406412}
@@ -415,6 +421,7 @@ select.mktoField:has(option:checked[value=""]) {
415421 padding-right : 8px ;
416422 display : inline-block;
417423 padding-top : 4px ;
424+ color : var (--mkto-embed-color-text );
418425}
419426
420427.select2-container--default .select2-results__option--selected {
You can’t perform that action at this time.
0 commit comments