Appearance

Default Mode Light mode is used as default mode. To change it to Dark or System , you can follow these steps: Go to Theme Designer. Click on Advanced tab. From the dropdown list, select Style: Appearance . Change the length of Default Mode to 1px, 2px or 3px in order to use Light, Dark or System as default mode. Fonts Fonts are loaded dynamically by theme based on few conditions in order to improve PageSpeed score. You can either use a web-safe font (built into most browsers) or import a custom font from sources like Google Fonts or other CDNs. Using link tag Go to Google Fonts, select a font, and copy the attribute href of provided <link> tag having attribute rel="stylesheet" as shown below. <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href=" https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,2…