@bbl-digital/snorre 3.0.65 → 3.1.0

package/theme-generator.js

@@ -1,599 +1,612 @@
-const fs = require('fs')
-
-const initTheme = (
-  primary,
-  secondary,
-  bgalpha,
-  secondaryFooter = false,
-  sidemenuColor,
-  sidemenuItemColor,
-  submenuColor,
-  submenuItemColor,
-  submenuTextColor,
-  submenuTextColorActive,
-  customBgColor,
-  customPortalFooterColor
-) => {
-  const styles = {
-    primary: primary,
-    secondary: secondary,
-    bg: customBgColor ? customBgColor : hexToRGBA(primary, bgalpha),
-    primary10opa: hexToRGBA(primary, 0.1),
-    primary20opa: hexToRGBA(primary, 0.2),
-    primary50opa: hexToRGBA(primary, 0.5),
-    primary5darker: shadeColor(primary, -50),
-    secondary5darker: shadeColor(secondary, -50),
-    defaultText: '#000',
-    subtleText: hexToRGBA('#000000', 0.7),
-    secondaryDarkText: shadeColor(secondary, -80),
-    bgDark: '#10105A',
-    bgMedium: '#CFD9EA',
-    bgLight: '#EEF4FB',
-    bgFooter: secondaryFooter
-      ? shadeColor(secondary, -50)
-      : shadeColor(primary, -50),
-    btnDefault: secondary,
-    btnDefaultFontColor: getContrastYIQ(secondary),
-    btnDefaultDarker: shadeColor(secondary, -15),
-    btnDefaultLighter: shadeColor(secondary, 15),
-    btnSuccess: '#4DD964',
-    btnSuccessDarker: '#27B33E',
-    btnSuccessLighter: '#73FF8A',
-    btnDanger: '#EB011A',
-    btnDangerDarker: '#C50000',
-    btnDangerLighter: '#FF2740',
-    btnDisabled: '#D7D7D7',
-    btnHoverTextColor: getContrastYIQ(shadeColor(secondary, -15)),
-    alert: '#EB011A',
-    alertLight: '#FCD6DA',
-    alertBorder: 'rgba(235,1,26,0.25)',
-    info: '#F7B633',
-    infoMedium: '#FBDA99',
-    infoLight: '#FDEDCD',
-    infoBorder: 'rgba(247,182,51,0.5)',
-    success: '#4DD964',
-    successMedium: '#A6ECB2',
-    successLight: '#D2F5D8',
-    successBorder: 'rgba(77,217,100,0.5)',
-    border: '#CFD9EA',
-    gray10: '#BDBDBD',
-    gray20: '#efefef',
-    disabled: '#D7D7D7',
-    shadowSmall: '0px 2px 4px 0px rgba(0, 0, 0, 0.1)',
-    shadowBig: '0px 10px 15px 0px rgba(0, 0, 0, 0.1)',
-    illustrationGray: '#C3D0D8',
-    illustrationPrimary50: hexifyWithWhiteBackground(hexToRGBA(primary, 0.5)),
-    illustrationPrimary40: hexifyWithWhiteBackground(hexToRGBA(primary, 0.4)),
-    illustrationPrimary20: hexifyWithWhiteBackground(hexToRGBA(primary, 0.2)),
-    illustrationPrimary10: hexifyWithWhiteBackground(hexToRGBA(primary, 0.1)),
-    illustrationPrimary5: hexifyWithWhiteBackground(hexToRGBA(primary, 0.08)),
-    sidemenuColor: sidemenuColor
-      ? sidemenuColor
-      : `linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), linear-gradient(${primary}, ${primary})`,
-    sidemenuItemColor: sidemenuItemColor
-      ? sidemenuItemColor
-      : `linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), linear-gradient(${primary}, ${primary})`,
-    submenuColor: submenuColor
-      ? submenuColor
-      : `linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), linear-gradient(${primary}, ${primary})`,
-    submenuItemColor: submenuItemColor
-      ? submenuItemColor
-      : shadeColor(primary, -50),
-    submenuTextColor: submenuTextColor
-      ? submenuTextColor
-      : `rgba(255, 255, 255, 0.7)`,
-    submenuTextColorActive: submenuTextColorActive
-      ? submenuTextColorActive
-      : `#ffffff`,
-    customPortalFooterColor: customPortalFooterColor,
-  }
-  return styles
-}
-
-// Helpers
-const hexToRGBA = (hex, alpha) => {
-  var r = parseInt(hex.slice(1, 3), 16),
-    g = parseInt(hex.slice(3, 5), 16),
-    b = parseInt(hex.slice(5, 7), 16)
-
-  return 'rgba(' + r + ', ' + g + ', ' + b + ', ' + alpha + ')'
-}
-
-function hexifyWithWhiteBackground(color) {
-  var values = color
-    .replace(/rgba?\(/, '')
-    .replace(/\)/, '')
-    .replace(/[\s+]/g, '')
-    .split(',')
-  var a = parseFloat(values[3] || 1),
-    r = Math.floor(a * parseInt(values[0]) + (1 - a) * 255),
-    g = Math.floor(a * parseInt(values[1]) + (1 - a) * 255),
-    b = Math.floor(a * parseInt(values[2]) + (1 - a) * 255)
-  return (
-    '#' +
-    ('0' + r.toString(16)).slice(-2) +
-    ('0' + g.toString(16)).slice(-2) +
-    ('0' + b.toString(16)).slice(-2)
-  )
-}
-
-const shadeColor = (color, percent) => {
-  var R = parseInt(color.substring(1, 3), 16)
-  var G = parseInt(color.substring(3, 5), 16)
-  var B = parseInt(color.substring(5, 7), 16)
-
-  R = parseInt('' + (R * (100 + percent)) / 100)
-  G = parseInt('' + (G * (100 + percent)) / 100)
-  B = parseInt('' + (B * (100 + percent)) / 100)
-
-  R = R < 255 ? R : 255
-  G = G < 255 ? G : 255
-  B = B < 255 ? B : 255
-
-  var RR = R.toString(16).length === 1 ? '0' + R.toString(16) : R.toString(16)
-  var GG = G.toString(16).length === 1 ? '0' + G.toString(16) : G.toString(16)
-  var BB = B.toString(16).length === 1 ? '0' + B.toString(16) : B.toString(16)
-
-  return '#' + RR + GG + BB
-}
-
-const getContrastYIQ = (hexcolor) => {
-  hexcolor = hexcolor.replace('#', '')
-  var r = parseInt(hexcolor.substr(0, 2), 16)
-  var g = parseInt(hexcolor.substr(2, 2), 16)
-  var b = parseInt(hexcolor.substr(4, 2), 16)
-  var yiq = (r * 299 + g * 587 + b * 114) / 1000
-  return yiq >= 128 ? 'black' : 'white'
-}
-
-const updateTheme = (bbl) => {
-  if (bbl) {
-    const b = bbls.find((x) => x.bbl === bbl)
-    console.log(b)
-    updateBbl(
-      b.bbl,
-      b.theme.primary,
-      b.theme.secondary,
-      b.theme.alpha,
-      b.theme.secondaryFooter,
-      b.theme.sidemenuColor,
-      b.theme.sidemenuItemColor,
-      b.theme.submenuColor,
-      b.theme.submenuItemColor,
-      b.theme.submenuTextColor,
-      b.theme.submenuTextColorActive,
-      b.theme.customBgColor,
-      b.theme.customPortalFooterColor
-    )
-  } else {
-    for (const b of bbls) {
-      updateBbl(
-        b.bbl,
-        b.theme.primary,
-        b.theme.secondary,
-        b.theme.alpha,
-        b.theme.secondaryFooter,
-        b.theme.sidemenuColor,
-        b.theme.sidemenuItemColor,
-        b.theme.submenuColor,
-        b.theme.submenuItemColor,
-        b.theme.submenuTextColor,
-        b.theme.submenuTextColorActive,
-        b.theme.customBgColor,
-        b.theme.customPortalFooterColor
-      )
-    }
-  }
-}
-
-const updateBbl = (
-  bbl,
-  primary,
-  secondary,
-  bgalpha,
-  secondaryFooter = false,
-  sidemenuColor,
-  sidemenuItemColor,
-  submenuColor,
-  submenuItemColor,
-  submenuTextColor,
-  submenuTextColorActive,
-  customBgColor,
-  customPortalFooterColor
-) => {
-  let data = JSON.stringify(
-    initTheme(
-      primary,
-      secondary,
-      bgalpha,
-      secondaryFooter,
-      sidemenuColor,
-      sidemenuItemColor,
-      submenuColor,
-      submenuItemColor,
-      submenuTextColor,
-      submenuTextColorActive,
-      customBgColor,
-      customPortalFooterColor
-    )
-  )
-  console.log(data)
-  fs.writeFileSync('themes/' + bbl + '/styles.json', data)
-}
-
-const bbls = [
-  {
-    bbl: 'arendal',
-    theme: {
-      primary: '#ED088A',
-      secondary: '#22475F',
-      alpha: '0.02',
-      secondaryFooter: true,
-    },
-  },
-  {
-    bbl: 'kongsberg',
-    theme: {
-      primary: '#ED088A',
-      secondary: '#22475F',
-      alpha: '0.02',
-      secondaryFooter: true,
-      sidemenuColor: '#760445',
-      submenuColor: '#A50660',
-      submenuTextColor: 'rgba(255, 255, 255, 0.8)',
-    },
-  },
-  {
-    bbl: 'labo',
-    theme: {
-      primary: '#ED088A',
-      secondary: '#22475F',
-      alpha: '0.02',
-      secondaryFooter: true,
-    },
-  },
-  {
-    bbl: 'mobo',
-    theme: {
-      primary: '#ED088A',
-      secondary: '#22475F',
-      alpha: '0.02',
-      secondaryFooter: true,
-    },
-  },
-  {
-    bbl: 'moborana',
-    theme: {
-      primary: '#ED088A',
-      secondary: '#22475F',
-      alpha: '0.02',
-      secondaryFooter: true,
-    },
-  },
-  {
-    bbl: 'mosjoen',
-    theme: {
-      primary: '#ED088A',
-      secondary: '#22475F',
-      alpha: '0.02',
-      secondaryFooter: true,
-    },
-  },
-  {
-    bbl: 'notodden',
-    theme: {
-      primary: '#ED088A',
-      secondary: '#22475F',
-      alpha: '0.02',
-      secondaryFooter: true,
-    },
-  },
-  {
-    bbl: 'polarlys',
-    theme: {
-      primary: '#ED088A',
-      secondary: '#22475F',
-      alpha: '0.02',
-      secondaryFooter: true,
-    },
-  },
-  {
-    bbl: 'sunnbo',
-    theme: {
-      primary: '#0075B2',
-      secondary: '#00527C',
-      alpha: '0.02',
-    },
-  },
-  {
-    bbl: 'vansjobbl',
-    theme: {
-      primary: '#ED088A',
-      secondary: '#22475F',
-      alpha: '0.02',
-      secondaryFooter: true,
-      sidemenuColor: '#760445',
-      submenuColor: '#A50660',
-      submenuTextColor: 'rgba(255, 255, 255, 0.8)',
-    },
-  },
-  {
-    bbl: 'bori',
-    theme: {
-      primary: '#006930',
-      secondary: '#7AB800',
-      alpha: '0.02',
-    },
-  },
-  {
-    bbl: 'bbld',
-    theme: {
-      primary: '#1657E2',
-      secondary: '#10105A',
-      alpha: '0.02',
-    },
-  },
-  {
-    bbl: 'sobbl',
-    theme: {
-      primary: '#227F48',
-      secondary: '#213228',
-      alpha: '0.02',
-    },
-  },
-  {
-    bbl: 'kobbl',
-    theme: {
-      primary: '#A71930',
-      secondary: '#B7C9D3',
-      alpha: '0.02',
-      secondaryFooter: true,
-    },
-  },
-  {
-    bbl: 'ringbo',
-    theme: {
-      primary: '#6585AF',
-      secondary: '#E64596',
-      alpha: '0.02',
-    },
-  },
-  {
-    bbl: 'abbl',
-    theme: {
-      primary: '#227F48',
-      secondary: '#213228',
-      alpha: '0.02',
-    },
-  },
-  {
-    bbl: 'bob',
-    theme: {
-      primary: '#582484',
-      secondary: '#C5E6EF',
-      alpha: '0.02',
-    },
-  },
-  {
-    bbl: 'tobb',
-    theme: {
-      primary: '#477A7B',
-      secondary: '#003865',
-      alpha: '0.04',
-    },
-  },
-  {
-    bbl: 'bomidt',
-    theme: {
-      primary: '#1897B7',
-      secondary: '#4F67AB',
-      alpha: '0.04',
-    },
-  },
-  {
-    bbl: 'bori',
-    theme: {
-      primary: '#006930',
-      secondary: '#7AB800',
-      alpha: '0.02',
-    },
-  },
-  {
-    bbl: 'gobb',
-    theme: {
-      primary: '#661B39',
-      secondary: '#273D45',
-      alpha: '0.04',
-    },
-  },
-  {
-    bbl: 'sorbbl',
-    theme: {
-      primary: '#0075B2',
-      secondary: '#00527C',
-      alpha: '0.02',
-    },
-  },
-  {
-    bbl: 'sbbl',
-    theme: {
-      primary: '#0075B2',
-      secondary: '#00527C',
-      alpha: '0.02',
-    },
-  },
-  {
-    bbl: 'bate',
-    theme: {
-      primary: '#D31F2C',
-      secondary: '#1D1D1B',
-      alpha: '0.02',
-      secondaryFooter: true,
-    },
-  },
-  {
-    bbl: 'nbbo',
-    theme: {
-      primary: '#009199',
-      secondary: '#812979',
-      alpha: '0.02',
-      secondaryFooter: true,
-    },
-  },
-  {
-    bbl: 'haubo',
-    theme: {
-      primary: '#D12725',
-      secondary: '#1C1C1C',
-      alpha: '0.04',
-      secondaryFooter: true,
-    },
-  },
-  {
-    bbl: 'obf',
-    theme: {
-      primary: '#0276BA',
-      secondary: '#062740',
-      alpha: '0.04',
-    },
-  },
-  {
-    bbl: 'rtbbl',
-    theme: {
-      primary: '#AA96ED',
-      secondary: '#22475F',
-      alpha: '0.02',
-      secondaryFooter: true,
-    },
-  },
-  {
-    bbl: 'rjukantinn',
-    theme: {
-      primary: '#AA96ED',
-      secondary: '#22475F',
-      alpha: '0.02',
-      secondaryFooter: true,
-    },
-  },
-  {
-    bbl: 'pbbl',
-    theme: {
-      primary: '#0088B8',
-      secondary: '#ED088A',
-      alpha: '0.02',
-    },
-  },
-  {
-    bbl: 'usbl',
-    theme: {
-      primary: '#FA8268',
-      secondary: '#D24448',
-      alpha: '0.04',
-      secondaryFooter: true,
-      sidemenuColor: '#D04547',
-      sidemenuItemColor: '#A73A37',
-      submenuColor: '#F5F2EB',
-      submenuItemColor: 'white',
-      submenuTextColor: 'rgba(0, 0, 0, 0.7)',
-      submenuTextColorActive: 'black',
-      customBgColor: '#FCFBF8',
-      customPortalFooterColor: '#343E40',
-    },
-  },
-  {
-    bbl: 'bodo',
-    theme: {
-      primary: '#DD2C2A',
-      secondary: '#240216',
-      alpha: '0.02',
-      secondaryFooter: true,
-    },
-  },
-  {
-    bbl: 'nobl',
-    theme: {
-      primary: '#DD2C2A',
-      secondary: '#240216',
-      alpha: '0.02',
-      secondaryFooter: true,
-    },
-  },
-  {
-    bbl: 'omt',
-    theme: {
-      primary: '#04A2D7',
-      secondary: '#32395A',
-      alpha: '0.02',
-      secondaryFooter: true,
-    },
-  },
-  {
-    bbl: 'kbbl',
-    theme: {
-      primary: '#7FAB93',
-      secondary: '#BCB3A2',
-      alpha: '0.02',
-      secondaryFooter: true,
-    },
-  },
-  {
-    bbl: 'bonord',
-    theme: {
-      primary: '#3D8471',
-      secondary: '#E5AF7C',
-      alpha: '0.04',
-    },
-  },
-  {
-    bbl: 'vestbo',
-    theme: {
-      primary: '#6BC0DC',
-      secondary: '#466091',
-      alpha: '0.04',
-      secondaryFooter: true,
-    },
-  },
-  {
-    bbl: 'nbbl',
-    theme: {
-      primary: '#ED088A',
-      secondary: '#22475F',
-      alpha: '0.02',
-      secondaryFooter: true,
-    },
-  },
-  {
-    bbl: 'kragero',
-    theme: {
-      primary: '#6585AF',
-      secondary: '#E64596',
-      alpha: '0.02',
-    },
-  },
-  {
-    bbl: 'habo',
-    theme: {
-      primary: '#345681',
-      secondary: '#ED088A',
-      alpha: '0.02',
-    },
-  },
-  {
-    bbl: 'aardal',
-    theme: {
-      primary: '#710718',
-      secondary: '#22475F',
-      alpha: '0.02',
-    },
-  },
-  {
-    bbl: 'skien',
-    theme: {
-      primary: '#ED088A',
-      secondary: '#ED088A',
-      alpha: '0.02',
-    },
-  },
-]
-
-updateTheme()
+const fs = require('fs')
+
+const initTheme = (
+  primary,
+  secondary,
+  bgalpha,
+  secondaryFooter = false,
+  sidemenuColor,
+  sidemenuItemColor,
+  submenuColor,
+  submenuItemColor,
+  submenuTextColor,
+  submenuTextColorActive,
+  customBgColor,
+  customPortalFooterColor,
+  customFooter
+) => {
+  const styles = {
+    primary: primary,
+    secondary: secondary,
+    bg: customBgColor ? customBgColor : hexToRGBA(primary, bgalpha),
+    primary10opa: hexToRGBA(primary, 0.1),
+    primary20opa: hexToRGBA(primary, 0.2),
+    primary50opa: hexToRGBA(primary, 0.5),
+    primary5darker: shadeColor(primary, -50),
+    secondary5darker: shadeColor(secondary, -50),
+    defaultText: '#000',
+    subtleText: hexToRGBA('#000000', 0.7),
+    secondaryDarkText: shadeColor(secondary, -80),
+    bgDark: '#10105A',
+    bgMedium: '#CFD9EA',
+    bgLight: '#EEF4FB',
+    bgFooter: customFooter
+      ? customFooter
+      : secondaryFooter
+      ? shadeColor(secondary, -50)
+      : shadeColor(primary, -50),
+    btnDefault: secondary,
+    btnDefaultFontColor: getContrastYIQ(secondary),
+    btnDefaultDarker: shadeColor(secondary, -15),
+    btnDefaultLighter: shadeColor(secondary, 15),
+    btnSuccess: '#4DD964',
+    btnSuccessDarker: '#27B33E',
+    btnSuccessLighter: '#73FF8A',
+    btnDanger: '#EB011A',
+    btnDangerDarker: '#C50000',
+    btnDangerLighter: '#FF2740',
+    btnDisabled: '#D7D7D7',
+    btnHoverTextColor: getContrastYIQ(shadeColor(secondary, -15)),
+    alert: '#EB011A',
+    alertLight: '#FCD6DA',
+    alertBorder: 'rgba(235,1,26,0.25)',
+    info: '#F7B633',
+    infoMedium: '#FBDA99',
+    infoLight: '#FDEDCD',
+    infoBorder: 'rgba(247,182,51,0.5)',
+    success: '#4DD964',
+    successMedium: '#A6ECB2',
+    successLight: '#D2F5D8',
+    successBorder: 'rgba(77,217,100,0.5)',
+    border: '#CFD9EA',
+    gray10: '#BDBDBD',
+    gray20: '#efefef',
+    disabled: '#D7D7D7',
+    shadowSmall: '0px 2px 4px 0px rgba(0, 0, 0, 0.1)',
+    shadowBig: '0px 10px 15px 0px rgba(0, 0, 0, 0.1)',
+    illustrationGray: '#C3D0D8',
+    illustrationPrimary50: hexifyWithWhiteBackground(hexToRGBA(primary, 0.5)),
+    illustrationPrimary40: hexifyWithWhiteBackground(hexToRGBA(primary, 0.4)),
+    illustrationPrimary20: hexifyWithWhiteBackground(hexToRGBA(primary, 0.2)),
+    illustrationPrimary10: hexifyWithWhiteBackground(hexToRGBA(primary, 0.1)),
+    illustrationPrimary5: hexifyWithWhiteBackground(hexToRGBA(primary, 0.08)),
+    sidemenuColor: sidemenuColor
+      ? sidemenuColor
+      : `linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), linear-gradient(${primary}, ${primary})`,
+    sidemenuItemColor: sidemenuItemColor
+      ? sidemenuItemColor
+      : `linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), linear-gradient(${primary}, ${primary})`,
+    submenuColor: submenuColor
+      ? submenuColor
+      : `linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), linear-gradient(${primary}, ${primary})`,
+    submenuItemColor: submenuItemColor
+      ? submenuItemColor
+      : shadeColor(primary, -50),
+    submenuTextColor: submenuTextColor
+      ? submenuTextColor
+      : `rgba(255, 255, 255, 0.7)`,
+    submenuTextColorActive: submenuTextColorActive
+      ? submenuTextColorActive
+      : `#ffffff`,
+    customPortalFooterColor: customPortalFooterColor,
+  }
+  return styles
+}
+
+// Helpers
+const hexToRGBA = (hex, alpha) => {
+  var r = parseInt(hex.slice(1, 3), 16),
+    g = parseInt(hex.slice(3, 5), 16),
+    b = parseInt(hex.slice(5, 7), 16)
+
+  return 'rgba(' + r + ', ' + g + ', ' + b + ', ' + alpha + ')'
+}
+
+function hexifyWithWhiteBackground(color) {
+  var values = color
+    .replace(/rgba?\(/, '')
+    .replace(/\)/, '')
+    .replace(/[\s+]/g, '')
+    .split(',')
+  var a = parseFloat(values[3] || 1),
+    r = Math.floor(a * parseInt(values[0]) + (1 - a) * 255),
+    g = Math.floor(a * parseInt(values[1]) + (1 - a) * 255),
+    b = Math.floor(a * parseInt(values[2]) + (1 - a) * 255)
+  return (
+    '#' +
+    ('0' + r.toString(16)).slice(-2) +
+    ('0' + g.toString(16)).slice(-2) +
+    ('0' + b.toString(16)).slice(-2)
+  )
+}
+
+const shadeColor = (color, percent) => {
+  var R = parseInt(color.substring(1, 3), 16)
+  var G = parseInt(color.substring(3, 5), 16)
+  var B = parseInt(color.substring(5, 7), 16)
+
+  R = parseInt('' + (R * (100 + percent)) / 100)
+  G = parseInt('' + (G * (100 + percent)) / 100)
+  B = parseInt('' + (B * (100 + percent)) / 100)
+
+  R = R < 255 ? R : 255
+  G = G < 255 ? G : 255
+  B = B < 255 ? B : 255
+
+  var RR = R.toString(16).length === 1 ? '0' + R.toString(16) : R.toString(16)
+  var GG = G.toString(16).length === 1 ? '0' + G.toString(16) : G.toString(16)
+  var BB = B.toString(16).length === 1 ? '0' + B.toString(16) : B.toString(16)
+
+  return '#' + RR + GG + BB
+}
+
+const getContrastYIQ = (hexcolor) => {
+  hexcolor = hexcolor.replace('#', '')
+  var r = parseInt(hexcolor.substr(0, 2), 16)
+  var g = parseInt(hexcolor.substr(2, 2), 16)
+  var b = parseInt(hexcolor.substr(4, 2), 16)
+  var yiq = (r * 299 + g * 587 + b * 114) / 1000
+  return yiq >= 128 ? 'black' : 'white'
+}
+
+const updateTheme = (bbl) => {
+  if (bbl) {
+    const b = bbls.find((x) => x.bbl === bbl)
+    console.log(b)
+    updateBbl(
+      b.bbl,
+      b.theme.primary,
+      b.theme.secondary,
+      b.theme.alpha,
+      b.theme.secondaryFooter,
+      b.theme.sidemenuColor,
+      b.theme.sidemenuItemColor,
+      b.theme.submenuColor,
+      b.theme.submenuItemColor,
+      b.theme.submenuTextColor,
+      b.theme.submenuTextColorActive,
+      b.theme.customBgColor,
+      b.theme.customPortalFooterColor,
+      b.theme.customFooter
+    )
+  } else {
+    for (const b of bbls) {
+      updateBbl(
+        b.bbl,
+        b.theme.primary,
+        b.theme.secondary,
+        b.theme.alpha,
+        b.theme.secondaryFooter,
+        b.theme.sidemenuColor,
+        b.theme.sidemenuItemColor,
+        b.theme.submenuColor,
+        b.theme.submenuItemColor,
+        b.theme.submenuTextColor,
+        b.theme.submenuTextColorActive,
+        b.theme.customBgColor,
+        b.theme.customPortalFooterColor,
+        b.theme.customFooter
+      )
+    }
+  }
+}
+
+const updateBbl = (
+  bbl,
+  primary,
+  secondary,
+  bgalpha,
+  secondaryFooter = false,
+  sidemenuColor,
+  sidemenuItemColor,
+  submenuColor,
+  submenuItemColor,
+  submenuTextColor,
+  submenuTextColorActive,
+  customBgColor,
+  customPortalFooterColor,
+  customFooter
+) => {
+  let data = JSON.stringify(
+    initTheme(
+      primary,
+      secondary,
+      bgalpha,
+      secondaryFooter,
+      sidemenuColor,
+      sidemenuItemColor,
+      submenuColor,
+      submenuItemColor,
+      submenuTextColor,
+      submenuTextColorActive,
+      customBgColor,
+      customPortalFooterColor,
+      customFooter
+    )
+  )
+  console.log(data)
+  fs.writeFileSync('themes/' + bbl + '/styles.json', data)
+}
+
+const bbls = [
+  {
+    bbl: 'arendal',
+    theme: {
+      primary: '#ED088A',
+      secondary: '#22475F',
+      alpha: '0.02',
+      secondaryFooter: true,
+    },
+  },
+  {
+    bbl: 'kongsberg',
+    theme: {
+      primary: '#ED088A',
+      secondary: '#22475F',
+      alpha: '0.02',
+      secondaryFooter: true,
+      sidemenuColor: '#760445',
+      submenuColor: '#A50660',
+      submenuTextColor: 'rgba(255, 255, 255, 0.8)',
+    },
+  },
+  {
+    bbl: 'labo',
+    theme: {
+      primary: '#ED088A',
+      secondary: '#22475F',
+      alpha: '0.02',
+      secondaryFooter: true,
+    },
+  },
+  {
+    bbl: 'mobo',
+    theme: {
+      primary: '#ED088A',
+      secondary: '#22475F',
+      alpha: '0.02',
+      secondaryFooter: true,
+    },
+  },
+  {
+    bbl: 'moborana',
+    theme: {
+      primary: '#ED088A',
+      secondary: '#22475F',
+      alpha: '0.02',
+      secondaryFooter: true,
+    },
+  },
+  {
+    bbl: 'mosjoen',
+    theme: {
+      primary: '#ED088A',
+      secondary: '#22475F',
+      alpha: '0.02',
+      secondaryFooter: true,
+    },
+  },
+  {
+    bbl: 'notodden',
+    theme: {
+      primary: '#ED088A',
+      secondary: '#22475F',
+      alpha: '0.02',
+      secondaryFooter: true,
+    },
+  },
+  {
+    bbl: 'polarlys',
+    theme: {
+      primary: '#ED088A',
+      secondary: '#22475F',
+      alpha: '0.02',
+      secondaryFooter: true,
+    },
+  },
+  {
+    bbl: 'sunnbo',
+    theme: {
+      primary: '#0075B2',
+      secondary: '#00527C',
+      alpha: '0.02',
+    },
+  },
+  {
+    bbl: 'vansjobbl',
+    theme: {
+      primary: '#ED088A',
+      secondary: '#22475F',
+      alpha: '0.02',
+      secondaryFooter: true,
+      sidemenuColor: '#760445',
+      submenuColor: '#A50660',
+      submenuTextColor: 'rgba(255, 255, 255, 0.8)',
+    },
+  },
+  {
+    bbl: 'bori',
+    theme: {
+      primary: '#006930',
+      secondary: '#7AB800',
+      alpha: '0.02',
+    },
+  },
+  {
+    bbl: 'bbld',
+    theme: {
+      primary: '#1657E2',
+      secondary: '#10105A',
+      alpha: '0.02',
+    },
+  },
+  {
+    bbl: 'sobbl',
+    theme: {
+      primary: '#227F48',
+      secondary: '#213228',
+      alpha: '0.02',
+    },
+  },
+  {
+    bbl: 'kobbl',
+    theme: {
+      primary: '#A71930',
+      secondary: '#B7C9D3',
+      alpha: '0.02',
+      secondaryFooter: true,
+    },
+  },
+  {
+    bbl: 'ringbo',
+    theme: {
+      primary: '#6585AF',
+      secondary: '#E64596',
+      alpha: '0.02',
+    },
+  },
+  {
+    bbl: 'abbl',
+    theme: {
+      primary: '#227F48',
+      secondary: '#213228',
+      alpha: '0.02',
+    },
+  },
+  {
+    bbl: 'bob',
+    theme: {
+      primary: '#582484',
+      secondary: '#C5E6EF',
+      alpha: '0.02',
+    },
+  },
+  {
+    bbl: 'tobb',
+    theme: {
+      primary: '#477A7B',
+      secondary: '#003865',
+      alpha: '0.04',
+    },
+  },
+  {
+    bbl: 'bomidt',
+    theme: {
+      primary: '#1897B7',
+      secondary: '#4F67AB',
+      alpha: '0.04',
+    },
+  },
+  {
+    bbl: 'bori',
+    theme: {
+      primary: '#006930',
+      secondary: '#7AB800',
+      alpha: '0.02',
+    },
+  },
+  {
+    bbl: 'gobb',
+    theme: {
+      primary: '#661B39',
+      secondary: '#273D45',
+      alpha: '0.04',
+    },
+  },
+  {
+    bbl: 'sorbbl',
+    theme: {
+      primary: '#0075B2',
+      secondary: '#00527C',
+      alpha: '0.02',
+    },
+  },
+  {
+    bbl: 'sbbl',
+    theme: {
+      primary: '#0075B2',
+      secondary: '#00527C',
+      alpha: '0.02',
+    },
+  },
+  {
+    bbl: 'bate',
+    theme: {
+      primary: '#D31F2C',
+      secondary: '#1D1D1B',
+      alpha: '0.02',
+      secondaryFooter: true,
+    },
+  },
+  {
+    bbl: 'nbbo',
+    theme: {
+      primary: '#009199',
+      secondary: '#812979',
+      alpha: '0.02',
+      secondaryFooter: true,
+    },
+  },
+  {
+    bbl: 'haubo',
+    theme: {
+      primary: '#D12725',
+      secondary: '#1C1C1C',
+      alpha: '0.04',
+      secondaryFooter: true,
+    },
+  },
+  {
+    bbl: 'obf',
+    theme: {
+      primary: '#297154',
+      secondary: '#F9F1DF',
+      customBgColor: '#F8F8F8',
+      alpha: '0.04',
+      sidemenuColor: '#14382A',
+      sidemenuItemColor: '#184432',
+      submenuColor: '#194432',
+      customPortalFooterColor: 'rgb(20, 56, 42)',
+      customFooter: '#297154',
+    },
+  },
+  {
+    bbl: 'rtbbl',
+    theme: {
+      primary: '#AA96ED',
+      secondary: '#22475F',
+      alpha: '0.02',
+      secondaryFooter: true,
+    },
+  },
+  {
+    bbl: 'rjukantinn',
+    theme: {
+      primary: '#AA96ED',
+      secondary: '#22475F',
+      alpha: '0.02',
+      secondaryFooter: true,
+    },
+  },
+  {
+    bbl: 'pbbl',
+    theme: {
+      primary: '#0088B8',
+      secondary: '#ED088A',
+      alpha: '0.02',
+    },
+  },
+  {
+    bbl: 'usbl',
+    theme: {
+      primary: '#FA8268',
+      secondary: '#D24448',
+      alpha: '0.04',
+      secondaryFooter: true,
+      sidemenuColor: '#D04547',
+      sidemenuItemColor: '#A73A37',
+      submenuColor: '#F5F2EB',
+      submenuItemColor: 'white',
+      submenuTextColor: 'rgba(0, 0, 0, 0.7)',
+      submenuTextColorActive: 'black',
+      customBgColor: '#FCFBF8',
+      customPortalFooterColor: '#343E40',
+    },
+  },
+  {
+    bbl: 'bodo',
+    theme: {
+      primary: '#DD2C2A',
+      secondary: '#240216',
+      alpha: '0.02',
+      secondaryFooter: true,
+    },
+  },
+  {
+    bbl: 'nobl',
+    theme: {
+      primary: '#DD2C2A',
+      secondary: '#240216',
+      alpha: '0.02',
+      secondaryFooter: true,
+    },
+  },
+  {
+    bbl: 'omt',
+    theme: {
+      primary: '#04A2D7',
+      secondary: '#32395A',
+      alpha: '0.02',
+      secondaryFooter: true,
+    },
+  },
+  {
+    bbl: 'kbbl',
+    theme: {
+      primary: '#7FAB93',
+      secondary: '#BCB3A2',
+      alpha: '0.02',
+      secondaryFooter: true,
+    },
+  },
+  {
+    bbl: 'bonord',
+    theme: {
+      primary: '#3D8471',
+      secondary: '#E5AF7C',
+      alpha: '0.04',
+    },
+  },
+  {
+    bbl: 'vestbo',
+    theme: {
+      primary: '#6BC0DC',
+      secondary: '#466091',
+      alpha: '0.04',
+      secondaryFooter: true,
+    },
+  },
+  {
+    bbl: 'nbbl',
+    theme: {
+      primary: '#ED088A',
+      secondary: '#22475F',
+      alpha: '0.02',
+      secondaryFooter: true,
+    },
+  },
+  {
+    bbl: 'kragero',
+    theme: {
+      primary: '#6585AF',
+      secondary: '#E64596',
+      alpha: '0.02',
+    },
+  },
+  {
+    bbl: 'habo',
+    theme: {
+      primary: '#345681',
+      secondary: '#ED088A',
+      alpha: '0.02',
+    },
+  },
+  {
+    bbl: 'aardal',
+    theme: {
+      primary: '#710718',
+      secondary: '#22475F',
+      alpha: '0.02',
+    },
+  },
+  {
+    bbl: 'skien',
+    theme: {
+      primary: '#ED088A',
+      secondary: '#ED088A',
+      alpha: '0.02',
+    },
+  },
+]
+
+updateTheme()