templates/_customCss.html.twig line 1

Open in your IDE?
  1. <style>
  2.     .chosen-container .chosen-results li.highlighted {
  3.         background-color: {{ platform.secondaryColor }}!important;
  4.         color: {{ platform.colorForSecondary }}!important;
  5.     }
  6.     .page-link {
  7.         color: {{ platform.secondaryColor }}!important;
  8.         background-color: {{ platform.colorForSecondary }}!important;
  9.         border-color: {{ platform.secondaryColor }}!important;
  10.     }
  11.     .page-item.active .page-link {
  12.         background-color: {{ platform.secondaryColor }}!important;
  13.         color: {{ platform.colorForSecondary }}!important;
  14.     }
  15.     [slider] > div > [sign], [slider] > div > [range] {
  16.         background-color: {{ platform.secondaryColor }}!important;
  17.     }
  18.     [slider] > div > [sign]:after {
  19.         border-top-color: {{ platform.secondaryColor }}!important;
  20.     }
  21.     [slider] > div > [inverse-left], [slider] > div > [inverse-right], [slider] > div > [thumb] {
  22.         background-color: {{ platform.colorForSecondary }}!important;
  23.         border-color: {{ platform.secondaryColor }}!important;
  24.     }
  25.     .checkbox-box input:checked ~ label {
  26.         background-color: {{ platform.secondaryColor }}!important;
  27.         color: {{ platform.colorForSecondary }}!important;
  28.     }
  29.     .form-control:focus {
  30.         border-color: {{ platform.secondaryColor }}40;
  31.         box-shadow: 0 0 0 0.2rem {{ platform.secondaryColor }}40;
  32.     }
  33.     a, .clickable, .popup-image { color: {{ platform.getLinkColor }}; }
  34.     a:hover, .clickable:hover, .popup-image:hover { color: {{ platform.getLinkColor }}; text-shadow: 0 0 1px #777777; }
  35.     .wl-gradient-bg-primary-light {
  36.         background-image: linear-gradient(180deg, {{ platform.primaryColor }}15 0%, {{ platform.primaryColor }}30 100%);
  37.     }
  38.     .wl-gradient-bg-secondary-light {
  39.         background-image: linear-gradient(180deg, {{ platform.secondaryColor }}15 0%, {{ platform.secondaryColor }}30 100%);
  40.     }
  41.     .wl-gradient-bg-primary {
  42.         background-image: linear-gradient(90deg, {{ platform.primaryColor }}dd 0%, {{ platform.primaryColor }} 100%);
  43.     }
  44.     .wl-gradient-bg-secondary {
  45.         background-image: linear-gradient(90deg, {{ platform.secondaryColor }}aa 0%, {{ platform.secondaryColor }} 100%);
  46.     }
  47.     .wl-bg-primary-light { background-color: {{ platform.primaryColor }}15!important; }
  48.     .wl-bg-secondary-light { background-color: {{ platform.secondaryColor }}15!important; }
  49.     .wl-text-primary { color: {{ platform.primaryColor }}!important; }
  50.     .wl-text-secondary { color: {{ platform.secondaryColor }}!important; }
  51.     .wl-bg-primary { background-color: {{ platform.primaryColor }}!important; }
  52.     .wl-bg-secondary { background-color: {{ platform.secondaryColor }}!important; }
  53.     .wl-color-primary { background-color: {{ platform.primaryColor }}!important; color: {{ platform.colorForPrimary }}!important; }
  54.     .wl-color-secondary { background-color: {{ platform.secondaryColor }}!important; color: {{ platform.colorForSecondary }}!important; }
  55.     .wl-border-primary { border-color: {{ platform.primaryColor }}!important; }
  56.     .wl-border-secondary { border-color: {{ platform.secondaryColor }}!important; }
  57.     .wl-btn-primary { border-color: {{ platform.colorForPrimary }}!important; background-color: {{ platform.primaryColor }}!important; color: {{ platform.colorForPrimary }}!important; }
  58.     .wl-btn-secondary { border-color: {{ platform.colorForSecondary }}!important; background-color: {{ platform.secondaryColor }}!important; color: {{ platform.colorForSecondary }}!important; }
  60.     .wl-inversed-text-primary { color: {{ platform.colorForPrimary }}!important; }
  61.     .wl-inversed-text-secondary { color: {{ platform.colorForSecondary }}!important; }
  62.     .wl-inversed-bg-primary { background-color: {{ platform.colorForPrimary }}!important; }
  63.     .wl-inversed-bg-secondary { background-color: {{ platform.colorForSecondary }}!important; }
  64.     .wl-inversed-color-primary { background-color: {{ platform.colorForPrimary }}!important; color: {{ platform.primaryColor }}!important; }
  65.     .wl-inversed-color-secondary { background-color: {{ platform.colorForSecondary }}!important; color: {{ platform.secondaryColor }}!important; }
  66.     .wl-inversed-border-primary { border-color: {{ platform.colorForPrimary }}!important; }
  67.     .wl-inversed-border-secondary { border-color: {{ platform.colorForSecondary }}!important; }
  68.     .wl-inversed-btn-primary { border-color: {{ platform.primaryColor }}!important; background-color: {{ platform.colorForPrimary }}!important; color: {{ platform.primaryColor }}!important; }
  69.     .wl-inversed-btn-secondary { border-color: {{ platform.secondaryColor }}!important; background-color: {{ platform.colorForSecondary }}!important; color: {{ platform.secondaryColor }}!important; }
  70.     th, th a {
  71.         background-color: {{ platform.secondaryColor }}!important; color: {{ platform.colorForSecondary }}!important;
  72.     }
  73. </style>