Hi there!
I was wondering, is it possible to captu...
# generalf
Facundo Sanchez
11/28/2022, 7:58 PMHi there!
I was wondering, is it possible to capture the navigation bar colour? so I can then use that same colour on different suitelets
d
David B
11/28/2022, 8:23 PMProgrammatically or manually?
Programmatically probably via some jQuery.
Manually you can inspect your netsuite page (dev tools), and one of the `link`s under
head/core/styles/pagestyles.nl🙌 1
David B
11/28/2022, 8:25 PMI think for nav bar colour, it's
bgoffm
michoel
11/28/2022, 10:07 PM Copy code
/**
* Attempt to figure out user's selected theme colour
*
* @returns {string} NetSuite theme colour as hex string
*/
function getNetSuiteThemeColour() {
const defaultColour = "#607799";
const $nsNavigation = document.getElementById("ns_navigation");
if ($nsNavigation) {
return window.getComputedStyle($nsNavigation)["background-color"];
}
return defaultColour;
}🙌 1
slack bookmark 1
d
David B
11/28/2022, 11:08 PMThat's some handy code, saving that
f
Facundo Sanchez
11/29/2022, 8:32 PMI've made a few modifications to the code so it returns the colour value as hex instead or rgb.
`const rgbToHex = ([r, g, b]) => `#${Number(r).toString(16)}${Number(g).toString(16)}${Number(b).toString(16)}``
const getNetSuiteThemeColour = () => {const defaultColour = "#607799";const $nsNavigation = document.getElementById("ns_navigation");if ($nsNavigation) {const rgb = window.getComputedStyle($nsNavigation)["background-color"].toString(16);var rgbArray = rgb.replace('rgb(', '').replace(')', '');rgbArray = rgbArray.split(', ');return rgbToHex(rgbArray);}return defaultColour;}✅ 1
d
David B
11/29/2022, 8:47 PMcould also use
Copy code
const rgb = window.getComputedStyle($nsNavigation)["background-color"];
return '#'+rgb.match(/\d+/g).map(x=>(+x).toString(16).padStart(2,0)).join('')🏌️ 2
⛳ 2
David B
11/29/2022, 8:48 PMjust note that IE returns background-color in hex already..... 🙄 because of course it does
6 Views