@bbl-digital/snorre 3.1.38 → 4.0.0-alpha.0

package/theme-generator.js

@@ -1,19 +1,55 @@
 const fs = require('fs')
+const bbls = require('./theme-bbls.js')
+const {
+  shadeColor,
+  hexToRGBA,
+  getContrastYIQ,
+  hexifyWithWhiteBackground,
+} = require('./theme-helpers.js')
 
 const initTheme = (
   primary,
   secondary,
   bgalpha,
-  secondaryFooter = false,
-  sidemenuColor,
-  sidemenuItemColor,
+  customBgColor,
+  customPortalFooterColor,
+  customFooter,
+  defaultMenuBackground,
+  defaultMenuTextColor,
+  defaultMenuItemBackground,
+  defaultMenuItemActiveTextColor,
+  defaultMenuItemActiveBackground,
+  defaultMenuItemIconColor,
+  defaultMenuExternalLinkColor,
+  lightMenuBackground,
+  lightMenuTextColor,
+  lightMenuItemTextColor,
+  lightMenuItemBackground,
+  lightMenuItemActiveTextColor,
+  lightMenuItemActiveBackground,
+  lightMenuItemIconColor,
+  lightMenuExternalLinkColor,
   submenuColor,
   submenuItemColor,
   submenuTextColor,
   submenuTextColorActive,
-  customBgColor,
-  customPortalFooterColor,
-  customFooter
+  defaultAppPickerBackground,
+  defaultAppPickerIconColor,
+  defaultAppPickerIconBackgroundColor,
+  defaultAppPickerActiveTextColor,
+  defaultAppPickerActiveBackground,
+  defaultAppPickerActiveIconColor,
+  defaultAppPickerActiveIconBackgroundColor,
+  lightAppPickerBackground,
+  lightAppPickerIconColor,
+  lightAppPickerIconBackground,
+  lightAppPickerActiveTextColor,
+  lightAppPickerActiveBackground,
+  lightAppPickerActiveIconColor,
+  lightAppPickerActiveIconBackground,
+  mypageBoxBorderRadius,
+  preemptionCardBorderRadius,
+  secondaryFooter = false
 ) => {
   const styles = {
     primary: primary,
@@ -27,6 +63,9 @@ const initTheme = (
     defaultText: '#000',
     subtleText: hexToRGBA('#000000', 0.7),
     secondaryDarkText: shadeColor(secondary, -80),
+    /**
+     * Backgrounds
+     */
     bgDark: '#10105A',
     bgMedium: '#CFD9EA',
     bgLight: '#EEF4FB',
@@ -35,6 +74,9 @@ const initTheme = (
       : secondaryFooter
       ? shadeColor(secondary, -50)
       : shadeColor(primary, -50),
+    /**
+     * Buttons
+     */
     btnDefault: secondary,
     btnDefaultFontColor: getContrastYIQ(secondary),
     btnDefaultDarker: shadeColor(secondary, -15),
@@ -47,6 +89,9 @@ const initTheme = (
     btnDangerLighter: '#FF2740',
     btnDisabled: '#D7D7D7',
     btnHoverTextColor: getContrastYIQ(shadeColor(secondary, -15)),
+    /**
+     * Colors
+     */
     alert: '#EB011A',
     alertLight: '#FCD6DA',
     alertBorder: 'rgba(235,1,26,0.25)',
@@ -62,20 +107,114 @@ const initTheme = (
     gray10: '#BDBDBD',
     gray20: '#efefef',
     disabled: '#D7D7D7',
+    /**
+     * Shadows
+     */
     shadowSmall: '0px 2px 4px 0px rgba(0, 0, 0, 0.1)',
     shadowBig: '0px 10px 15px 0px rgba(0, 0, 0, 0.1)',
+    /**
+     * Illustrations
+     */
     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
+
+    /**
+     * App picker - Default
+     */
+    defaultAppPickerBackground: defaultAppPickerBackground
+      ? defaultAppPickerBackground
+      : hexToRGBA('#ffffff', 0.3),
+    defaultAppPickerIconColor: defaultAppPickerIconColor
+      ? defaultAppPickerIconColor
+      : hexifyWithWhiteBackground(hexToRGBA(primary, 0.5)),
+    defaultAppPickerIconBackgroundColor: defaultAppPickerIconBackgroundColor
+      ? defaultAppPickerIconBackgroundColor
+      : hexifyWithWhiteBackground(hexToRGBA(primary, 0.1)),
+    defaultAppPickerActiveTextColor: defaultAppPickerActiveTextColor
+      ? defaultAppPickerActiveTextColor
+      : '#ffffff',
+    defaultAppPickerActiveBackground: defaultAppPickerActiveBackground
+      ? defaultAppPickerActiveBackground
+      : '#ffffff',
+    defaultAppPickerActiveIconColor: defaultAppPickerActiveIconColor
+      ? defaultAppPickerActiveIconColor
+      : '#000000',
+    defaultAppPickerActiveIconBackgroundColor:
+      defaultAppPickerActiveIconBackgroundColor
+        ? defaultAppPickerActiveIconBackgroundColor
+        : '#ffffff',
+
+    /**
+     * App picker - Light
+     */
+    lightAppPickerBackground: lightAppPickerBackground
+      ? lightAppPickerBackground
+      : hexifyWithWhiteBackground(hexToRGBA(primary, 0.1)),
+    lightAppPickerIconColor: lightAppPickerIconColor
+      ? lightAppPickerIconColor
+      : hexifyWithWhiteBackground(hexToRGBA(primary, 0.5)),
+    lightAppPickerIconBackground: lightAppPickerIconBackground
+      ? lightAppPickerIconBackground
+      : hexifyWithWhiteBackground('rgba(255, 255, 255, 0.7)'),
+    lightAppPickerActiveTextColor: lightAppPickerActiveTextColor
+      ? lightAppPickerActiveTextColor
+      : 'black',
+    lightAppPickerActiveBackground: lightAppPickerActiveBackground
+      ? lightAppPickerActiveBackground
+      : hexifyWithWhiteBackground(hexToRGBA(primary, 0.1)),
+    lightAppPickerActiveIconColor: lightAppPickerActiveIconColor
+      ? lightAppPickerActiveIconColor
+      : '#000000',
+    lightAppPickerActiveIconBackground: lightAppPickerActiveIconBackground
+      ? lightAppPickerActiveIconBackground
+      : '#ffffff',
+
+    /**
+     * Sidemenu - Default
+     */
+    defaultMenuBackground: defaultMenuBackground
+      ? defaultMenuBackground
       : `linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), linear-gradient(${primary}, ${primary})`,
-    sidemenuItemColor: sidemenuItemColor
-      ? sidemenuItemColor
+    defaultMenuTextColor: defaultMenuTextColor || '#ffffff',
+    defaultMenuItemBackground: defaultMenuItemBackground || '#ffffff',
+    defaultMenuItemActiveTextColor: defaultMenuItemActiveTextColor || '#ffffff',
+    defaultMenuItemActiveBackground: defaultMenuItemActiveBackground
+      ? defaultMenuItemActiveBackground
       : `linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), linear-gradient(${primary}, ${primary})`,
+    defaultMenuItemIconColor: defaultMenuItemIconColor || '#ffffff',
+    defaultMenuExternalLinkColor: defaultMenuExternalLinkColor || '#ffffff',
+
+    /**
+     * Sidemenu - Light
+     */
+    lightMenuBackground: lightMenuBackground ? lightMenuBackground : 'white',
+    lightMenuTextColor: lightMenuTextColor ? lightMenuTextColor : 'black',
+    lightMenuItemTextColor: lightMenuItemTextColor
+      ? lightMenuItemTextColor
+      : 'black',
+    lightMenuItemBackground: lightMenuItemBackground
+      ? lightMenuItemBackground
+      : 'black',
+    lightMenuItemActiveTextColor: lightMenuItemActiveTextColor
+      ? lightMenuItemActiveTextColor
+      : 'black',
+    lightMenuItemActiveBackground: lightMenuItemActiveBackground
+      ? lightMenuItemActiveBackground
+      : hexifyWithWhiteBackground(hexToRGBA(primary, 0.1)),
+    lightMenuItemIconColor: lightMenuItemIconColor
+      ? lightMenuItemIconColor
+      : primary,
+    lightMenuExternalLinkColor: lightMenuExternalLinkColor
+      ? lightMenuExternalLinkColor
+      : primary,
+
+    /**
+     * Submenu
+     */
     submenuColor: submenuColor
       ? submenuColor
       : `linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), linear-gradient(${primary}, ${primary})`,
@@ -89,85 +228,68 @@ const initTheme = (
       ? submenuTextColorActive
       : `#ffffff`,
     customPortalFooterColor: customPortalFooterColor,
+
+    /**
+     * Boxes
+     */
+    mypageBoxBorderRadius: mypageBoxBorderRadius
+      ? mypageBoxBorderRadius
+      : '16px',
+    preemptionCardBorderRadius: preemptionCardBorderRadius
+      ? preemptionCardBorderRadius
+      : '30px',
   }
   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.customBgColor,
+      b.theme.customPortalFooterColor,
+      b.theme.customFooter,
+      b.theme.defaultMenuBackground,
+      b.theme.defaultMenuTextColor,
+      b.theme.defaultMenuItemBackground,
+      b.theme.defaultMenuItemActiveTextColor,
+      b.theme.defaultMenuItemActiveBackground,
+      b.theme.defaultMenuItemIconColor,
+      b.theme.defaultMenuExternalLinkColor,
+      b.theme.lightMenuBackground,
+      b.theme.lightMenuTextColor,
+      b.theme.lightMenuItemTextColor,
+      b.theme.lightMenuItemBackground,
+      b.theme.lightMenuItemActiveTextColor,
+      b.theme.lightMenuItemActiveBackground,
+      b.theme.lightMenuItemIconColor,
+      b.theme.lightMenuExternalLinkColor,
       b.theme.submenuColor,
       b.theme.submenuItemColor,
       b.theme.submenuTextColor,
       b.theme.submenuTextColorActive,
-      b.theme.customBgColor,
-      b.theme.customPortalFooterColor,
-      b.theme.customFooter
+      b.theme.defaultAppPickerBackground,
+      b.theme.defaultAppPickerIconColor,
+      b.theme.defaultAppPickerIconBackgroundColor,
+      b.theme.defaultAppPickerActiveTextColor,
+      b.theme.defaultAppPickerActiveBackground,
+      b.theme.defaultAppPickerActiveIconColor,
+      b.theme.defaultAppPickerActiveIconBackgroundColor,
+      b.theme.lightAppPickerBackground,
+      b.theme.lightAppPickerIconColor,
+      b.theme.lightAppPickerIconBackground,
+      b.theme.lightAppPickerActiveTextColor,
+      b.theme.lightAppPickerActiveBackground,
+      b.theme.lightAppPickerActiveIconColor,
+      b.theme.lightAppPickerActiveIconBackground,
+      b.theme.mypageBoxBorderRadius,
+      b.theme.preemptionCardBorderRadius,
+      b.theme.secondaryFooter
     )
   } else {
     for (const b of bbls) {
@@ -176,16 +298,44 @@ const updateTheme = (bbl) => {
         b.theme.primary,
         b.theme.secondary,
         b.theme.alpha,
-        b.theme.secondaryFooter,
-        b.theme.sidemenuColor,
-        b.theme.sidemenuItemColor,
+        b.theme.customBgColor,
+        b.theme.customPortalFooterColor,
+        b.theme.customFooter,
+        b.theme.defaultMenuBackground,
+        b.theme.defaultMenuTextColor,
+        b.theme.defaultMenuItemBackground,
+        b.theme.defaultMenuItemActiveTextColor,
+        b.theme.defaultMenuItemActiveBackground,
+        b.theme.defaultMenuItemIconColor,
+        b.theme.defaultMenuExternalLinkColor,
+        b.theme.lightMenuBackground,
+        b.theme.lightMenuTextColor,
+        b.theme.lightMenuItemTextColor,
+        b.theme.lightMenuItemBackground,
+        b.theme.lightMenuItemActiveTextColor,
+        b.theme.lightMenuItemActiveBackground,
+        b.theme.lightMenuItemIconColor,
+        b.theme.lightMenuExternalLinkColor,
         b.theme.submenuColor,
         b.theme.submenuItemColor,
         b.theme.submenuTextColor,
         b.theme.submenuTextColorActive,
-        b.theme.customBgColor,
-        b.theme.customPortalFooterColor,
-        b.theme.customFooter
+        b.theme.defaultAppPickerBackground,
+        b.theme.defaultAppPickerIconColor,
+        b.theme.defaultAppPickerIconBackgroundColor,
+        b.theme.defaultAppPickerActiveTextColor,
+        b.theme.defaultAppPickerActiveBackground,
+        b.theme.defaultAppPickerActiveIconColor,
+        b.theme.defaultAppPickerActiveIconBackgroundColor,
+        b.theme.lightAppPickerBackground,
+        b.theme.lightAppPickerIconColor,
+        b.theme.lightAppPickerIconBackground,
+        b.theme.lightAppPickerActiveTextColor,
+        b.theme.lightAppPickerActiveBackground,
+        b.theme.lightAppPickerActiveIconColor,
+        b.theme.lightAppPickerActiveIconBackground,
+        b.theme.mypageBoxBorderRadius,
+        b.theme.preemptionCardBorderRadius
       )
     }
   }
@@ -196,32 +346,90 @@ const updateBbl = (
   primary,
   secondary,
   bgalpha,
-  secondaryFooter = false,
-  sidemenuColor,
-  sidemenuItemColor,
+  customBgColor,
+  customPortalFooterColor,
+  customFooter,
+  defaultMenuBackground,
+  defaultMenuTextColor,
+  defaultMenuItemBackground,
+  defaultMenuItemActiveTextColor,
+  defaultMenuItemActiveBackground,
+  defaultMenuItemIconColor,
+  defaultMenuExternalLinkColor,
+  lightMenuBackground,
+  lightMenuTextColor,
+  lightMenuItemTextColor,
+  lightMenuItemBackground,
+  lightMenuItemActiveTextColor,
+  lightMenuItemActiveBackground,
+  lightMenuItemIconColor,
+  lightMenuExternalLinkColor,
   submenuColor,
   submenuItemColor,
   submenuTextColor,
   submenuTextColorActive,
-  customBgColor,
-  customPortalFooterColor,
-  customFooter
+  defaultAppPickerBackground,
+  defaultAppPickerIconColor,
+  defaultAppPickerIconBackgroundColor,
+  defaultAppPickerActiveTextColor,
+  defaultAppPickerActiveBackground,
+  defaultAppPickerActiveIconColor,
+  defaultAppPickerActiveIconBackgroundColor,
+  lightAppPickerBackground,
+  lightAppPickerIconColor,
+  lightAppPickerIconBackground,
+  lightAppPickerActiveTextColor,
+  lightAppPickerActiveBackground,
+  lightAppPickerActiveIconColor,
+  lightAppPickerActiveIconBackground,
+  mypageBoxBorderRadius,
+  preemptionCardBorderRadius,
+  secondaryFooter = false
 ) => {
   let data = JSON.stringify(
     initTheme(
       primary,
       secondary,
       bgalpha,
-      secondaryFooter,
-      sidemenuColor,
-      sidemenuItemColor,
+      customBgColor,
+      customPortalFooterColor,
+      customFooter,
+      defaultMenuBackground,
+      defaultMenuTextColor,
+      defaultMenuItemBackground,
+      defaultMenuItemActiveTextColor,
+      defaultMenuItemActiveBackground,
+      defaultMenuItemIconColor,
+      defaultMenuExternalLinkColor,
+      lightMenuBackground,
+      lightMenuTextColor,
+      lightMenuItemTextColor,
+      lightMenuItemBackground,
+      lightMenuItemActiveTextColor,
+      lightMenuItemActiveBackground,
+      lightMenuItemIconColor,
+      lightMenuExternalLinkColor,
       submenuColor,
       submenuItemColor,
       submenuTextColor,
       submenuTextColorActive,
-      customBgColor,
-      customPortalFooterColor,
-      customFooter
+      defaultAppPickerBackground,
+      defaultAppPickerIconColor,
+      defaultAppPickerIconBackgroundColor,
+      defaultAppPickerActiveTextColor,
+      defaultAppPickerActiveBackground,
+      defaultAppPickerActiveIconColor,
+      defaultAppPickerActiveIconBackgroundColor,
+      lightAppPickerBackground,
+      lightAppPickerIconColor,
+      lightAppPickerIconBackground,
+      lightAppPickerActiveTextColor,
+      lightAppPickerActiveBackground,
+      lightAppPickerActiveIconColor,
+      lightAppPickerActiveIconBackground,
+      mypageBoxBorderRadius,
+      preemptionCardBorderRadius,
+      secondaryFooter
     ),
     null,
     2
@@ -230,404 +438,6 @@ const updateBbl = (
   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: '#de6364',
-      secondary: '#75b474',
-      alpha: '0.02',
-
-      secondaryFooter: true,
-      sidemenuColor: '#004933',
-      sidemenuItemColor: '#007f59',
-      submenuColor: '#F5F2EB',
-      submenuItemColor: '#75b474',
-      submenuTextColor: 'rgba(0, 0, 0, 0.7)',
-      submenuTextColorActive: 'black',
-      customBgColor: '#FCFBF8',
-    },
-  },
-  {
-    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: '#006ED2',
-      secondary: '#001A41',
-      alpha: '0.04',
-    },
-  },
-  {
-    bbl: 'sbbl',
-    theme: {
-      primary: '#006ED2',
-      secondary: '#001A41',
-      alpha: '0.04',
-    },
-  },
-  {
-    bbl: 'sobo',
-    theme: {
-      primary: '#006ED2',
-      secondary: '#001A41',
-      alpha: '0.04',
-    },
-  },
-  {
-    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',
-    },
-  },
-]
-
 // export bbls with es5
 module.exports = bbls