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