slight adjustment

ui/frontend/build_src/src/components/_recipes/card.css.ts

@@ -9,7 +9,7 @@ export const card = recipe({
   },
   variants: {
 
-    baking: {
+    backing: {
       normal: {
         background: vars.backgroundMain,
       },
@@ -35,7 +35,7 @@ export const card = recipe({
     },
   },
   defaultVariants: {
-    baking: "light",
+    backing: "light",
     level: 'flat',
     rounded: true,
   },

ui/frontend/build_src/src/components/_recipes/tabs_headless.css.ts

@@ -40,7 +40,7 @@ export const tabPanelStyles = recipe({
   },
   variants: {
 
-    baking: {
+    backing: {
       normal: {
         background: vars.backgroundMain,
       },

ui/frontend/build_src/src/components/organisms/creationPanel/advancedSettings/index.tsx

@@ -1,7 +1,6 @@
 import React, { useEffect } from "react";
 import { useCreateUI } from "../creationPanelUIStore";
 
-import { PanelBox } from "../../../../styles/shared.css";
 
 import {
   card
@@ -49,7 +48,7 @@ export default function AdvancedSettings() {
     <div className={card(
       {
         level: 1,
-        baking: 'normal'
+        backing: 'plain'
       }
     )}>
       <button

ui/frontend/build_src/src/components/organisms/creationPanel/basicCreation/basicCreation.css.ts

@@ -5,7 +5,7 @@ import { card } from "../../../_recipes/card.css";
 
 export const CreationBasicMain = style([
   card({
-    baking: 'normal',
+    backing: 'normal',
     level: 1
   }), {
     position: "relative",

ui/frontend/build_src/src/components/organisms/creationPanel/imageModifiers/index.tsx

@@ -81,7 +81,7 @@ export default function ImageModifers() {
     <div className={card(
       {
         level: 1,
-        baking: 'normal'
+        backing: 'normal'
       }
     )}>
       <button

ui/frontend/build_src/src/components/organisms/queueDisplay/queueItem/queueItem.css.ts

@@ -13,7 +13,7 @@ import {
 
 export const QueueItemMain = style([card(
   {
-    baking: "dark",
+    backing: "dark",
     level: 1
   }
 ), {

ui/frontend/build_src/src/styles/theme/index.css.ts

@@ -79,22 +79,23 @@ const app = createGlobalTheme(":root", {
   // 6 0degree color difference
   // step downs
   brandHue: '265', // purple
-  secondaryHue: '205', // light blue
+  secondaryHue: '20', // light blue
   tertiaryHue: '145', // grass green
 
   // step ups
-  errorHue: '0', // magenta
+  errorHue: '0',
   warningHue: '25', // orange
   successHue: '85', // green
 
   colorMod: {
     saturation: {
-      normal: "70%",
       bright: "100%",
+      normal: "60%",
+      dimmed: "50%",
       dim: "30%",
     },
     lightness: {
-      normal: "50%",
+      normal: "45%",
       bright: "60%",
       dim: "40%",
     },