Skip to main content

How can I change the color or contrast in my browser?

Using your computer and browser settings to adjust your display

Written by Soomo Editorial

Overview and video tutorial

You can adjust your computer or browser settings to customize text colors and contrast for your webtext based on your personal reading preference.

Note: Native dark mode is currently not supported for webtext content across desktop browsers or mobile devices.


Adjust your computer’s display settings

You can customize your display’s colors and contrast through your computer’s accessibility settings. Keep in mind that these settings affect how everything appears on your screen, not just your browser.

PC

1. On your keyboard, press the Windows key + U to open Accessibility settings.

2. From there, you can use the menu options to adjust your display’s color filters, screen tints, color, and contrast.

Windows Accessibility settings menu showing display options like Color Filters, Screen Tint, and Contrast Themes

Mac

1. Click the Apple icon in the upper-left corner of your screen and select System Settings.

MacOS’s Apple drop-down menu highlighting the System Settings option

2. Select Accessibility in the left-hand menu and then click Display.

MacOS’s System Settings menu with Accessibility highlighted in the sidebar and an arrow pointing to Display

3. From there, you can toggle Invert Colors, turn on Increase Contrast, or fine-tune the Display Contrast using the slider.

MacOS Display’s Accessibility settings showing a Display Contrast slider and toggles for Invert Colors and Increase Contrast

Adjust your browser’s display settings

Some browsers also offer built-in settings or extensions that let you customize page colors and contrast.

Chrome

You can customize page color or contrast by installing accessibility extensions (such as High Contrast or Color Enhancer) from the Chrome Web Store.

Firefox

1. Click the Menu ☰ button in the upper-right corner of your browser window and select Settings.

Firefox browser window with the main menu open, highlighting the Settings option

2. Select Accessibility in the left-hand menu. In the Website Contrast section, click Custom.

Firefox’s Accessibility Settings page showing the Website Contrast section with an arrow pointing to the Custom option

3. Select the colors you want for Text, Background, Unvisited Links, and Visited Links, then click OK to save your changes.

Firefox’s Colors pop-up window showing options to customize Text, Background, Unvisited Links, and Visited Links

Edge

1. Click the Settings and More ⋯ button in the upper-right corner of your browser window, then select Settings.

Microsoft Edge browser window with the main menu open, highlighting the Settings option

2. Select Accessibility from the Settings list, then choose your preferred color scheme from the Page Colors drop-down menu.

Microsoft Edge’s Accessibility Settings page showing the Page Colors drop-down menu

Note: If you don’t see the color scheme update automatically, uncheck the “Only apply page colors when high contrast themes are on” option directly below Page Colors.

Safari

Safari doesn’t have built-in page color or contrast settings, but you can still make adjustments using your computer’s display settings by following the Mac instructions above.


If you have any questions, click the Soomo Messenger button in the lower-right corner. You can also contact us using the information below.

(888) 240-0314
Monday–Friday 9 a.m.–9 p.m. ET
Saturday–Sunday 1 p.m.–9 p.m. ET
​support@soomolearning.com

Did this answer your question?