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