Customize your tracking page via CSS(For modern theme)

This article is to help you edit the color on the tracking page which is modern theme.

:root {
 --main-p1: #065ff5;
 --main-p2: rgba(6,95,245,0.1);
 --text-p1: #0b1019;
 --text-p2: rgba(11,16,25,0.65);
 --text-p3: rgba(11,16,25,0.45);
 --text-p4: rgba(11,16,25,0.25);
 --background-p1: #fff;
 --background-p2: #f1f2f6;
 --line-p1: rgba(2,15,64,0.4);
 --line-p2: rgba(2,15,64,0.08);
 --warning: #e70d0d;
 --white: #fff;
}

To help you better understand, the parts controlled by each code will be highlighted in red.

--main-p1: #065ff5;

 --text-p1: #0b1019; 
 --text-p2: rgba(11,16,25,0.65);
 --text-p3: rgba(11,16,25,0.45);
 --text-p4: rgba(11,16,25,0.25);

--background-p1: #fff;

--background-p2: #f1f2f6;

 --warning: #e70d0d;

--white: #fff;

Customize your Track123 Page via CSS (For traditional style)

Build Your Tracking Page via the Shopify(for Shopify 2.0 OS Themes)