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