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>