odhin-reports-playwright/lib/html/assets/css/light-theme.css

Odhin Reports for Playwright

:root[data-applied-mode="light"] {
	--odhin-color-background-1: #163647;
	--odhin-color-background-2: #ffffff;
	--odhin-color-font-1: #f3f3f3;
	--odhin-color-font-2: #163647;

	--odhin-color-tab-background: #163647; /* Tab Background Color */
	--odhin-color-tab-font: #ffffff; /* Tab Font Color */
	--odhin-color-tab-hover-background: #ffffff; /* Tab Hover Background Color */
	--odhin-color-tab-hover-font: #163647; /* Tab Hover Font Color */

	--odhin-color-dashboard-card-title-background: #f3f3f3; /* Dashboard Card Title Background Color */
	--odhin-color-dashboard-card-title-font: #163647; /* Dashboard Card Title Font Color */
	--odhin-color-dashboard-card-title-bottom-border: #163647; /* Dashboard Card Title Bottom Border Color */

	--odhin-color-datatable-background: #f3f3f3; /* Tab Background Color */
	--odhin-color-datatable-font: #163647; /* Tab Font Color */

	--odhin-color-download-button-background: #163647; /* Button Background Color */
	--odhin-color-download-button-font: #f3f3f3; /* Button Font Color */
	--odhin-color-download-button-border: #163647; /* Button Border Color */
	--odhin-color-download-button-hover-background: #163647; /* Button Background Color */
	--odhin-color-download-button-hover-font: #55bb67; /* Button Font Color */
	--odhin-color-download-button-hover-border: #55bb67; /* Button Border Color */

	--odhin-color-close-button-background: #163647; /* Button Background Color */
	--odhin-color-close-button-font: #f3f3f3; /* Button Font Color */
	--odhin-color-close-button-border: #163647; /* Button Border Color */
	--odhin-color-close-button-hover-background: #163647; /* Button Background Color */
	--odhin-color-close-button-hover-font: #55bb67; /* Button Font Color */
	--odhin-color-close-button-hover-border: #55bb67; /* Button Border Color */

	--odhin-color-main-tests-table-border: #163647; /* Main Tests Table Border Color */
	--odhin-color-others-borders: #163647; /* Others Borders Color */

	--odhin-color-scrollbar-thumb: #55bb67; /* Scrollbar Thumb Color */
	--odhin-color-scrollbar-track: #f3f3f3; /* Scrollbar Track Color */
	
	--odhin-color-selection-background: #55bb67; /* Selection Background Color */
	--odhin-color-selection-font: #ffffff; /* Selection Font Color */

	--odhin-passed-status-color: #2e7d31;
	--odhin-failed-status-color: #c62828;
	--odhin-timedOut-status-color: #d6ad0a;
	--odhin-skipped-status-color: #ff6f00;
	--odhin-interrupted-status-color: #01579b;
	--odhin-flaky-status-color: #3c0061;

	--odhin-light-passed-status-color: #e5f8e5;
	--odhin-light-failed-status-color: #fde6e6;
	--odhin-light-timedOut-status-color: #faf4e0;
	--odhin-light-skipped-status-color: #fff0e3;
	--odhin-light-interrupted-status-color: #ddebf7;
	--odhin-light-flaky-status-color: #f0e1fa;
}