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.     }
  12.     .uv-btn-small:hover,
  13.     .uv-btn:hover,
  14.     .uv-btn-large:hover,
  15.     .uv-btn-action:hover,
  16.     .btn:hover,
  17.     .uv-btn-label:hover {
  18.         background: {{ brandColor }};
  19.         opacity: .85;
  20.     }
  22.     .uv-btn-small:active,
  23.     .uv-btn:active,
  24.     .uv-btn-large:active,
  25.     .uv-btn-action:active,
  26.     .btn:active,
  27.     .uv-btn-label:active {
  28.         background: {{ brandColor }};
  29.         opacity: .65;
  30.     }
  32.     .uv-btn-stroke:active {
  33.         border-color: {{ brandColor }};
  34.     }
  36.     .uv-dropdown .uv-dropdown-btn-active {
  37.         border: solid 1px {{ brandColor }};
  38.     }
  40.     .uv-select:focus,
  41.     .uv-field:focus,
  42.     .uv-search-inline:focus {
  43.         border-color: {{ brandColor }};
  44.     }
  46.     .uv-loader span:before,
  47.     .uv-loader span:after {
  48.         background: {{ brandColor }};
  49.     }
  51.     .bootstrap-datetimepicker-widget table td.active,
  52.     .bootstrap-datetimepicker-widget table td.active:hover {
  53.         background-color: {{ brandColor }};
  54.     }
  56.     .btn-primary,
  57.     .btn-primary:hover,
  58.     .btn-primary:active {
  59.         background-color: {{ brandColor }};
  60.     }
  62.     .uv-hero {
  63.         background-color: {{ brandColor }};
  64.     }
  65.     
  66.     .uv-cta-wrapper .uv-cta-lt svg path {
  67.         fill: {{ brandColor }};
  68.     }
  69.     .uv-kb-layout-folder .uv-kb-folder {
  70.         border-color: {{ brandColor }};
  71.     }
  73.     .uv-kb-layout-grid .uv-kb-folder{
  74.         border-color: {{ brandColor }};
  75.     }
  77.     .uv-kb-layout-folder .uv-kb-folder .uv-kb-folder-lt {
  78.         background-position: -90px 0px;
  79.         background-color: {{ brandColor }};
  80.     }
  81.     
  82.     .uv-paper-article .uv-paper-section .uv-folder-title:after {
  83.         background-color: {{ brandColor }};
  84.     }
  86.     .uv-kb-layout-category .uv-kb-folder {
  87.         border-bottom-color: {{ brandColor }};
  88.     }
  90.     .uv-brand {
  91.         color: {{ brandColor }};
  92.     }
  94.     .uv-pagination a:hover {
  95.         background-color: {{ brandColor }};
  96.         border-color: rgba(0,0,0,.1);
  97.     }
  99.     .uv-nav-tab ul.uv-nav-tab-label li .uv-nav-tab-active,
  100.     .uv-nav-tab ul.uv-nav-tab-label li a:hover {
  101.         border-bottom-color: {{ brandColor }};
  102.     }
  103.     .uv-skin-dark .uv-ticket-view .uv-ticket-accordion .uv-ticket-count-stat,
  104.     .uv-skin-dark .uv-ticket-view .uv-ticket-accordion .uv-ticket-count-stat:hover {
  105.         background: {{ brandColor }};
  106.     }
  107. </style>
  108. {% endif %}