vendor/uvdesk/support-center-bundle/Resources/views/Knowledgebase/darkSkin.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-cta-wrapper .uv-cta-lt svg path {
  36.         fill: {{ brandColor }};
  37.     }
  38.     .uv-skin-dark .uv-btn-small,
  39.     .uv-skin-dark .uv-btn,
  40.     .uv-skin-dark .uv-btn-large,
  41.     .uv-skin-dark .uv-btn-action,
  42.     .uv-skin-dark .uv-btn-label {
  43.         background: {{ brandColor }};
  44.         color: #333333 !important;
  45.     }
  46.     .uv-skin-dark .uv-btn-small:hover,
  47.     .uv-skin-dark .uv-btn:hover,
  48.     .uv-skin-dark .uv-btn-large:hover,
  49.     .uv-skin-dark .uv-btn-action:hover,
  50.     .uv-skin-dark .btn:hover,
  51.     .uv-skin-dark .uv-btn-label:hover {
  52.         background: {{ brandColor }};
  53.         opacity: .85;
  54.     }
  55.     .uv-skin-dark .uv-btn-small:active,
  56.     .uv-skin-dark .uv-btn:active,
  57.     .uv-skin-dark .uv-btn-large:active,
  58.     .uv-skin-dark .uv-btn-action:active,
  59.     .uv-skin-dark .btn:active,
  60.     .uv-skin-dark .uv-btn-label:active {
  61.         background: {{ brandColor }};
  62.         opacity: .65;
  63.     }
  64.     .uv-skin-dark .uv-btn-stroke:active {
  65.         border-color: {{ brandColor }};
  66.     }
  67.     .uv-skin-dark .uv-dropdown .uv-dropdown-btn-active {
  68.         border: solid 1px {{ brandColor }};
  69.     }
  70.     .uv-skin-dark .uv-select:focus,
  71.     .uv-skin-dark .uv-field:focus,
  72.     .uv-skin-dark .uv-search-inline:focus {
  73.         border-color: {{ brandColor }};
  74.     }
  75.     .uv-skin-dark .uv-loader span:before,
  76.     .uv-skin-dark .uv-loader span:after {
  77.         background: {{ brandColor }};
  78.     }
  79.     .uv-skin-dark .bootstrap-datetimepicker-widget table td.active,
  80.     .uv-skin-dark .bootstrap-datetimepicker-widget table td.active:hover {
  81.         background-color: {{ brandColor }};
  82.     }
  83.     .uv-skin-dark .btn-primary,
  84.     .uv-skin-dark .btn-primary:hover,
  85.     .uv-skin-dark .btn-primary:active {
  86.         background-color: {{ brandColor }};
  87.     }
  88.     .uv-skin-dark .uv-hero {
  89.         background-color: {{ brandColor }};
  90.     }
  91.     .uv-skin-dark .uv-cta-wrapper .uv-cta-lt svg path {
  92.         fill: {{ brandColor }};
  93.         opacity: .85;
  94.     }
  95.     .uv-kb-layout-folder .uv-kb-folder {
  96.         border-color: {{ brandColor }};
  97.     }
  98.     .uv-kb-layout-grid .uv-kb-folder{
  99.         border-color: {{ brandColor }};
  100.     }
  101.     .uv-kb-layout-folder .uv-kb-folder .uv-kb-folder-lt {
  102.         background-position: -180px 0px;
  103.         background-color: {{ brandColor }};
  104.         opacity: .85;
  105.     }
  106.     .uv-skin-dark .uv-paper-article .uv-paper-section .uv-folder-title:after {
  107.         background-color: {{ brandColor }};
  108.         color: #333333;
  109.     }
  110.     .uv-skin-dark .uv-kb-layout-category .uv-kb-folder {
  111.         border-bottom-color: {{ brandColor }};
  112.     }
  113.     .uv-skin-dark .uv-brand {
  114.         color: {{ brandColor }};
  115.     }
  116.     .uv-skin-dark .uv-pagination a:hover {
  117.         background-color: {{ brandColor }};
  118.         border-color: {{ brandColor }};
  119.     }
  120.     .uv-skin-dark .uv-nav-tab ul.uv-nav-tab-label li .uv-nav-tab-active,
  121.     .uv-skin-dark .uv-nav-tab ul.uv-nav-tab-label li a:hover {
  122.         border-bottom-color: {{ brandColor }};
  123.     }
  124.     .uv-skin-dark .uv-icon-down-light {
  125.             background-image: url("{{ asset('bundles/uvdeskcoreframework/images/arrow-down-dark.svg')}}");
  126.     }
  127.     .uv-skin-dark .uv-ticket-view .uv-ticket-accordion .uv-ticket-count-stat,
  128.     .uv-skin-dark .uv-ticket-view .uv-ticket-accordion .uv-ticket-count-stat:hover {
  129.         background: {{ brandColor }};
  130.         color: #333333;
  131.     }
  132. </style>
  133. {% endif %}