How can I fix my website's color scheme issues on the Dawn theme?

[jakegrieveson]

On my website my color scheme is all messed up and i cant fix it using my theme settings. i changed my website from a black background website to a white one, but now a lot of my pages text is white on white and i cannot fix it in the editor because some old code must be stopping it from working, also things such as the search box after i searched something is black, i want all the colors to be fixed and suit the white background. Like all the text boxes and search bar to be white with a black border. What is some code to fix this?

Theme: Dawn

website: desire-online.net

[PaulNewton]

You really need to try and adjust this direclty in your theme settings for the text color.

Fixing this after the fact with CSS band-aids is not a best practice, nor would overriding the css variables such as --color-foreground being generated by settings

Also when adding screenshots for things that are invisible the screenshots are next to useless unless in this instance you show a before and after, or if the selection-color highlight is bad select all  the hidden text on the page.

If you need this look over , fixed, or customized then contact me by mail for services.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail.
Contact info in signature.

Good Luck.

[coup4u]

To fix the color scheme issues on your website when changing from a black background to a white one, you'll likely need to customize the CSS (Cascading Style Sheets) of your website. In the case of your search box and text boxes, you can use CSS to specify the colors you want. For instance, to make text boxes and search bars white with a black border, you can use the following CSS:                 

input[type="text"], input[type="search"] { background-color: white; border: 1px solid black; color: black; }

You can add this code to your website's CSS stylesheet. Remember that CSS styles can vary based on your website's structure and theme, so some additional adjustments may be necessary. If your theme has a custom CSS option or a child theme, that would be the ideal place to add these custom styles. Be sure to make a backup of your site before making significant changes, and always test the changes on a staging site if possible to avoid any unintended consequences.            input[type="text"], input[type="search"] {
background-color: white;
border: 1px solid black;
color: black;
} 

To fix the color scheme issues on your website when changing from a black background to a white one, you'll likely need to customize the CSS (Cascading Style Sheets) of your website. In the case of your search box and text boxes, you can use CSS to specify the colors you want. For instance, to make text boxes and search bars white with a black border, you can use the following CSS:

cssCopy code

input[type="text"], input[type="search"] { background-color: white; border: 1px solid black; color: black; }

You can add this code to your website's CSS stylesheet. Remember that CSS styles can vary based on your website's structure and theme, so some additional adjustments may be necessary. If your theme has a custom CSS option or a child theme, that would be the ideal place to add these custom styles. Be sure to make a backup of your site before making significant changes, and always test the changes on a staging site if possible to avoid any unintended consequences.

[PageFly-Richard]

Hi @jakegrieveson 

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

.product__info-container {
   color: #000 !important;
}
.product__title>* {
   color: #000 !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly