feat(css): add admonition css variable

assets/css/_variables.scss

@@ -1,3 +1,5 @@
+@charset 'utf-8';
+
 // ==============================
 // Variables
 // ==============================
@@ -101,8 +103,8 @@ $code-font-size: 13px !default;
 // Font family of the code
 $code-font-family: Source Code Pro, Menlo, Consolas, Monaco, monospace !default;
 
-// Code type list
-$code-type-list: (
+// Code type map
+$code-type-map: (
   // Custom code type
   language-bash: 'Bash',
   language-c: 'C',
@@ -145,6 +147,38 @@ $code-type-list: (
   language-yml: 'YAML',
   language-yaml: 'YAML',
   language-toml: 'TOML',
-  language-diff: 'Diff'
+  language-diff: 'Diff',
 ) !default;
 // ========== Code ========== //
+
+// ========== Admonition ========== //
+$admonition-color-map: (
+  'note': #448aff,
+  'abstract': #00b0ff,
+  'info': #00b8d4,
+  'tip': #00bfa5,
+  'success': #00c853,
+  'question': #64dd17,
+  'warning': #ff9100,
+  'failure': #ff5252,
+  'danger': #ff1744,
+  'bug': #f50057,
+  'example': #651fff,
+  'quote': #9e9e9e,
+) !default;
+
+$admonition-background-color-map: (
+  'note': rgba(68,138,255,.1),
+  'abstract': rgba(0,176,255,.1),
+  'info': rgba(0,184,212,.1),
+  'tip': rgba(0,191,165,.1),
+  'success': rgba(0,200,83,.1),
+  'question': rgba(100,221,23,.1),
+  'warning': rgba(255,145,0,.1),
+  'failure': rgba(255,82,82,.1),
+  'danger': rgba(255,23,68,.1),
+  'bug': rgba(245,0,87,.1),
+  'example': rgba(101,31,255,.1),
+  'quote': hsla(0,0%,62%,.1),
+) !default;
+// ========== Admonition ========== //