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 %}