System and method for automatically adjusting a color filter of an interface

A method of automatically displaying an optimal color inversion scheme on a display device associated with a computing device, the method comprising the steps of:

• loading, into a memory of the computing device, a web browser having a browser color inversion scheme to be displayed on the display device associated with the computing device, the browser color inversion scheme selected from the group consisting of a browser dark-mode setting and browser bright-mode setting;
• loading, into the web browser, a web page having a native color inversion scheme, the native color inversion scheme having a native dark-mode setting and a native bright-mode setting;
• transmitting, via the processor of the computing device, a media query to the web browser for the native color inversion scheme of the web page;
• receiving, via the web browser, the native color scheme of the web page, the native color scheme configured to be displayed on the display device associated with the computing device;
• comparing, via the processor, the web browser color inversion scheme with the native color inversion scheme of the web page;
• and
• automatically displaying the optimal color scheme on the display device associated with the computing device by:
• responsive to determining that the native color inversion scheme of the web page matches the web browser color inversion scheme, deactivating or maintaining a deactivated state of the web browser color inversion scheme and displaying the web page using the native color inversion scheme of the web page in the web browser;
• and
• responsive to determining that the native color inversion scheme of the web page does not match the web browser color inversion scheme, activating or maintaining an activated state of the web browser color inversion scheme and displaying the web page using the web browser color inversion scheme.

A method of automatically displaying an optimal color inversion scheme on a display device associated with a computing device, the method comprising the steps of:

• selecting, via a processor of the computing device, an operating system color inversion scheme for an operating system to be displayed on the display device associated with the computing device, the color inversion scheme selected from the group consisting of an operating system dark-mode setting and an operating system bright-mode setting;
• loading, into a memory of the computing device, a web browser having a browser color inversion scheme to be displayed on the display device associated with the computing device, the browser color inversion scheme selected from the group consisting of a browser dark-mode setting and browser bright-mode setting;
• loading, into the web browser, a web page having a native color inversion scheme, the native color inversion scheme having a native dark-mode setting and a native bright-mode setting;
• transmitting, via the processor of the computing device, a media query to the web browser for the native color inversion scheme of the web page;
• receiving, via the web browser, the native color scheme of the web page, the native color scheme configured to be displayed on the display device associated with the computing device;
• comparing, via the processor, the operating system color inversion scheme and the browser color inversion scheme with the native color inversion scheme of the web page;
• and
• automatically displaying the optimal color scheme on the display device associated with the computing device by:
• responsive to determining that the native color inversion scheme of the web page matches either the operating system color inversion scheme or the browser color inversion scheme, deactivating or maintaining a deactivated state of the operating system color inversion scheme and deactivating or maintaining a deactivated state of the browser color inversion scheme and displaying the web page using the native color inversion scheme of the web page in the web browser;
• and
• responsive to determining that the native color inversion scheme of the web page does not match either the operating system color inversion scheme or the browser color inversion scheme, activating or maintaining an activated state of the operating system color inversion scheme or activating or maintaining an activated state of the browser color inversion scheme.