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.
/* ==UserStyle==
@name OHCM-colorizer
@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.
@namespace https://greasyfork.org/en/users/709009
@version 1.2.2
@license MIT
@author masebu
@preprocessor stylus
@var color clrBannersProd "Banners color for prod" #db1414
@var color clrBannersTest "Banners color for test" #ff8830
@var color clrBannersDev3 "Banners color for dev3" #562473
@var color clrBannersDev2 "Banners color for dev2" #0464d3
@var color clrBannersDev1 "Banners color for dev1" #417324
@var color clrIconsStroke "Nav icons color" white
==/UserStyle== */
/*
Changes history
version | published | change description
1.1.0 | 2020/11/26 | First publication on greasyfork. Switch to stylus preprocessor, add variables
1.1.1 | 2021/02/09 | Fix breaking changes in 21A css
1.1.3 | 2021/02/09 | Fix kioskPanelBkgd
1.1.4 | 2022/05/22 | Updated for 22B with better selectors
1.1.5 | 2022/05/29 | Corrected typo; rename from HCMC-Colorizer to OHCM-Colorizer
1.1.6 | 2022/12/27 | Add support for login page and BPM pages; updated for 22D
1.1.8 | 2024/02/01 | Add support for dev3
1.2.0 | 2024/07/12 | Add support for Redwood pages (experimental)
1.2.1 | 2025/03/17 | Fix breaking changes in 25A
1.2.2 | 2025/03/17 | Fix typos in 1.2.1 caused by Stylus crash
*/
setAllBgs(bgColor)
/* changes per HCMC release:
* 20A: replace .xmx with .x32x
* 20C: replace x32x with x2zz, .xkh with .xkf
* 20D: keep only .xmw and .kioskPanelBkgd, still compatible with 20C, hopping it'll stay
* 21A: .xmx replaces .xmw; .xmw is now used for logo
* --> keep for transition period from 20D and change background to background-color in order not to hide the logo (except for kioskPanelBkgd)
* 22B: revise more systematically based on css source, limited to all background and background-color styles
* 22D: add .xn1, add login page and BPM
* 24B: start adding redwood
* 1.2.1 25A: cleanup and additions
*/
// chooser page (SSO or User/Pwd)
.contentContainer
background-color: bgColor
width:25%
// global header #1.2.1 removed pretty much all old classes as it interfered with other elements where old classes were suddenly reused
.global-sticky-header
, .xn3
background-color: bgColor !important
// workarea and page headers
.kioskMode .kioskPanelBkgd,
.kioskMode .sticky-header.kioskPanelBkgd
background: bgColor !important
// Redwood - headers #1.2.0
.oj-sp-global-header-overflow, oj-sp-global-header .oj-sp-global-header-panel-container
background-color: bgColor !important
// Redwood - page-high side bands #1.2.0
.oj-sp-rw-ask-oracle-page-container
background-color: bgColor !important
// OBIEE
.masterBrandingArea, // header
.PageContentOuterDiv // borders
background-color: bgColor !important
// xmlpserver
.l1TabRow
background-color: bgColor !important
// BPM
.xvr.x1a // banner
background-color: bgColor !important
// BICC #1.2.1
.xut
background-color: bgColor !important
// Content Server #1.2.1
.headerGradientCell, .headerGradientAndLinksCell, .headerAppLinkCell, .headerLogoCell, .headerIconCell
background-color: bgColor !important
#headerGradientImage // gradient image prevents display of background color on most part
display:none !important
setIcons(strokeColor)
.svg-glob .svg-outline
stroke: strokeColor !important
// 1.2.0 - Redwood
.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
color: strokeColor !important
@-moz-document regexp(".*dev1.*\\.(fa|login)\\.([^.]*)\\.oraclecloud\\.com/.*") {
setAllBgs(clrBannersDev1)
setIcons(clrIconsStroke)
}
@-moz-document regexp(".*dev2.*\\.(fa|login)\\.([^.]*)\\.oraclecloud\\.com/.*") {
setAllBgs(clrBannersDev2)
setIcons(clrIconsStroke)
}
@-moz-document regexp(".*dev3.*\\.(fa|login)\\.([^.]*)\\.oraclecloud\\.com/.*") {
setAllBgs(clrBannersDev3)
setIcons(clrIconsStroke)
}
@-moz-document regexp(".*test.*\\.(fa|login)\\.([^.]*)\\.oraclecloud\\.com/.*") {
setAllBgs(clrBannersTest)
setIcons(clrIconsStroke)
}
@-moz-document regexp("^(?:(?!(dev1|dev2|dev3|test)).)+\\.fa\\.([^.]*)\\.oraclecloud\\.com/.*") {
setAllBgs(clrBannersProd)
setIcons(clrIconsStroke)
}