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

Open in your IDE?
  1. {% set brandColor = website.themeColor ?: '#7C70F4' %}
  2. <style>
  3.     .uv-btn-small,
  4.     .uv-btn,
  5.     .uv-btn-large,
  6.     .uv-btn-action,
  7.     .uv-btn-label {
  8.         background: {{ brandColor }};
  9.     }
  10.     .uv-btn-small:hover,
  11.     .uv-btn:hover,
  12.     .uv-btn-large:hover,
  13.     .uv-btn-action:hover,
  14.     .btn:hover,
  15.     .uv-btn-label:hover {
  16.         background: {{ brandColor }};
  17.         opacity: .85;
  18.     }
  19.     .uv-btn-small:active,
  20.     .uv-btn:active,
  21.     .uv-btn-large:active,
  22.     .uv-btn-action:active,
  23.     .btn:active,
  24.     .uv-btn-label:active {
  25.         background: {{ brandColor }};
  26.         opacity: .65;
  27.     }
  28.     .uv-btn-stroke:active{
  29.         border-color: {{ brandColor }}; 
  30.     }
  31.     .uv-dropdown .uv-dropdown-btn-active {
  32.         border: solid 1px {{ brandColor }};
  33.     }
  34.     .uv-select:focus,
  35.     .uv-field:focus, .uv-search-inline:focus {
  36.         border-color: {{ brandColor }};
  37.     }
  38.     .uv-sidebar .uv-soft-top .uv-logo svg path, 
  39.     .uv-inner-section .uv-view .uv-image-upload-wrapper .uv-image-upload-brick .uv-image-upload-placeholder svg path {
  40.         fill: {{ brandColor }};
  41.     }
  42.     .uv-inner-section .uv-view .uv-image-upload-wrapper .uv-image-upload-brick:hover .uv-image-upload-placeholder svg path {
  43.     fill: {{ brandColor }};
  44.     opacity: .85;
  45.     }
  46.     li.uv-active-sidebar {
  47.         color: {{ brandColor }};
  48.         border-left: solid 3px {{ brandColor }};
  49.     }
  50.     .uv-sidebar ul.uv-menubar li:not(.uv-active-sidebar) a:hover,
  51.     .uv-sidebar ul.uv-menubar li .uv-item-active {
  52.         color: {{ brandColor }};
  53.         border-left: solid 3px {{ brandColor }};
  54.     }
  55.     .uv-sidebar .uv-soft-top .uv-hamburger:hover svg path {
  56.         fill: {{ brandColor }};
  57.     }
  58.     .uv-sidebar ul.uv-menubar li a:hover .uv-icon svg path,
  59.     .uv-sidebar ul.uv-menubar li .uv-item-active .uv-icon svg path {
  60.     fill: {{ brandColor }};
  61.     }
  62.     .uv-paper .uv-navbar .uv-notification-icon-count {
  63.         background-color: {{ brandColor }};
  64.     }
  65.     .uv-paper .uv-container .uv-brick .uv-brick-section .uv-brick-icon:hover svg path {
  66.         fill: {{ brandColor }};
  67.     }
  68.     .uv-paper .uv-container .uv-brick .uv-brick-section .uv-brick-icon {
  69.         background-image: -webkit-linear-gradient(left, {{ brandColor }} 0%, {{ brandColor }} 100%);
  70.         background-image: -o-linear-gradient(left, {{ brandColor }} 0%, {{ brandColor }} 100%);
  71.         background-image: linear-gradient(to right, {{ brandColor }} 0%, {{ brandColor }} 100%);
  72.     }
  73.     .uv-paper .uv-container .uv-home-tabs ul li{
  74.         border-color: {{ brandColor }};
  75.     }
  76.     .uv-paper .uv-container .uv-home-tabs ul .home-tab-active{
  77.         background-color: {{ brandColor }};
  78.     }
  79.     .uv-inner-section .uv-view .uv-tabs ul .uv-tab-active{
  80.         border-bottom-color: {{ brandColor }};
  81.     }
  82.     .uv-inner-section .uv-view .uv-tabs ul li:hover{
  83.         border-bottom-color: {{ brandColor }};
  84.     }
  85.     .uv-loader span:before,.uv-loader span:after{
  86.         background: {{ brandColor }};
  87.     }
  88.     .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
  89.         background-color: {{ brandColor }};
  90.     }
  91.     .btn-primary, .btn-primary:hover, .btn-primary:active {
  92.         background-color: {{ brandColor }};
  93.     }
  94.     .uv-app-screen .uv-app-list-channels .uv-app-list-brick .uv-app-list-brick-lt{
  95.         background-color: {{ brandColor }};
  96.         background-image: none !important;
  97.     }
  98.     .uv-app-screen .uv-app-list-channels .uv-app-list-brick{
  99.         border-color: {{ brandColor }};
  100.     }
  101.     .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{
  102.         background: {{ brandColor }};
  103.     }
  104.     .uv-pagination a:hover {
  105.         background-color: {{ brandColor }};
  106.         border-color: rgba(0,0,0,.1);
  107.     }
  108.     .uv-box-tab ul > li a:hover, .uv-box-tab ul > li .uv-box-tab-active {
  109.         background-color: #333333;
  110.         border-color: #333333;
  111.     }
  112.     .uv-box-tab ul > li a:hover, .uv-box-tab ul > li .uv-box-tab-active {
  113.         background-color: {{ brandColor }};
  114.         border-color: {{ brandColor }};
  115.     }
  116.     .uv-paper .uv-search-result-row .uv-brick-icon {
  117.         background-image: -webkit-linear-gradient(left, {{ brandColor }} 0%, {{ brandColor }} 100%) !important;
  118.         background-image: -o-linear-gradient(left, {{ brandColor }} 0%, {{ brandColor }} 100%) !important;
  119.         background-image: linear-gradient(to right, {{ brandColor }} 0%, {{ brandColor }} 100%) !important;
  120.     }
  121.     .uv-onboard-wrapper .uv-onboard-count:before{
  122.         border-right-color: {{ brandColor }};
  123.     }
  124.     .uv-onboard-wrapper .uv-onboard-container .uv-onboard-navigator-active{
  125.         background-color: {{ brandColor }};
  126.     }
  127.     .uv-icon-aside-menu,.uv-paper .uv-got-whats-new {
  128.         background-color: {{ brandColor }};   
  129.     }
  130. </style>