feat: SurfZone theme

tailwind.config.js

@@ -96,6 +96,11 @@ module.exports = {
                     secondary: '#e85243',
                     'primary-light': '#04A4CC',
                 },
+                suz: {
+                    primary: '#f9c33d',
+                    secondary: '#82c3c6',
+                    'primary-dark': '#c7a20c',
+                },
             },
             opacity: {
                 '55': 0.55,
@@ -120,10 +125,10 @@ module.exports = {
     },
     variants: {
         extend: {
-            backgroundColor: [ 'sbw', 'sbw-hover', 'sbw-group-hover', 'snz', 'snz-hover', 'snz-group-hover', 'uch', 'uch-hover', 'uch-group-hover', 'ser', 'ser-hover', 'ser-group-hover' ],
+            backgroundColor: [ 'sbw', 'sbw-hover', 'sbw-group-hover', 'snz', 'snz-hover', 'snz-group-hover', 'uch', 'uch-hover', 'uch-group-hover', 'ser', 'ser-hover', 'ser-group-hover', 'suz', 'suz-hover', 'suz-group-hover' ],
             backgroundImage: [ 'ser' ],
-            textColor: [ 'sbw', 'sbw-hover', 'snz', 'snz-hover', 'uch', 'uch-hover', 'ser', 'ser-hover' ],
-            borderColor: [ 'sbw','snz', 'uch', 'ser' ],
+            textColor: [ 'sbw', 'sbw-hover', 'snz', 'snz-hover', 'uch', 'uch-hover', 'ser', 'ser-hover', 'suz', 'suz-hover', 'suz-group-hover' ],
+            borderColor: [ 'sbw','snz', 'uch', 'ser', 'suz' ],
             display: [ 'reduced' ],
             flex: [ 'reduced' ],
             flexDirection: [ 'reduced' ],
@@ -137,7 +142,7 @@ module.exports = {
         require('@tailwindcss/aspect-ratio'),
         require('@tailwindcss/forms'),
         require('tailwindcss-alt')({
-            variants: ['sbw', 'snz', 'uch', 'ser'],
+            variants: ['sbw', 'snz', 'uch', 'ser', 'suz'],
         }),
         plugin(function ({addVariant, e}) {
             addVariant('hover-hover', ({ container, separator }) => {