apply branding styles by default

Author: raheeliftikhar5

client/packages/lowcoder/src/components/ThemeSettingsSelector.tsx

@@ -238,7 +238,7 @@ export default function ThemeSettingsSelector(props: ColorConfigProps) {
         <div className="desc">{desc}</div>
       </div>
 
-      {themeSettingKey !== "borderRadius" &&  
+      {themeSettingKey !== "radius" &&  
         themeSettingKey !== "margin" &&  
         themeSettingKey !== "padding" && 
         themeSettingKey !== "gridColumns" &&
@@ -283,7 +283,7 @@ export default function ThemeSettingsSelector(props: ColorConfigProps) {
           />
         </div>
       )} */}
-      {themeSettingKey === "borderRadius" && (
+      {themeSettingKey === "radius" && (
         <div className="config-input">
           <Radius $radius={defaultRadius || "0"}>
             <div>

client/packages/lowcoder/src/comps/comps/tableComp/tableCompView.tsx

@@ -825,7 +825,6 @@ export function TableCompView(props: {
 
   return (
     <BackgroundColorContext.Provider value={style.background} >
-
       <BackgroundWrapper ref={ref} $style={style} $tableAutoHeight={tableAutoHeight}>
         {toolbar.position === "above" && toolbarView}
         <TableWrapper

client/packages/lowcoder/src/pages/setting/theme/ThemeCompPanel.tsx

@@ -79,7 +79,6 @@ const IconContain = (props: {
   isSelected: boolean,
 }) => {
   const { Icon, isSelected } = props;
-  console.log(isSelected);
   return (
     <CompIconDiv $w={64} $h={64} $isSelected={isSelected}>
       <Icon />

client/packages/lowcoder/src/pages/setting/theme/detail/index.tsx

@@ -167,7 +167,7 @@ class ThemeDetailPage extends React.Component<ThemeDetailPageProps, ThemeDetailP
     this.setState({
       theme: {
         ...this.state.theme,
-        [params.themeSettingKey]: params.color || params.radius || params.chart || params.margin || params.padding  || params.gridColumns,
+        [params.themeSettingKey]: params.color || params.radius || params.chart || params.margin || params.padding  || params.gridColumns || params.borderWidth || params.borderStyle || params.fontFamily,
       },
     });
   }
@@ -209,7 +209,7 @@ class ThemeDetailPage extends React.Component<ThemeDetailPageProps, ThemeDetailP
             color: this.state.theme.primarySurface,
           },
           {
-            settingsKey: 'borderColor',
+            settingsKey: 'border',
             name: trans('themeDetail.borderColor'),
             desc: trans('themeDetail.borderColorDesc'),
             color: this.state.theme.border || this.state.theme.borderColor,
@@ -256,7 +256,7 @@ class ThemeDetailPage extends React.Component<ThemeDetailPageProps, ThemeDetailP
         title: trans('themeDetail.borders'),
         items: [
           {
-            settingsKey: 'borderRadius',
+            settingsKey: 'radius',
             name: trans('themeDetail.borderRadius'),
             desc: trans('themeDetail.borderRadiusDesc'),
             type: "radius",