Add funder portal colors (#655)

* Add funder portal colors

* Remove manual version increment in favor of automated

Author: ice1080

src/style-dictionary-dist/TerrawareTheme.ts

@@ -180,6 +180,8 @@ declare module '@mui/material/styles/createPalette' {
     TwClrBgAccent?: React.CSSProperties['color'];
     TwClrTxtAccent?: React.CSSProperties['color'];
     TwClrTxtOnAccent?: React.CSSProperties['color'];
+    TwClrBgAccentAux?: React.CSSProperties['color'];
+    TwClrTxtAccentAux?: React.CSSProperties['color'];
   }
 
   export interface PaletteOptions {
@@ -363,6 +365,8 @@ declare module '@mui/material/styles/createPalette' {
     TwClrBgAccent?: React.CSSProperties['color'];
     TwClrTxtAccent?: React.CSSProperties['color'];
     TwClrTxtOnAccent?: React.CSSProperties['color'];
+    TwClrBgAccentAux?: React.CSSProperties['color'];
+    TwClrTxtAccentAux?: React.CSSProperties['color'];
   }
 }
 
@@ -551,7 +555,9 @@ const TerrawareTheme: ThemeDictionary = {
     'TwClrTxtWarning': '#A36A2D',
     'TwClrBgAccent': '#EF7047',
     'TwClrTxtAccent': '#EF7047',
-    'TwClrTxtOnAccent': '#FFFFFF'
+    'TwClrTxtOnAccent': '#FFFFFF',
+    'TwClrBgAccentAux': '#7473BA',
+    'TwClrTxtAccentAux': '#7473BA'
   }
 };
 

src/style-dictionary-dist/terraware.scss

@@ -210,6 +210,8 @@ $tw-clr-txt-warning: #A36A2D;
 $tw-clr-bg-accent: #EF7047;
 $tw-clr-txt-accent: #EF7047;
 $tw-clr-txt-on-accent: #FFFFFF;
+$tw-clr-bg-accent-aux: #7473BA;
+$tw-clr-txt-accent-aux: #7473BA;
 $tw-elvtn-base-200: 0 2px 4px 0 rgba(51, 48, 37, 0.2);
 $tw-elvtn-base-400: 0 4px 8px 0 rgba(51, 48, 37, 0.2);
 $tw-elvtn-base-600: 0 8px 16px 0 rgba(51, 48, 37, 0.2);

style-dictionary/json/colors-semantic.json

@@ -1 +1 @@
-{"tw-clr-bg":{"value":"{tw-clr-base-white.value}"},"tw-clr-bg-active":{"value":"{tw-clr-base-gray-050.value}"},"tw-clr-bg-ghost":{"value":"rgba({tw-clr-base-white.value}, 0)"},"tw-clr-bg-ghost-active":{"value":"rgba({tw-clr-base-gray-300.value}, 0.4)"},"tw-clr-bg-ghost-hover":{"value":"rgba({tw-clr-base-gray-300.value}, 0.2)"},"tw-clr-bg-hover":{"value":"{tw-clr-base-gray-025.value}"},"tw-clr-bg-inverse":{"value":"{tw-clr-txt.value}"},"tw-clr-bg-secondary":{"value":"{tw-clr-base-gray-050.value}"},"tw-clr-bg-secondary-active":{"value":"{tw-clr-base-gray-100.value}"},"tw-clr-bg-secondary-hover":{"value":"{tw-clr-base-gray-075.value}"},"tw-clr-bg-tertiary":{"value":"{tw-clr-base-gray-200.value}"},"tw-clr-bg-tertiary-active":{"value":"{tw-clr-base-gray-300.value}"},"tw-clr-bg-tertiary-hover":{"value":"linear-gradient(rgba({tw-clr-base-gray-300.value}, 0.5), rgba({tw-clr-base-gray-300.value}, 0.5)), linear-gradient({tw-clr-base-gray-200.value}, {tw-clr-base-gray-200.value})"},"tw-clr-brdr":{"value":"{tw-clr-base-gray-800.value}"},"tw-clr-brdr-active":{"value":"mix({tw-clr-base-blue-600.value}, {tw-clr-base-blue-500.value}, 50%)"},"tw-clr-brdr-focus":{"value":"{tw-clr-base-blue-600.value}"},"tw-clr-brdr-hover":{"value":"{tw-clr-base-blue-500.value}"},"tw-clr-brdr-secondary":{"value":"{tw-clr-base-gray-500.value}"},"tw-clr-brdr-tertiary":{"value":"{tw-clr-base-gray-300.value}"},"tw-clr-icn":{"value":"{tw-clr-base-gray-800.value}"},"tw-clr-icn-inverse":{"value":"{tw-clr-bg.value}"},"tw-clr-icn-secondary":{"value":"{tw-clr-base-gray-500.value}"},"tw-clr-shdw":{"value":"{tw-clr-base-gray-800.value}"},"tw-clr-txt":{"value":"{tw-clr-base-gray-800.value}"},"tw-clr-txt-inverse":{"value":"{tw-clr-bg.value}"},"tw-clr-txt-secondary":{"value":"{tw-clr-base-gray-500.value}"},"tw-clr-txt-tertiary":{"value":"{tw-clr-base-gray-300.value}"},"tw-clr-bg-brand":{"value":"{tw-clr-base-green-500.value}"},"tw-clr-bg-brand-active":{"value":"{tw-clr-base-green-600.value}"},"tw-clr-bg-brand-ghost":{"value":"rgba({tw-clr-base-green-500.value}, 0)"},"tw-clr-bg-brand-ghost-active":{"value":"rgba({tw-clr-base-green-500.value}, 0.2)"},"tw-clr-bg-brand-ghost-hover":{"value":"rgba({tw-clr-base-green-500.value}, 0.1)"},"tw-clr-bg-brand-hover":{"value":"linear-gradient(rgba({tw-clr-base-green-600.value}, 0.5), rgba({tw-clr-base-green-600.value}, 0.5)), linear-gradient({tw-clr-base-green-500.value}, {tw-clr-base-green-500.value})"},"tw-clr-bg-brand-tertiary":{"value":"{tw-clr-base-green-050.value}"},"tw-clr-brdr-brand":{"value":"{tw-clr-base-green-500.value}"},"tw-clr-icn-brand":{"value":"{tw-clr-base-green-500.value}"},"tw-clr-icn-on-brand":{"value":"{tw-clr-base-white.value}"},"tw-clr-txt-brand":{"value":"{tw-clr-base-green-500.value}"},"tw-clr-txt-on-brand":{"value":"{tw-clr-base-white.value}"},"tw-clr-bg-danger":{"value":"{tw-clr-base-red-500.value}"},"tw-clr-bg-danger-active":{"value":"{tw-clr-base-red-600.value}"},"tw-clr-bg-danger-ghost":{"value":"rgba({tw-clr-base-red-500.value}, 0)"},"tw-clr-bg-danger-ghost-active":{"value":"rgba({tw-clr-base-red-500.value}, 0.2)"},"tw-clr-bg-danger-ghost-hover":{"value":"rgba({tw-clr-base-red-500.value}, 0.1)"},"tw-clr-bg-danger-hover":{"value":"linear-gradient(rgba({tw-clr-base-red-600.value}, 0.5), rgba({tw-clr-base-red-600.value}, 0.5)), linear-gradient({tw-clr-base-red-500.value}, {tw-clr-base-red-500.value})"},"tw-clr-bg-danger-tertiary":{"value":"{tw-clr-base-red-050.value}"},"tw-clr-brdr-danger":{"value":"{tw-clr-base-red-500.value}"},"tw-clr-brdr-danger-active":{"value":"{tw-clr-base-red-600.value}"},"tw-clr-brdr-danger-hover":{"value":"linear-gradient(rgba({tw-clr-base-red-600.value}, 0.5), rgba({tw-clr-base-red-600.value}, 0.5)), linear-gradient({tw-clr-base-red-500.value}, {tw-clr-base-red-500.value})"},"tw-clr-icn-danger":{"value":"{tw-clr-base-red-500.value}"},"tw-clr-icn-on-danger":{"value":"{tw-clr-base-white.value}"},"tw-clr-txt-danger":{"value":"{tw-clr-base-red-500.value}"},"tw-clr-txt-on-danger":{"value":"{tw-clr-base-white.value}"},"tw-clr-bg-info":{"value":"{tw-clr-base-gray-500.value}"},"tw-clr-bg-info-tertiary":{"value":"{tw-clr-base-gray-050.value}"},"tw-clr-brdr-info":{"value":"{tw-clr-base-gray-500.value}"},"tw-clr-icn-info":{"value":"{tw-clr-base-gray-500.value}"},"tw-clr-icn-on-info":{"value":"{tw-clr-base-white.value}"},"tw-clr-txt-info":{"value":"{tw-clr-base-gray-600.value}"},"tw-clr-txt-on-info":{"value":"{tw-clr-base-white.value}"},"tw-clr-bg-selected":{"value":"{tw-clr-base-blue-500.value}"},"tw-clr-bg-selected-tertiary":{"value":"{tw-clr-base-blue-050.value}"},"tw-clr-bg-selected-ghost":{"value":"rgba({tw-clr-base-blue-500.value}, 0)"},"tw-clr-bg-selected-ghost-active":{"value":"rgba({tw-clr-base-blue-500.value}, 0.2)"},"tw-clr-bg-selected-ghost-hover":{"value":"rgba({tw-clr-base-blue-500.value}, 0.1)"},"tw-clr-brdr-selected":{"value":"{tw-clr-base-blue-500.value}"},"tw-clr-icn-on-selected":{"value":"{tw-clr-base-white.value}"},"tw-clr-icn-selected":{"value":"{tw-clr-base-blue-500.value}"},"tw-clr-txt-on-selected":{"value":"{tw-clr-base-white.value}"},"tw-clr-txt-selected":{"value":"{tw-clr-base-blue-500.value}"},"tw-clr-bg-success":{"value":"{tw-clr-base-light-green-500.value}"},"tw-clr-bg-success-tertiary":{"value":"{tw-clr-base-light-green-050.value}"},"tw-clr-bg-success-active":{"value":"{tw-clr-base-light-green-600.value}"},"tw-clr-bg-success-hover":{"value":"linear-gradient(rgba({tw-clr-base-light-green-600.value}, 0.5), rgba({tw-clr-base-light-green-600.value}, 0.5)), linear-gradient({tw-clr-base-light-green-500.value}, {tw-clr-base-light-green-500.value})"},"tw-clr-brdr-success":{"value":"{tw-clr-base-light-green-500.value}"},"tw-clr-icn-on-success":{"value":"{tw-clr-base-white.value}"},"tw-clr-icn-success":{"value":"{tw-clr-base-light-green-500.value}"},"tw-clr-txt-on-success":{"value":"{tw-clr-base-white.value}"},"tw-clr-txt-success":{"value":"{tw-clr-base-light-green-500.value}"},"tw-clr-bg-warning":{"value":"{tw-clr-base-orange-500.value}"},"tw-clr-bg-warning-active":{"value":"{tw-clr-base-orange-600.value}"},"tw-clr-bg-warning-hover":{"value":"linear-gradient(rgba({tw-clr-base-orange-600.value}, 0.5), rgba({tw-clr-base-orange-600.value}, 0.5)), linear-gradient({tw-clr-base-orange-500.value}, {tw-clr-base-orange-500.value})"},"tw-clr-bg-warning-tertiary":{"value":"{tw-clr-base-orange-050.value}"},"tw-clr-brdr-warning":{"value":"{tw-clr-base-orange-500.value}"},"tw-clr-brdr-warning-active":{"value":"{tw-clr-base-orange-600.value}"},"tw-clr-brdr-warning-hover":{"value":"linear-gradient(rgba({tw-clr-base-orange-600.value}, 0.5), rgba({tw-clr-base-orange-600.value}, 0.5)), linear-gradient({tw-clr-base-orange-500.value}, {tw-clr-base-orange-500.value})"},"tw-clr-icn-on-warning":{"value":"{tw-clr-base-white.value}"},"tw-clr-icn-warning":{"value":"{tw-clr-base-orange-500.value}"},"tw-clr-txt-on-warning":{"value":"{tw-clr-base-white.value}"},"tw-clr-txt-warning":{"value":"{tw-clr-base-orange-500.value}"},"tw-clr-bg-accent":{"value":"#EF7047"},"tw-clr-txt-accent":{"value":"#EF7047"},"tw-clr-txt-on-accent":{"value":"{tw-clr-base-white.value}"}}
+{"tw-clr-bg":{"value":"{tw-clr-base-white.value}"},"tw-clr-bg-active":{"value":"{tw-clr-base-gray-050.value}"},"tw-clr-bg-ghost":{"value":"rgba({tw-clr-base-white.value}, 0)"},"tw-clr-bg-ghost-active":{"value":"rgba({tw-clr-base-gray-300.value}, 0.4)"},"tw-clr-bg-ghost-hover":{"value":"rgba({tw-clr-base-gray-300.value}, 0.2)"},"tw-clr-bg-hover":{"value":"{tw-clr-base-gray-025.value}"},"tw-clr-bg-inverse":{"value":"{tw-clr-txt.value}"},"tw-clr-bg-secondary":{"value":"{tw-clr-base-gray-050.value}"},"tw-clr-bg-secondary-active":{"value":"{tw-clr-base-gray-100.value}"},"tw-clr-bg-secondary-hover":{"value":"{tw-clr-base-gray-075.value}"},"tw-clr-bg-tertiary":{"value":"{tw-clr-base-gray-200.value}"},"tw-clr-bg-tertiary-active":{"value":"{tw-clr-base-gray-300.value}"},"tw-clr-bg-tertiary-hover":{"value":"linear-gradient(rgba({tw-clr-base-gray-300.value}, 0.5), rgba({tw-clr-base-gray-300.value}, 0.5)), linear-gradient({tw-clr-base-gray-200.value}, {tw-clr-base-gray-200.value})"},"tw-clr-brdr":{"value":"{tw-clr-base-gray-800.value}"},"tw-clr-brdr-active":{"value":"mix({tw-clr-base-blue-600.value}, {tw-clr-base-blue-500.value}, 50%)"},"tw-clr-brdr-focus":{"value":"{tw-clr-base-blue-600.value}"},"tw-clr-brdr-hover":{"value":"{tw-clr-base-blue-500.value}"},"tw-clr-brdr-secondary":{"value":"{tw-clr-base-gray-500.value}"},"tw-clr-brdr-tertiary":{"value":"{tw-clr-base-gray-300.value}"},"tw-clr-icn":{"value":"{tw-clr-base-gray-800.value}"},"tw-clr-icn-inverse":{"value":"{tw-clr-bg.value}"},"tw-clr-icn-secondary":{"value":"{tw-clr-base-gray-500.value}"},"tw-clr-shdw":{"value":"{tw-clr-base-gray-800.value}"},"tw-clr-txt":{"value":"{tw-clr-base-gray-800.value}"},"tw-clr-txt-inverse":{"value":"{tw-clr-bg.value}"},"tw-clr-txt-secondary":{"value":"{tw-clr-base-gray-500.value}"},"tw-clr-txt-tertiary":{"value":"{tw-clr-base-gray-300.value}"},"tw-clr-bg-brand":{"value":"{tw-clr-base-green-500.value}"},"tw-clr-bg-brand-active":{"value":"{tw-clr-base-green-600.value}"},"tw-clr-bg-brand-ghost":{"value":"rgba({tw-clr-base-green-500.value}, 0)"},"tw-clr-bg-brand-ghost-active":{"value":"rgba({tw-clr-base-green-500.value}, 0.2)"},"tw-clr-bg-brand-ghost-hover":{"value":"rgba({tw-clr-base-green-500.value}, 0.1)"},"tw-clr-bg-brand-hover":{"value":"linear-gradient(rgba({tw-clr-base-green-600.value}, 0.5), rgba({tw-clr-base-green-600.value}, 0.5)), linear-gradient({tw-clr-base-green-500.value}, {tw-clr-base-green-500.value})"},"tw-clr-bg-brand-tertiary":{"value":"{tw-clr-base-green-050.value}"},"tw-clr-brdr-brand":{"value":"{tw-clr-base-green-500.value}"},"tw-clr-icn-brand":{"value":"{tw-clr-base-green-500.value}"},"tw-clr-icn-on-brand":{"value":"{tw-clr-base-white.value}"},"tw-clr-txt-brand":{"value":"{tw-clr-base-green-500.value}"},"tw-clr-txt-on-brand":{"value":"{tw-clr-base-white.value}"},"tw-clr-bg-danger":{"value":"{tw-clr-base-red-500.value}"},"tw-clr-bg-danger-active":{"value":"{tw-clr-base-red-600.value}"},"tw-clr-bg-danger-ghost":{"value":"rgba({tw-clr-base-red-500.value}, 0)"},"tw-clr-bg-danger-ghost-active":{"value":"rgba({tw-clr-base-red-500.value}, 0.2)"},"tw-clr-bg-danger-ghost-hover":{"value":"rgba({tw-clr-base-red-500.value}, 0.1)"},"tw-clr-bg-danger-hover":{"value":"linear-gradient(rgba({tw-clr-base-red-600.value}, 0.5), rgba({tw-clr-base-red-600.value}, 0.5)), linear-gradient({tw-clr-base-red-500.value}, {tw-clr-base-red-500.value})"},"tw-clr-bg-danger-tertiary":{"value":"{tw-clr-base-red-050.value}"},"tw-clr-brdr-danger":{"value":"{tw-clr-base-red-500.value}"},"tw-clr-brdr-danger-active":{"value":"{tw-clr-base-red-600.value}"},"tw-clr-brdr-danger-hover":{"value":"linear-gradient(rgba({tw-clr-base-red-600.value}, 0.5), rgba({tw-clr-base-red-600.value}, 0.5)), linear-gradient({tw-clr-base-red-500.value}, {tw-clr-base-red-500.value})"},"tw-clr-icn-danger":{"value":"{tw-clr-base-red-500.value}"},"tw-clr-icn-on-danger":{"value":"{tw-clr-base-white.value}"},"tw-clr-txt-danger":{"value":"{tw-clr-base-red-500.value}"},"tw-clr-txt-on-danger":{"value":"{tw-clr-base-white.value}"},"tw-clr-bg-info":{"value":"{tw-clr-base-gray-500.value}"},"tw-clr-bg-info-tertiary":{"value":"{tw-clr-base-gray-050.value}"},"tw-clr-brdr-info":{"value":"{tw-clr-base-gray-500.value}"},"tw-clr-icn-info":{"value":"{tw-clr-base-gray-500.value}"},"tw-clr-icn-on-info":{"value":"{tw-clr-base-white.value}"},"tw-clr-txt-info":{"value":"{tw-clr-base-gray-600.value}"},"tw-clr-txt-on-info":{"value":"{tw-clr-base-white.value}"},"tw-clr-bg-selected":{"value":"{tw-clr-base-blue-500.value}"},"tw-clr-bg-selected-tertiary":{"value":"{tw-clr-base-blue-050.value}"},"tw-clr-bg-selected-ghost":{"value":"rgba({tw-clr-base-blue-500.value}, 0)"},"tw-clr-bg-selected-ghost-active":{"value":"rgba({tw-clr-base-blue-500.value}, 0.2)"},"tw-clr-bg-selected-ghost-hover":{"value":"rgba({tw-clr-base-blue-500.value}, 0.1)"},"tw-clr-brdr-selected":{"value":"{tw-clr-base-blue-500.value}"},"tw-clr-icn-on-selected":{"value":"{tw-clr-base-white.value}"},"tw-clr-icn-selected":{"value":"{tw-clr-base-blue-500.value}"},"tw-clr-txt-on-selected":{"value":"{tw-clr-base-white.value}"},"tw-clr-txt-selected":{"value":"{tw-clr-base-blue-500.value}"},"tw-clr-bg-success":{"value":"{tw-clr-base-light-green-500.value}"},"tw-clr-bg-success-tertiary":{"value":"{tw-clr-base-light-green-050.value}"},"tw-clr-bg-success-active":{"value":"{tw-clr-base-light-green-600.value}"},"tw-clr-bg-success-hover":{"value":"linear-gradient(rgba({tw-clr-base-light-green-600.value}, 0.5), rgba({tw-clr-base-light-green-600.value}, 0.5)), linear-gradient({tw-clr-base-light-green-500.value}, {tw-clr-base-light-green-500.value})"},"tw-clr-brdr-success":{"value":"{tw-clr-base-light-green-500.value}"},"tw-clr-icn-on-success":{"value":"{tw-clr-base-white.value}"},"tw-clr-icn-success":{"value":"{tw-clr-base-light-green-500.value}"},"tw-clr-txt-on-success":{"value":"{tw-clr-base-white.value}"},"tw-clr-txt-success":{"value":"{tw-clr-base-light-green-500.value}"},"tw-clr-bg-warning":{"value":"{tw-clr-base-orange-500.value}"},"tw-clr-bg-warning-active":{"value":"{tw-clr-base-orange-600.value}"},"tw-clr-bg-warning-hover":{"value":"linear-gradient(rgba({tw-clr-base-orange-600.value}, 0.5), rgba({tw-clr-base-orange-600.value}, 0.5)), linear-gradient({tw-clr-base-orange-500.value}, {tw-clr-base-orange-500.value})"},"tw-clr-bg-warning-tertiary":{"value":"{tw-clr-base-orange-050.value}"},"tw-clr-brdr-warning":{"value":"{tw-clr-base-orange-500.value}"},"tw-clr-brdr-warning-active":{"value":"{tw-clr-base-orange-600.value}"},"tw-clr-brdr-warning-hover":{"value":"linear-gradient(rgba({tw-clr-base-orange-600.value}, 0.5), rgba({tw-clr-base-orange-600.value}, 0.5)), linear-gradient({tw-clr-base-orange-500.value}, {tw-clr-base-orange-500.value})"},"tw-clr-icn-on-warning":{"value":"{tw-clr-base-white.value}"},"tw-clr-icn-warning":{"value":"{tw-clr-base-orange-500.value}"},"tw-clr-txt-on-warning":{"value":"{tw-clr-base-white.value}"},"tw-clr-txt-warning":{"value":"{tw-clr-base-orange-500.value}"},"tw-clr-bg-accent":{"value":"#EF7047"},"tw-clr-txt-accent":{"value":"#EF7047"},"tw-clr-txt-on-accent":{"value":"{tw-clr-base-white.value}"},"tw-clr-bg-accent-aux":{"value":"#7473BA"},"tw-clr-txt-accent-aux":{"value":"#7473BA"}}