templates/website/includes/css-config.html.twig line 1

Open in your IDE?
  1. :root {
  2.     --config-color-primary: {{ getConfig('primary_color') }};
  3.     --config-color-secondary: {{ getConfig('secondary_color') }};
  4.     --flat: {{ getConfig('flat_design')? 0 : 1 }};
  5.     --config-font-family: {{ getConfig('website_font_family')? getConfig('website_font_family')|raw : 'Lato, Arial, sans-serif' }};
  7.     {# DARK THEME #}
  8.     {% if isDarkTheme and not preventDarkTheme|default(false) %}
  10.         --config-color-tx:     #fff;
  11.         --config-color-tx-alt: #666;
  12.         --config-color-tx-sec: #aaa;
  13.         --config-color-bg:     #101010;
  14.         --config-color-bg-alt: #101010;
  15.         --config-color-bg-img: #333;
  16.         --config-color-bg-box: #151515;
  17.         --config-color-borda:  #444;
  19.         {% set hsl = HEXtoHSL(getConfig('primary_color')) %}
  21.         {# Background decoration #}
  22.         --config-color-hue: {{ hsl.0 }};
  24.         {# Achromatic #}
  25.         {% if hsl.1 == 0 %}
  26.             --config-color-saturation-1: 0%;
  27.             --config-color-saturation-2: 0%;
  29.         {# Chromatic #}
  30.         {% else %}
  31.             --config-color-saturation-1: 74%;
  32.             --config-color-saturation-2: 86%;
  33.         {% endif %}
  35.     {# LIGHT THEME #}
  36.     {% else %}
  38.         --config-color-tx:     #666;
  39.         --config-color-tx-alt: #fff;
  40.         --config-color-tx-sec: #bbb;
  41.         --config-color-bg:     #fff;
  42.         --config-color-bg-alt: #fbf7f6;
  43.         --config-color-bg-img: #e6e6e6;
  44.         --config-color-bg-box: #fff;
  45.         --config-color-borda:  #ccc;
  47.     {% endif %}
  48. }