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.0
@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)
*/
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
*/
.xmw, // nav/branding bar (20D)
.xmx // nav/branding bar (21A)
background-color: bgColor !important
/* new 22B */
.AFBrandingBar, .xn0,
.UIShellGlobalHeaderBadge, .xoh,
.x1h7,
.AFAppNavbarButton,.x2fn,
.xei.x2fm,.xo9.fuse-page-tabs.x3ed.p_AFTopTabs .xb7:not(.p_AFSelected),
.AFFooterBar,.x2i1,
.xo9.fuse-page-tabs .xzw,
.xo9.fuse-page-tabs .xzw.p_AFIconified,
.xo9.fuse-page-tabs .xzw .xb7.p_AFSelected .x1ga,
.global-sticky-header, .x38z
, .xn1 // new 22D
background-color: bgColor !important
.kioskMode .kioskPanelBkgd,
.kioskMode .sticky-header.kioskPanelBkgd
background: 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
// login form (SSO or User/Pwd)
.contentContainer
background-color: bgColor !important
// 1.2.0 - Redwood - headers
.oj-sp-global-header-overflow, oj-sp-global-header .oj-sp-global-header-panel-container
background-color: bgColor !important
// 1.2.0 - Redwood - page-high side bands
.oj-sp-rw-ask-oracle-page-container
background-color: bgColor !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\\.([^.]*)\\.oraclecloud\\.com/.*") {
setAllBgs(clrBannersDev1)
setIcons(clrIconsStroke)
}
@-moz-document regexp(".*dev2.*\\.fa\\.([^.]*)\\.oraclecloud\\.com/.*") {
setAllBgs(clrBannersDev2)
setIcons(clrIconsStroke)
}
@-moz-document regexp(".*dev3.*\\.fa\\.([^.]*)\\.oraclecloud\\.com/.*") {
setAllBgs(clrBannersDev3)
setIcons(clrIconsStroke)
}
@-moz-document regexp(".*test.*\\.fa\\.([^.]*)\\.oraclecloud\\.com/.*") {
setAllBgs(clrBannersTest)
setIcons(clrIconsStroke)
}
@-moz-document regexp("^(?:(?!(dev1|dev2|dev3|test)).)+\\.fa\\.([^.]*)\\.oraclecloud\\.com/.*") {
setAllBgs(clrBannersProd)
setIcons(clrIconsStroke)
}