Angel supports a light and a dark appearance. In «مظهر الثيم» (theme appearance) you choose which one your visitors see, or let them choose for themselves.
#Choose the theme appearance
«مظهر الثيم» theme_mode is in the «نظام الألوان» (color system) group, and its default is «فاتح فقط» (light only).
| Option | What the visitor sees |
|---|---|
| «فاتح فقط» (light only) | The store always in the light appearance. |
| «داكن فقط» (dark only) | The store always in the dark appearance. |
| «تلقائي» (automatic) | A toggle in the header. The store opens in the appearance the visitor last chose on their device, or, if they have not chosen yet, in their device's appearance (light or dark). |
#Dark-mode colors
| Setting | Default | What it does |
|---|---|---|
«شعار المتجر في المظهر الداكن» dark_img | Empty | An alternative logo shown in dark mode, in the header and footer when they are set to stay dark, and on the loading screen. Upload one if your logo is dark and disappears on a dark background. |
«لون الخلفية الأساسي» dark_bg_main | #292929 | The background of the store, side menu, header and footer in dark mode, unless you picked a custom color other than white for those parts. |
«لون الخلفية الرمادي» dark_grey | #3d3d3d | The background of some elements, and the dividers between them, in dark mode. |
«لون النص الأساسي» dark_text_main | #ffffff | The main text color in dark mode. |
«لون النص الفرعي» dark_text_sec | #a9a9a9 | The secondary text color in dark mode. |
«لون نص أزرار المتجر» text_btn | #ffffff | The text color of buttons across the store, in both the light and dark appearance. |
#Keep specific parts dark
These options keep one part of the store dark whatever the theme appearance:
| Setting | Default | What it does |
|---|---|---|
«شريط علوي داكن» header_dark | Off | The header is always dark. |
«قائمة جوال داكنة» menu_dark | Off | The side menu is always dark. |
«أسفل الصفحة داكن» footer_dark | Off | The footer is always dark. |
«تثبيت المظهر الداكن في بطاقة المنتج» card_dark | Off | Product cards are always dark. Found under «بطاقة المنتج» (product card). |
«تثبيت اللون الأبيض لوصف المنتج» opt_w | Off | Works in dark mode only: makes the product description text white, and the text of articles and pages too. Found under «صفحة المنتج» (product page). |
Six home-page elements also have a «تثبيت المظهر الداكن» (keep dark) option that always shows the element dark: store features, quick links, featured product, article slider, testimonials, and products slider with background.
#The light appearance and custom colors
In the light appearance, backgrounds come from «لون خلفية المتجر» (store background color) and from the header, footer, side menu and product card colors. See Fonts and store background.
#The store's primary color
The primary color is the color of buttons and highlighted items. Angel has no field for it; the theme uses the store color you set in Salla and derives a lighter and a darker shade from it.