https://www.salmahaidrani.com/static/_common/colour_adjustments-dc…9daaf290260e47e66d7c581f8f1c26b4b9c43e7d.js

1(function () {
2// Grab css color from module & set variables
3  var module = document.querySelector('._4ORMAT_content_page_row');
4
5  if (module != null) {
6
7    var theme = document.querySelector('body'),
8      inputBorders = document.querySelectorAll('._4ORMAT_module_contact_input'),
9      dividerLight = document.querySelectorAll('._4ORMAT_module_divider_color_light'),
10      dividerSolid = document.querySelectorAll('._4ORMAT_module_divider_color_solid'),
11      dividerBackground = document.querySelectorAll('._4ORMAT_module_divider_color_background'),
12      dividerSVG = document.querySelectorAll('._4ORMAT_module_svg_divider_fill'),
13      contactBtn = document.querySelectorAll('.btn'),
14      borderColor = window.getComputedStyle(module, null).getPropertyValue("color"),
15      bgColor = window.getComputedStyle(theme, null).getPropertyValue("background-color"),
16      fontFamily = window.getComputedStyle(module, null).getPropertyValue("font-family"),
17      opacity = 0.3, // Opacity of converted rgba color
18      inputHoveredBorderOpacity = 0.4,
19      inputHoveredBackgroundOpacity = 0.03;
20
21    // Make sure the color isn't already in RGBA
22    if (borderColor.indexOf('rgba') == -1) {
23      // Convert RGB to RGBA
24      var borderColorRGBA = borderColor.replace(')', ', ' + opacity + ')').replace('rgb', 'rgba');
25    }
26
27    // Color contact module form field borders
28    for (var i = 0, len = inputBorders.length; i < len; i++) {
29      inputBorders[i].style.borderColor = borderColorRGBA;
30    }
31
32    // Color contact module buttons
33    for (var i = 0, len = contactBtn.length; i < len; i++) {
34      // var css='._4ORMAT_content_page_row .btn:hover{border-color: red}';
35      var inputHoveredBackground = borderColor
36        .replace(")", ", " + inputHoveredBackgroundOpacity + ")")
37        .replace("rgb", "rgba");
38      var inputHoveredBorder = borderColor.replace(")", ", " + inputHoveredBorderOpacity + ")").replace("rgb", "rgba");
39      var css =
40        "._4ORMAT_content_page_row .btn {font-family:" +
41        fontFamily +
42        "}._4ORMAT_content_page_row .btn:hover {border-color: " +
43        inputHoveredBorder +
44        " !important;background:" +
45        inputHoveredBackground +
46        " !important;}";
47      var style = document.createElement('style');
48      if (style.styleSheet)
49        style.styleSheet.cssText = css;
50      else
51        style.appendChild(document.createTextNode(css));
52      document.getElementsByTagName('head')[0].appendChild(style);
53    }
54
55    // Color borders
56    for (var i = 0, len = dividerLight.length; i < len; i++) {
57      dividerLight[i].style.borderColor = borderColorRGBA;
58    }
59    for (var i = 0, len = dividerSolid.length; i < len; i++) {
60      dividerSolid[i].style.borderColor = borderColor
61    }
62    for (var i = 0, len = dividerSVG.length; i < len; i++) {
63      dividerSVG[i].style.fill = borderColor
64    }
65    for (var i = 0, len = dividerBackground.length; i < len; i++) {
66      dividerBackground[i].style.background = borderColor
67    }
68  }
69})();