OHCM-colorizer

Colorizes Oracle HCM Cloud environments (oraclecloud.com). dev1, dev2, dev3, test and prod all get different colors so you know in a heartbeat where you are and don't mess up.

  1. /* ==UserStyle==
  2. @name OHCM-colorizer
  3. @description Colorizes Oracle HCM Cloud environments (oraclecloud.com). dev1, dev2, dev3, test and prod all get different colors so you know in a heartbeat where you are and don't mess up.
  4. @namespace https://greasyfork.org/en/users/709009
  5. @version 1.2.2
  6. @license MIT
  7. @author masebu
  8. @preprocessor stylus
  9.  
  10. @var color clrBannersProd "Banners color for prod" #db1414
  11. @var color clrBannersTest "Banners color for test" #ff8830
  12. @var color clrBannersDev3 "Banners color for dev3" #562473
  13. @var color clrBannersDev2 "Banners color for dev2" #0464d3
  14. @var color clrBannersDev1 "Banners color for dev1" #417324
  15. @var color clrIconsStroke "Nav icons color" white
  16.  
  17. ==/UserStyle== */
  18.  
  19. /*
  20. Changes history
  21.  
  22. version | published | change description
  23. 1.1.0 | 2020/11/26 | First publication on greasyfork. Switch to stylus preprocessor, add variables
  24. 1.1.1 | 2021/02/09 | Fix breaking changes in 21A css
  25. 1.1.3 | 2021/02/09 | Fix kioskPanelBkgd
  26. 1.1.4 | 2022/05/22 | Updated for 22B with better selectors
  27. 1.1.5 | 2022/05/29 | Corrected typo; rename from HCMC-Colorizer to OHCM-Colorizer
  28. 1.1.6 | 2022/12/27 | Add support for login page and BPM pages; updated for 22D
  29. 1.1.8 | 2024/02/01 | Add support for dev3
  30. 1.2.0 | 2024/07/12 | Add support for Redwood pages (experimental)
  31. 1.2.1 | 2025/03/17 | Fix breaking changes in 25A
  32. 1.2.2 | 2025/03/17 | Fix typos in 1.2.1 caused by Stylus crash
  33. */
  34.  
  35. setAllBgs(bgColor)
  36. /* changes per HCMC release:
  37. * 20A: replace .xmx with .x32x
  38. * 20C: replace x32x with x2zz, .xkh with .xkf
  39. * 20D: keep only .xmw and .kioskPanelBkgd, still compatible with 20C, hopping it'll stay
  40. * 21A: .xmx replaces .xmw; .xmw is now used for logo
  41. * --> keep for transition period from 20D and change background to background-color in order not to hide the logo (except for kioskPanelBkgd)
  42. * 22B: revise more systematically based on css source, limited to all background and background-color styles
  43. * 22D: add .xn1, add login page and BPM
  44. * 24B: start adding redwood
  45. * 1.2.1 25A: cleanup and additions
  46. */
  47.  
  48. // chooser page (SSO or User/Pwd)
  49. .contentContainer
  50. background-color: bgColor
  51. width:25%
  52. // global header #1.2.1 removed pretty much all old classes as it interfered with other elements where old classes were suddenly reused
  53. .global-sticky-header
  54. , .xn3
  55. background-color: bgColor !important
  56. // workarea and page headers
  57. .kioskMode .kioskPanelBkgd,
  58. .kioskMode .sticky-header.kioskPanelBkgd
  59. background: bgColor !important
  60. // Redwood - headers #1.2.0
  61. .oj-sp-global-header-overflow, oj-sp-global-header .oj-sp-global-header-panel-container
  62. background-color: bgColor !important
  63.  
  64. // Redwood - page-high side bands #1.2.0
  65. .oj-sp-rw-ask-oracle-page-container
  66. background-color: bgColor !important
  67. // OBIEE
  68. .masterBrandingArea, // header
  69. .PageContentOuterDiv // borders
  70. background-color: bgColor !important
  71. // xmlpserver
  72. .l1TabRow
  73. background-color: bgColor !important
  74.  
  75. // BPM
  76. .xvr.x1a // banner
  77. background-color: bgColor !important
  78. // BICC #1.2.1
  79. .xut
  80. background-color: bgColor !important
  81.  
  82. // Content Server #1.2.1
  83. .headerGradientCell, .headerGradientAndLinksCell, .headerAppLinkCell, .headerLogoCell, .headerIconCell
  84. background-color: bgColor !important
  85. #headerGradientImage // gradient image prevents display of background color on most part
  86. display:none !important
  87.  
  88.  
  89. setIcons(strokeColor)
  90. .svg-glob .svg-outline
  91. stroke: strokeColor !important
  92.  
  93. // 1.2.0 - Redwood
  94. .svg-solid .svg-icon01,.svg-solid .svg-icon02,.svg-solid .svg-icon03,.svg-solid .svg-icon04,.svg-solid .svg-icon05,.svg-solid .svg-icon06,.svg-solid .svg-icon07,.svg-solid .svg-icon08,.svg-solid .svg-icon09,.svg-solid .svg-icon10,.svg-solid .svg-icon11,.svg-solid .svg-icon12,.svg-solid .svg-icon13,.svg-solid .svg-icon14,.svg-solid .svg-icon15,.svg-solid .svg-icon16,.svg-solid .svg-icon17,.svg-solid .svg-icon18,oj-sp-navigator .oj-sp-navigator-launch-icon,.oj-sp-global-header-uxicon,oj-sp-global-header .oj-sp-global-header-icon,oj-sp-global-header .oj-sp-logo-global-header-logo,oj-sp-global-user-menu .oj-sp-global-user-menu-drop-arrow span, .oj-sp-theme-global-text-color,oj-sp-global-user-menu .oj-sp-global-user-menu-table,oj-sp-notifications .oj-sp-notifications-uxicon
  95. color: strokeColor !important
  96.  
  97.  
  98. @-moz-document regexp(".*dev1.*\\.(fa|login)\\.([^.]*)\\.oraclecloud\\.com/.*") {
  99. setAllBgs(clrBannersDev1)
  100. setIcons(clrIconsStroke)
  101. }
  102.  
  103. @-moz-document regexp(".*dev2.*\\.(fa|login)\\.([^.]*)\\.oraclecloud\\.com/.*") {
  104. setAllBgs(clrBannersDev2)
  105. setIcons(clrIconsStroke)
  106. }
  107.  
  108. @-moz-document regexp(".*dev3.*\\.(fa|login)\\.([^.]*)\\.oraclecloud\\.com/.*") {
  109. setAllBgs(clrBannersDev3)
  110. setIcons(clrIconsStroke)
  111. }
  112.  
  113. @-moz-document regexp(".*test.*\\.(fa|login)\\.([^.]*)\\.oraclecloud\\.com/.*") {
  114. setAllBgs(clrBannersTest)
  115. setIcons(clrIconsStroke)
  116. }
  117.  
  118.  
  119.  
  120. @-moz-document regexp("^(?:(?!(dev1|dev2|dev3|test)).)+\\.fa\\.([^.]*)\\.oraclecloud\\.com/.*") {
  121. setAllBgs(clrBannersProd)
  122. setIcons(clrIconsStroke)
  123.  
  124. }
  125.