The color and font settings are on the theme customization page: select (المتجر وقنوات البيع) [Store & Channels], then (تصميم المتجر) [Store Design], then (تخصيص) [Customize] on Angel's card. The full details are in Fonts and store background.
The primary color and the logo
The color of buttons and highlighted items is not set in Angel's settings; the theme uses the store color you set in Salla under (هوية وبيانات المتجر) [store identity and details], then (لون المتجر) [store color]. Your logo comes from Salla too, from (هوية وبيانات المتجر). The steps are in Salla's article تخصيص هوية المتجر (in Arabic).
Angel's colors
- The store background in the light appearance: «لون خلفية المتجر» in the «خلفية المتجر» (store background) group.
- Button text across the store: «لون نص أزرار المتجر» in «نظام الألوان» (color system).
- The header: «لون خلفية أعلى الصفحة» in «أعلى الصفحة» (header).
- The side menu: «لون خلفية القائمة الجانبية» in «القائمة الجانبية» (side menu).
- The footer: «لون خلفية أسفل الصفحة» in «أسفل الصفحة» (footer).
- The product card: «لون خلفية بطاقة المنتج», «لون إطار بطاقة المنتج» and «لون خلفية العنوان الترويجي» in «بطاقة المنتج» (product card).
- Dark mode: four colors in «نظام الألوان». See how to turn on dark mode.
- Each home-page element: «لون خلفية العنصر» (element background) in its options. White means a transparent background.
Add your font from Google Fonts
Angel uses the PingAR LT font until you add your own in the «الخطوط» (fonts) group.
Step 1: Copy the font link
In Google Fonts, pick the font and its weights, then copy the CSS link that starts with https://fonts.googleapis.com/css2?family=.
Step 2: Paste the link and type the name
- Paste the link into «رابط الخط» (font link).
- Type the font's name in «اسم الخط» (font name) exactly as Google Fonts shows it, such as
Tajawal. - In «وزن الخط» (font weight), type the heading weight and then the text weight, such as
700, 400.
Step 3: Save and open the store
Save your changes, then open the store to see the new font.
If the font disappears after you add it
- Check that both «رابط الخط» and «اسم الخط» are filled in; otherwise the store goes back to the default font.
- Type a single font name in «اسم الخط», with no comma. The panel suggests two names separated by a comma, but the current version of Angel reads the field as one name, so neither shows.
- Type the same values in the Arabic and English fields of each setting.