feat(projects): support set global redius

src/layouts/modules/theme-drawer/modules/preset/modules/theme-preset.vue

@@ -14,6 +14,7 @@ type ThemePreset = Pick<
   | 'colourWeakness'
   | 'recommendColor'
   | 'themeColor'
+  | 'themeRadius'
   | 'otherColor'
   | 'isInfoFollowPrimary'
   | 'layout'

src/store/modules/theme/shared.ts

@@ -236,8 +236,9 @@ function getNaiveThemeColors(colors: App.Theme.ThemeColor, recommended = false)
 /**
  * Get naive theme
  *
- * @param colors Theme colors
+ * @param settings Theme settings object.
- * @param [recommended=false] Use recommended color. Default is `false`
+ * @param settings.recommendColor Whether to use recommended color palette.
+ * @param settings.themeRadius Border radius to use in the theme (in px).
  */
 export function getNaiveTheme(colors: App.Theme.ThemeColor, settings: App.Theme.ThemeSetting) {
   const { primary: colorLoading } = colors;

src/theme/preset/azir.json

@@ -14,6 +14,7 @@
     "warning": "#d4bb9d",
     "error": "#c49a9a"
   },
+  "themeRadius": 8,
   "isInfoFollowPrimary": true,
   "layout": {
     "mode": "vertical-mix",

src/theme/preset/compact.json

@@ -14,6 +14,7 @@
     "warning": "#faad14",
     "error": "#f5222d"
   },
+  "themeRadius": 8,
   "isInfoFollowPrimary": true,
   "layout": {
     "mode": "vertical",

src/theme/preset/dark.json

@@ -14,6 +14,7 @@
     "warning": "#faad14",
     "error": "#f5222d"
   },
+  "themeRadius": 8,
   "isInfoFollowPrimary": true,
   "layout": {
     "mode": "vertical",

src/theme/preset/default.json

@@ -14,6 +14,7 @@
     "warning": "#faad14",
     "error": "#f5222d"
   },
+  "themeRadius": 8,
   "isInfoFollowPrimary": true,
   "layout": {
     "mode": "vertical",

src/views/home/modules/card-data.vue

@@ -85,7 +85,7 @@ function getGradientColor(color: CardData['color']) {
     <!-- define component start: GradientBg -->
     <DefineGradientBg v-slot="{ $slots, gradientColor }">
       <div
-        class="rd-8px px-16px pb-4px pt-8px text-white"
+        class="px-16px pb-4px pt-8px text-white"
         :style="{ backgroundImage: gradientColor, borderRadius: themeStore.themeRadius + 'px' }"
       >
         <component :is="$slots.default" />