feat: remove the bor base theme from mobius

.storybook/main.js

@@ -21,7 +21,6 @@ module.exports = {
     },
     '@storybook/addon-a11y',
     '@storybook/addon-docs',
-    '@etchteam/storybook-addon-css-variables-theme',
     '@storybook/addon-webpack5-compiler-babel'
   ],
   'framework': {

.storybook/preview.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import cssVariablesTheme from '@etchteam/storybook-addon-css-variables-theme'
 import {
   Title,
   Subtitle,
@@ -13,20 +12,10 @@ import Button from 'components/controls/Button/Button'
 import Spacing from 'components/composition/Spacing/Spacing'
 import Grid from 'components/composition/Grid/Grid'
 
-import base from '!!style-loader?injectType=lazyStyleTag!css-loader!sass-loader!../src/styles/themes/default/main.scss'
-import tbor from '!!style-loader?injectType=lazyStyleTag!css-loader!sass-loader!../src/styles/themes/business-of-recycling/main.scss'
-
 import './styles.scss'
 
 export const parameters = {
   viewMode: 'docs',
-  cssVariables: {
-    files: {
-      'Default': base,
-      'Business of recycling': tbor,
-    },
-    defaultTheme: 'Default',
-  },
   docs: {
     page: ({ of }) => {
       const resolvedOf = useOf(of || 'story', ['story', 'meta']);
@@ -79,8 +68,4 @@ export const parameters = {
   }
 }
 
-export const decorators = [
-  cssVariablesTheme,
-]
-
 export const tags = ['autodocs'];

package.json

@@ -47,7 +47,6 @@
     "@commitlint/cli": "^19.4.1",
     "@commitlint/config-conventional": "^19.4.1",
     "@etchteam/eslint-config": "^2.0.12",
-    "@etchteam/storybook-addon-css-variables-theme": "^3.0.0",
     "@etchteam/stylelint-config": "^1.0.1",
     "@rollup/plugin-babel": "6.0.4",
     "@rollup/plugin-commonjs": "23.0.2",

src/components/content/ContainerSvg/ContainerSvg.module.scss

@@ -14,7 +14,7 @@
     }
 
     &.container-svg__body--colour-transparent {
-      stroke: color.$blue-darkest;
+      stroke: var(--color-forest);
     }
   }
 }

src/styles/variables/color.scss

@@ -1,34 +1,3 @@
-// Old colours that haven't been swapped out yet. TODO
-$white: #fff;
-$blue-light: #d7e7f5;
-$blue-darkest: #05224b;
-$blue-2: #2d9cdb;
-
-$teal: #2e627a;
-
-$grey-light: #eceff2;
-
-$yellow: #f3ce36;
-$yellow-light: #fcf0bf;
-
-$orange: #f2994a;
-
-$purple: #5a62a6;
-
-$green: #228524;
-$green-light: #e2f5e2;
-$green-3: #6fcf97;
-
-$maroon: #860e4a;
-$magenta: #d12767;
-
-$red: #eb5757;
-
-// Business recycling hub
-$harp: #ebf5f1;
-$duck-egg: #89c1ab;
-$citrus: #c7d56b;
-
 :root {
   --color-forest: var(--mobius-color-forest);
   --color-forest-75: var(--mobius-color-forest-75);