vendor/uvdesk/core-framework/Resources/views/Templates/lightskin.html.twig line 1

Open in your IDE?
  1. {% set brandColor = website.themeColor ?: '#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, .uv-search-inline:focus {
  42. border-color: {{ brandColor }};
  43. }
  45. .uv-sidebar .uv-soft-top .uv-logo svg path,
  46. .uv-inner-section .uv-view .uv-image-upload-wrapper .uv-image-upload-brick .uv-image-upload-placeholder svg path {
  47. fill: {{ brandColor }};
  48. }
  50. .uv-inner-section .uv-view .uv-image-upload-wrapper .uv-image-upload-brick:hover .uv-image-upload-placeholder svg path {
  51. fill: {{ brandColor }};
  52. opacity: .85;
  53. }
  55. li.uv-active-sidebar {
  56. color: {{ brandColor }};
  57. border-left: solid 3px {{ brandColor }};
  58. }
  60. .uv-sidebar ul.uv-menubar li:not(.uv-active-sidebar) a:hover,
  61. .uv-sidebar ul.uv-menubar li .uv-item-active {
  62. color: {{ brandColor }};
  63. border-left: solid 3px {{ brandColor }};
  64. }
  66. .uv-sidebar .uv-soft-top .uv-hamburger:hover svg path {
  67. fill: {{ brandColor }};
  68. }
  70. .uv-sidebar ul.uv-menubar li a:hover .uv-icon svg path,
  71. .uv-sidebar ul.uv-menubar li .uv-item-active .uv-icon svg path {
  72. fill: {{ brandColor }};
  73. }
  75. .uv-paper .uv-navbar .uv-notification-icon-count {
  76. background-color: {{ brandColor }};
  77. }
  79. .uv-paper .uv-container .uv-brick .uv-brick-section .uv-brick-icon:hover svg path {
  80. fill: {{ brandColor }};
  81. }
  83. .uv-paper .uv-container .uv-brick .uv-brick-section .uv-brick-icon {
  84. background-image: -webkit-linear-gradient(left, {{ brandColor }} 0%, {{ brandColor }} 100%);
  85. background-image: -o-linear-gradient(left, {{ brandColor }} 0%, {{ brandColor }} 100%);
  86. background-image: linear-gradient(to right, {{ brandColor }} 0%, {{ brandColor }} 100%);
  87. }
  88. .uv-paper .uv-container .uv-home-tabs ul li{
  89. border-color: {{ brandColor }};
  90. }
  91. .uv-paper .uv-container .uv-home-tabs ul .home-tab-active{
  92. background-color: {{ brandColor }};
  93. }
  94. .uv-inner-section .uv-view .uv-tabs ul .uv-tab-active{
  95. border-bottom-color: {{ brandColor }};
  96. }
  97. .uv-inner-section .uv-view .uv-tabs ul li:hover{
  98. border-bottom-color: {{ brandColor }};
  99. }
  100. .uv-loader span:before,.uv-loader span:after{
  101. background: {{ brandColor }};
  102. }
  104. .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
  105. background-color: {{ brandColor }};
  106. }
  108. .btn-primary, .btn-primary:hover, .btn-primary:active {
  109. background-color: {{ brandColor }};
  110. }
  112. .uv-app-screen .uv-app-list-channels .uv-app-list-brick .uv-app-list-brick-lt{
  113. background-color: {{ brandColor }};
  114. background-image: none !important;
  115. }
  117. .uv-app-screen .uv-app-list-channels .uv-app-list-brick{
  118. border-color: {{ brandColor }};
  119. }
  121. .uv-inner-section .uv-view .uv-ticket-section .uv-ticket-accordion .uv-ticket-count-stat, .uv-inner-section .uv-view .uv-ticket-section .uv-ticket-accordion .uv-ticket-count-stat:hover{
  122. background: {{ brandColor }};
  123. }
  124. .uv-pagination a:hover {
  125. background-color: {{ brandColor }};
  126. border-color: rgba(0,0,0,.1);
  127. }
  128. .uv-box-tab ul > li a:hover, .uv-box-tab ul > li .uv-box-tab-active {
  129. background-color: #333333;
  130. border-color: #333333;
  131. }
  132. .uv-box-tab ul > li a:hover, .uv-box-tab ul > li .uv-box-tab-active {
  133. background-color: {{ brandColor }};
  134. border-color: {{ brandColor }};
  135. }
  136. .uv-paper .uv-search-result-row .uv-brick-icon {
  137. background-image: -webkit-linear-gradient(left, {{ brandColor }} 0%, {{ brandColor }} 100%) !important;
  138. background-image: -o-linear-gradient(left, {{ brandColor }} 0%, {{ brandColor }} 100%) !important;
  139. background-image: linear-gradient(to right, {{ brandColor }} 0%, {{ brandColor }} 100%) !important;
  140. }
  141. .uv-onboard-wrapper .uv-onboard-count:before{
  142. border-right-color: {{ brandColor }};
  143. }
  145. .uv-onboard-wrapper .uv-onboard-container .uv-onboard-navigator-active{
  146. background-color: {{ brandColor }};
  147. }
  148. .uv-icon-aside-menu,.uv-paper .uv-got-whats-new {
  149. background-color: {{ brandColor }};
  150. }
  151. </style>