Merge b9953ab2e7deab025d61c4c8c913047bc31cbb01 into e032c06ba3489d45e55b87404df8dbccc39cede7

src/config/theme.ts

@@ -314,6 +314,7 @@ const graceTheme = toMerged(defaultTheme, {
       'border-left': `4px solid var(--md-primary-color)`,
       'border-radius': `6px`,
       'color': `rgba(0,0,0,0.6)`,
+      'background': `linear-gradient(to right, #f7f7f7, #ffffff)`,
       'box-shadow': `0 4px 6px rgba(0,0,0,0.05)`,
     },
 
@@ -322,6 +323,12 @@ const graceTheme = toMerged(defaultTheme, {
 
     'markdown-alert': {
       'font-style': `italic`,
+      'padding': `1em 1em 1em 2em`,
+      'border-left': `4px solid var(--md-primary-color)`,
+      'border-radius': `6px`,
+      'color': `rgba(0,0,0,0.6)`,
+      'background': `linear-gradient(to right, #f7f7f7, #ffffff)`,
+      'box-shadow': `0 4px 6px rgba(0,0,0,0.05)`,
     },
 
     'code_pre': {

src/utils/MDAlert.ts

@@ -27,7 +27,7 @@ export default function markedAlert(options: AlertOptions = {}): MarkedExtension
           title = ucfirst(variantType),
           titleClassName = `${className}-title`,
         } = matchedVariant
-        const typeRegexp = new RegExp(createSyntaxPattern(variantType), `i`)
+        const typeRegexp = new RegExp(createSyntaxPattern(variantType))
 
         Object.assign(token, {
           type: `alert`,