use getPrimary to determine the primary color dynamically

src/shared/theme/options/presets.ts

@@ -7,7 +7,7 @@ import { grey, primary } from '../palette';
 type PresetType = 'default' | 'cyan' | 'green' | 'blue' | 'orange' | 'red';
 
 export function createPresets(preset: PresetType) {
-  const primaryColor = green;
+  const primaryColor = getPrimary(preset);
 
   const theme = {
     palette: {