vendor/uvdesk/support-center-bundle/Resources/views/Knowledgebase/lightSkin.html.twig line 1

Open in your IDE?
  1. {% set brandColor = websiteConfiguration.brandColor ?: '#7C70F4' %}
  2. {% if brandColor != '#7C70F4' and brandColor != '#7c70f4' %}
  3. <style>
  4.     .uv-btn-small,
  5.     .uv-btn,
  6.     .uv-btn-large,
  7.     .uv-btn-action,
  8.     .uv-btn-label {
  9.         background: {{ brandColor }};
  10.     }
  11.     .uv-btn-small:hover,
  12.     .uv-btn:hover,
  13.     .uv-btn-large:hover,
  14.     .uv-btn-action:hover,
  15.     .btn:hover,
  16.     .uv-btn-label:hover {
  17.         background: {{ brandColor }};
  18.         opacity: .85;
  19.     }
  20.     .uv-btn-small:active,
  21.     .uv-btn:active,
  22.     .uv-btn-large:active,
  23.     .uv-btn-action:active,
  24.     .btn:active,
  25.     .uv-btn-label:active {
  26.         background: {{ brandColor }};
  27.         opacity: .65;
  28.     }
  29.     .uv-btn-stroke:active {
  30.         border-color: {{ brandColor }};
  31.     }
  32.     .uv-dropdown .uv-dropdown-btn-active {
  33.         border: solid 1px {{ brandColor }};
  34.     }
  35.     .uv-select:focus,
  36.     .uv-field:focus,
  37.     .uv-search-inline:focus {
  38.         border-color: {{ brandColor }};
  39.     }
  40.     .uv-loader span:before,
  41.     .uv-loader span:after {
  42.         background: {{ brandColor }};
  43.     }
  44.     .bootstrap-datetimepicker-widget table td.active,
  45.     .bootstrap-datetimepicker-widget table td.active:hover {
  46.         background-color: {{ brandColor }};
  47.     }
  48.     .btn-primary,
  49.     .btn-primary:hover,
  50.     .btn-primary:active {
  51.         background-color: {{ brandColor }};
  52.     }
  53.     .uv-hero {
  54.         background-color: {{ brandColor }};
  55.     }
  56.     
  57.     .uv-cta-wrapper .uv-cta-lt svg path {
  58.         fill: {{ brandColor }};
  59.     }
  60.     .uv-kb-layout-folder .uv-kb-folder {
  61.         border-color: {{ brandColor }};
  62.     }
  63.     .uv-kb-layout-grid .uv-kb-folder{
  64.         border-color: {{ brandColor }};
  65.     }
  66.     .uv-kb-layout-folder .uv-kb-folder .uv-kb-folder-lt {
  67.         background-position: -90px 0px;
  68.         background-color: {{ brandColor }};
  69.     }
  70.     
  71.     .uv-paper-article .uv-paper-section .uv-folder-title:after {
  72.         background-color: {{ brandColor }};
  73.     }
  74.     .uv-kb-layout-category .uv-kb-folder {
  75.         border-bottom-color: {{ brandColor }};
  76.     }
  77.     .uv-brand {
  78.         color: {{ brandColor }};
  79.     }
  80.     .uv-pagination a:hover {
  81.         background-color: {{ brandColor }};
  82.         border-color: rgba(0,0,0,.1);
  83.     }
  84.     .uv-nav-tab ul.uv-nav-tab-label li .uv-nav-tab-active,
  85.     .uv-nav-tab ul.uv-nav-tab-label li a:hover {
  86.         border-bottom-color: {{ brandColor }};
  87.     }
  88.     .uv-skin-dark .uv-ticket-view .uv-ticket-accordion .uv-ticket-count-stat,
  89.     .uv-skin-dark .uv-ticket-view .uv-ticket-accordion .uv-ticket-count-stat:hover {
  90.         background: {{ brandColor }};
  91.     }
  92. </style>
  93. {% endif %}