diff --git a/assets/css/_maps/_admonition.scss b/assets/css/_maps/_admonition.scss
new file mode 100644
index 00000000..2371149f
--- /dev/null
+++ b/assets/css/_maps/_admonition.scss
@@ -0,0 +1,31 @@
+// Color map of the 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;
+
+// Color map of the admonition background
+$admonition-background-color-map: (
+  'note': rgba(68, 138, 255, 0.1),
+  'abstract': rgba(0, 176, 255, 0.1),
+  'info': rgba(0, 184, 212, 0.1),
+  'tip': rgba(0, 191, 165, 0.1),
+  'success': rgba(0, 200, 83, 0.1),
+  'question': rgba(100, 221, 23, 0.1),
+  'warning': rgba(255, 145, 0, 0.1),
+  'failure': rgba(255, 82, 82, 0.1),
+  'danger': rgba(255, 23, 68, 0.1),
+  'bug': rgba(245, 0, 87, 0.1),
+  'example': rgba(101, 31, 255, 0.1),
+  'quote': rgba(159, 159, 159, 0.1)
+) !default;
diff --git a/assets/css/_maps/_code-highlight.scss b/assets/css/_maps/_code-highlight.scss
new file mode 100644
index 00000000..35fb92dd
--- /dev/null
+++ b/assets/css/_maps/_code-highlight.scss
@@ -0,0 +1,157 @@
+// Color map of the code highlight
+$code-highlight-color-map: (
+  /* Error */ 'err': $code-error-color,
+  /* Keyword */ 'k': #cf222e,
+  /* KeywordConstant */ 'kc': #0550ae,
+  /* KeywordDeclaration */ 'kd': #cf222e,
+  /* KeywordNamespace */ 'kn': #cf222e,
+  /* KeywordPseudo */ 'kp': #cf222e,
+  /* KeywordReserved */ 'kr': #cf222e,
+  /* KeywordType */ 'kt': #cf222e,
+  /* Name */ 'n': $code-color,
+  /* NameAttribute */ 'na': #0550ae,
+  /* NameBuiltin */ 'nb': #0550ae,
+  /* NameBuiltinPseudo */ 'bp': $code-color,
+  /* NameClass */ 'nc': #8250df,
+  /* NameConstant */ 'no': #cf222e,
+  /* NameDecorator */ 'nd': #8250df,
+  /* NameEntity */ 'ni': #0550ae,
+  /* NameException */ 'ne': #0550ae,
+  /* NameFunction */ 'nf': #0550ae,
+  /* NameFunctionMagic */ 'fm': #0550ae,
+  /* NameLabel */ 'nl': #0550ae,
+  /* NameNamespace */ 'nn': #8250df,
+  /* NameOther */ 'nx': #0550ae,
+  /* NameProperty */ 'py': #0550ae,
+  /* NameTag */ 'nt': #116329,
+  /* NameVariable */ 'nv': #953800,
+  /* NameVariableClass */ 'vc': #0550ae,
+  /* NameVariableGlobal */ 'vg': #0550ae,
+  /* NameVariableInstance */ 'vi': #0550ae,
+  /* NameVariableMagic */ 'vm': #0550ae,
+  /* Literal */ 'l': #0550ae,
+  /* LiteralDate */ 'ld': #0a3069,
+  /* LiteralString */ 's': #0a3069,
+  /* LiteralStringAffix */ 'sa': #0a3069,
+  /* LiteralStringBacktick */ 'sb': #0a3069,
+  /* LiteralStringChar */ 'sc': #0a3069,
+  /* LiteralStringDelimiter */ 'dl': #0a3069,
+  /* LiteralStringDoc */ 'sd': #0a3069,
+  /* LiteralStringDouble */ 's2': #0a3069,
+  /* LiteralStringEscape */ 'se': #0a3069,
+  /* LiteralStringHeredoc */ 'sh': #0a3069,
+  /* LiteralStringInterpol */ 'si': #0a3069,
+  /* LiteralStringOther */ 'sx': #0a3069,
+  /* LiteralStringRegex */ 'sr': #0a3069,
+  /* LiteralStringSingle */ 's1': #0a3069,
+  /* LiteralStringSymbol */ 'ss': #0a3069,
+  /* LiteralNumber */ 'm': #0550ae,
+  /* LiteralNumberBin */ 'mb': #0550ae,
+  /* LiteralNumberFloat */ 'mf': #0550ae,
+  /* LiteralNumberHex */ 'mh': #0550ae,
+  /* LiteralNumberInteger */ 'mi': #0550ae,
+  /* LiteralNumberIntegerLong */ 'il': #0550ae,
+  /* LiteralNumberOct */ 'mo': #0550ae,
+  /* Operator */ 'o': #cf222e,
+  /* OperatorWord */ 'ow': #cf222e,
+  /* Punctuation */ 'p': $code-color,
+  /* Comment */ 'c': #6e7781,
+  /* CommentHashbang */ 'ch': #6e7781,
+  /* CommentMultiline */ 'cm': #6e7781,
+  /* CommentSingle */ 'c1': #6e7781,
+  /* CommentSpecial */ 'cs': #6e7781,
+  /* CommentPreproc */ 'cp': #0550ae,
+  /* CommentPreprocFile */ 'cpf': #6e7781,
+  /* Generic */ 'g': $code-color,
+  /* GenericDeleted */ 'gd': #82071e,
+  /* GenericEmph */ 'ge': $code-color,
+  /* GenericError */ 'gr': $code-error-color,
+  /* GenericHeading */ 'gh': $code-color,
+  /* GenericInserted */ 'gi': #116329,
+  /* GenericOutput */ 'go': $code-color,
+  /* GenericPrompt */ 'gp': $code-color,
+  /* GenericStrong */ 'gs': $code-color,
+  /* GenericSubheading */ 'gu': $code-color,
+  /* GenericTraceback */ 'gt': $code-error-color,
+  /* GenericUnderline */ 'gl': $code-color,
+  /* TextWhitespace */ 'w': $code-color,
+  /* Other */ 'x': $code-color
+) !default;
+$code-highlight-color-map-dark: (
+  /* Error */ 'err': $code-error-color,
+  /* Keyword */ 'k': #f47067,
+  /* KeywordConstant */ 'kc': #6cb6ff,
+  /* KeywordDeclaration */ 'kd': #f47067,
+  /* KeywordNamespace */ 'kn': #f47067,
+  /* KeywordPseudo */ 'kp': #f47067,
+  /* KeywordReserved */ 'kr': #f47067,
+  /* KeywordType */ 'kt': #f47067,
+  /* Name */ 'n': $code-color-dark,
+  /* NameAttribute */ 'na': #6cb6ff,
+  /* NameBuiltin */ 'nb': #dcbdfb,
+  /* NameBuiltinPseudo */ 'bp': $code-color-dark,
+  /* NameClass */ 'nc': #dcbdfb,
+  /* NameConstant */ 'no': #6cb6ff,
+  /* NameDecorator */ 'nd': #dcbdfb,
+  /* NameEntity */ 'ni': #6cb6ff,
+  /* NameException */ 'ne': #6cb6ff,
+  /* NameFunction */ 'nf': #dcbdfb,
+  /* NameFunctionMagic */ 'fm': #6cb6ff,
+  /* NameLabel */ 'nl': #6cb6ff,
+  /* NameNamespace */ 'nn': #f47067,
+  /* NameOther */ 'nx': #dcbdfb,
+  /* NameProperty */ 'py': #6cb6ff,
+  /* NameTag */ 'nt': #8ddb8c,
+  /* NameVariable */ 'nv': #f69d50,
+  /* NameVariableClass */ 'vc': #6cb6ff,
+  /* NameVariableGlobal */ 'vg': #6cb6ff,
+  /* NameVariableInstance */ 'vi': #6cb6ff,
+  /* NameVariableMagic */ 'vm': #6cb6ff,
+  /* Literal */ 'l': #6cb6ff,
+  /* LiteralDate */ 'ld': #96d0ff,
+  /* LiteralString */ 's': #96d0ff,
+  /* LiteralStringAffix */ 'sa': #96d0ff,
+  /* LiteralStringBacktick */ 'sb': #96d0ff,
+  /* LiteralStringChar */ 'sc': #96d0ff,
+  /* LiteralStringDelimiter */ 'dl': #96d0ff,
+  /* LiteralStringDoc */ 'sd': #96d0ff,
+  /* LiteralStringDouble */ 's2': #96d0ff,
+  /* LiteralStringEscape */ 'se': #96d0ff,
+  /* LiteralStringHeredoc */ 'sh': #96d0ff,
+  /* LiteralStringInterpol */ 'si': #96d0ff,
+  /* LiteralStringOther */ 'sx': #96d0ff,
+  /* LiteralStringRegex */ 'sr': #96d0ff,
+  /* LiteralStringSingle */ 's1': #96d0ff,
+  /* LiteralStringSymbol */ 'ss': #96d0ff,
+  /* LiteralNumber */ 'm': #6cb6ff,
+  /* LiteralNumberBin */ 'mb': #6cb6ff,
+  /* LiteralNumberFloat */ 'mf': #6cb6ff,
+  /* LiteralNumberHex */ 'mh': #6cb6ff,
+  /* LiteralNumberInteger */ 'mi': #6cb6ff,
+  /* LiteralNumberIntegerLong */ 'il': #6cb6ff,
+  /* LiteralNumberOct */ 'mo': #6cb6ff,
+  /* Operator */ 'o': #f47067,
+  /* OperatorWord */ 'ow': #f47067,
+  /* Punctuation */ 'p': $code-color-dark,
+  /* Comment */ 'c': #768390,
+  /* CommentHashbang */ 'ch': #768390,
+  /* CommentMultiline */ 'cm': #768390,
+  /* CommentSingle */ 'c1': #768390,
+  /* CommentSpecial */ 'cs': #768390,
+  /* CommentPreproc */ 'cp': #6cb6ff,
+  /* CommentPreprocFile */ 'cpf': #768390,
+  /* Generic */ 'g': $code-color-dark,
+  /* GenericDeleted */ 'gd': #ffd8d3,
+  /* GenericEmph */ 'ge': $code-color-dark,
+  /* GenericError */ 'gr': $code-error-color,
+  /* GenericHeading */ 'gh': $code-color-dark,
+  /* GenericInserted */ 'gi': #b4f1b4,
+  /* GenericOutput */ 'go': $code-color-dark,
+  /* GenericPrompt */ 'gp': $code-color-dark,
+  /* GenericStrong */ 'gs': $code-color-dark,
+  /* GenericSubheading */ 'gu': $code-color-dark,
+  /* GenericTraceback */ 'gt': $code-error-color,
+  /* GenericUnderline */ 'gl': $code-color-dark,
+  /* TextWhitespace */ 'w': $code-color-dark,
+  /* Other */ 'x': $code-color-dark
+) !default;
\ No newline at end of file
diff --git a/assets/css/_maps/_colors.scss b/assets/css/_maps/_colors.scss
new file mode 100644
index 00000000..8e5566c4
--- /dev/null
+++ b/assets/css/_maps/_colors.scss
@@ -0,0 +1,18 @@
+// TODO: support dark theme colors
+// Theme colors
+$primary: #1772ee !default;
+$secondary: #919191 !default;
+$success: #13ce66 !default;
+$info: #0dcaf0 !default;
+$warning: #ffba00 !default;
+$danger: #ff4949 !default;
+
+// Theme colors map
+$theme-colors: (
+  'primary': $primary,
+  'secondary': $secondary,
+  'success': $success,
+  'info': $info,
+  'warning': $warning,
+  'danger': $danger
+) !default;
diff --git a/assets/css/_maps/_index.scss b/assets/css/_maps/_index.scss
index 48ae12c4..6bcd6c5e 100644
--- a/assets/css/_maps/_index.scss
+++ b/assets/css/_maps/_index.scss
@@ -1 +1,4 @@
-@import "_code-type";
\ No newline at end of file
+@import "_colors";
+@import "_code-type";
+@import "_code-highlight";
+@import "_admonition";
diff --git a/assets/css/_variables.scss b/assets/css/_variables.scss
index 0d5defbe..42e3db73 100644
--- a/assets/css/_variables.scss
+++ b/assets/css/_variables.scss
@@ -38,25 +38,6 @@ $global-link-hover-color-dark: #fff !default;
 // Color of the border
 $global-border-color: #f0f0f0 !default;
 $global-border-color-dark: #363636 !default;
-
-// Theme colors
-// TODO: support dark theme colors
-$primary: #1772ee !default;
-$secondary: #919191 !default;
-$success: #13ce66 !default;
-$info: #0dcaf0 !default;
-$warning: #ffba00 !default;
-$danger: #ff4949 !default;
-
-// Theme colors map
-$theme-colors: (
-  'primary': $primary,
-  'secondary': $secondary,
-  'success': $success,
-  'info': $info,
-  'warning': $warning,
-  'danger': $danger
-) !default;
 // ========== Global ========== //
 
 // ========== Scrollbar ========== //
@@ -153,202 +134,8 @@ $code-font-size: 0.875rem !default;
 
 // Font family of the code
 $code-font-family: Source Code Pro, Menlo, Consolas, Monaco, monospace, $global-font-family !default;
-
-@import "_maps/index";
-
-// Color map of the code highlight
-$code-highlight-color-map: (
-  /* Error */ 'err': $code-error-color,
-  /* Keyword */ 'k': #cf222e,
-  /* KeywordConstant */ 'kc': #0550ae,
-  /* KeywordDeclaration */ 'kd': #cf222e,
-  /* KeywordNamespace */ 'kn': #cf222e,
-  /* KeywordPseudo */ 'kp': #cf222e,
-  /* KeywordReserved */ 'kr': #cf222e,
-  /* KeywordType */ 'kt': #cf222e,
-  /* Name */ 'n': $code-color,
-  /* NameAttribute */ 'na': #0550ae,
-  /* NameBuiltin */ 'nb': #0550ae,
-  /* NameBuiltinPseudo */ 'bp': $code-color,
-  /* NameClass */ 'nc': #8250df,
-  /* NameConstant */ 'no': #cf222e,
-  /* NameDecorator */ 'nd': #8250df,
-  /* NameEntity */ 'ni': #0550ae,
-  /* NameException */ 'ne': #0550ae,
-  /* NameFunction */ 'nf': #0550ae,
-  /* NameFunctionMagic */ 'fm': #0550ae,
-  /* NameLabel */ 'nl': #0550ae,
-  /* NameNamespace */ 'nn': #8250df,
-  /* NameOther */ 'nx': #0550ae,
-  /* NameProperty */ 'py': #0550ae,
-  /* NameTag */ 'nt': #116329,
-  /* NameVariable */ 'nv': #953800,
-  /* NameVariableClass */ 'vc': #0550ae,
-  /* NameVariableGlobal */ 'vg': #0550ae,
-  /* NameVariableInstance */ 'vi': #0550ae,
-  /* NameVariableMagic */ 'vm': #0550ae,
-  /* Literal */ 'l': #0550ae,
-  /* LiteralDate */ 'ld': #0a3069,
-  /* LiteralString */ 's': #0a3069,
-  /* LiteralStringAffix */ 'sa': #0a3069,
-  /* LiteralStringBacktick */ 'sb': #0a3069,
-  /* LiteralStringChar */ 'sc': #0a3069,
-  /* LiteralStringDelimiter */ 'dl': #0a3069,
-  /* LiteralStringDoc */ 'sd': #0a3069,
-  /* LiteralStringDouble */ 's2': #0a3069,
-  /* LiteralStringEscape */ 'se': #0a3069,
-  /* LiteralStringHeredoc */ 'sh': #0a3069,
-  /* LiteralStringInterpol */ 'si': #0a3069,
-  /* LiteralStringOther */ 'sx': #0a3069,
-  /* LiteralStringRegex */ 'sr': #0a3069,
-  /* LiteralStringSingle */ 's1': #0a3069,
-  /* LiteralStringSymbol */ 'ss': #0a3069,
-  /* LiteralNumber */ 'm': #0550ae,
-  /* LiteralNumberBin */ 'mb': #0550ae,
-  /* LiteralNumberFloat */ 'mf': #0550ae,
-  /* LiteralNumberHex */ 'mh': #0550ae,
-  /* LiteralNumberInteger */ 'mi': #0550ae,
-  /* LiteralNumberIntegerLong */ 'il': #0550ae,
-  /* LiteralNumberOct */ 'mo': #0550ae,
-  /* Operator */ 'o': #cf222e,
-  /* OperatorWord */ 'ow': #cf222e,
-  /* Punctuation */ 'p': $code-color,
-  /* Comment */ 'c': #6e7781,
-  /* CommentHashbang */ 'ch': #6e7781,
-  /* CommentMultiline */ 'cm': #6e7781,
-  /* CommentSingle */ 'c1': #6e7781,
-  /* CommentSpecial */ 'cs': #6e7781,
-  /* CommentPreproc */ 'cp': #0550ae,
-  /* CommentPreprocFile */ 'cpf': #6e7781,
-  /* Generic */ 'g': $code-color,
-  /* GenericDeleted */ 'gd': #82071e,
-  /* GenericEmph */ 'ge': $code-color,
-  /* GenericError */ 'gr': $code-error-color,
-  /* GenericHeading */ 'gh': $code-color,
-  /* GenericInserted */ 'gi': #116329,
-  /* GenericOutput */ 'go': $code-color,
-  /* GenericPrompt */ 'gp': $code-color,
-  /* GenericStrong */ 'gs': $code-color,
-  /* GenericSubheading */ 'gu': $code-color,
-  /* GenericTraceback */ 'gt': $code-error-color,
-  /* GenericUnderline */ 'gl': $code-color,
-  /* TextWhitespace */ 'w': $code-color,
-  /* Other */ 'x': $code-color
-) !default;
-$code-highlight-color-map-dark: (
-  /* Error */ 'err': $code-error-color,
-  /* Keyword */ 'k': #f47067,
-  /* KeywordConstant */ 'kc': #6cb6ff,
-  /* KeywordDeclaration */ 'kd': #f47067,
-  /* KeywordNamespace */ 'kn': #f47067,
-  /* KeywordPseudo */ 'kp': #f47067,
-  /* KeywordReserved */ 'kr': #f47067,
-  /* KeywordType */ 'kt': #f47067,
-  /* Name */ 'n': $code-color-dark,
-  /* NameAttribute */ 'na': #6cb6ff,
-  /* NameBuiltin */ 'nb': #dcbdfb,
-  /* NameBuiltinPseudo */ 'bp': $code-color-dark,
-  /* NameClass */ 'nc': #dcbdfb,
-  /* NameConstant */ 'no': #6cb6ff,
-  /* NameDecorator */ 'nd': #dcbdfb,
-  /* NameEntity */ 'ni': #6cb6ff,
-  /* NameException */ 'ne': #6cb6ff,
-  /* NameFunction */ 'nf': #dcbdfb,
-  /* NameFunctionMagic */ 'fm': #6cb6ff,
-  /* NameLabel */ 'nl': #6cb6ff,
-  /* NameNamespace */ 'nn': #f47067,
-  /* NameOther */ 'nx': #dcbdfb,
-  /* NameProperty */ 'py': #6cb6ff,
-  /* NameTag */ 'nt': #8ddb8c,
-  /* NameVariable */ 'nv': #f69d50,
-  /* NameVariableClass */ 'vc': #6cb6ff,
-  /* NameVariableGlobal */ 'vg': #6cb6ff,
-  /* NameVariableInstance */ 'vi': #6cb6ff,
-  /* NameVariableMagic */ 'vm': #6cb6ff,
-  /* Literal */ 'l': #6cb6ff,
-  /* LiteralDate */ 'ld': #96d0ff,
-  /* LiteralString */ 's': #96d0ff,
-  /* LiteralStringAffix */ 'sa': #96d0ff,
-  /* LiteralStringBacktick */ 'sb': #96d0ff,
-  /* LiteralStringChar */ 'sc': #96d0ff,
-  /* LiteralStringDelimiter */ 'dl': #96d0ff,
-  /* LiteralStringDoc */ 'sd': #96d0ff,
-  /* LiteralStringDouble */ 's2': #96d0ff,
-  /* LiteralStringEscape */ 'se': #96d0ff,
-  /* LiteralStringHeredoc */ 'sh': #96d0ff,
-  /* LiteralStringInterpol */ 'si': #96d0ff,
-  /* LiteralStringOther */ 'sx': #96d0ff,
-  /* LiteralStringRegex */ 'sr': #96d0ff,
-  /* LiteralStringSingle */ 's1': #96d0ff,
-  /* LiteralStringSymbol */ 'ss': #96d0ff,
-  /* LiteralNumber */ 'm': #6cb6ff,
-  /* LiteralNumberBin */ 'mb': #6cb6ff,
-  /* LiteralNumberFloat */ 'mf': #6cb6ff,
-  /* LiteralNumberHex */ 'mh': #6cb6ff,
-  /* LiteralNumberInteger */ 'mi': #6cb6ff,
-  /* LiteralNumberIntegerLong */ 'il': #6cb6ff,
-  /* LiteralNumberOct */ 'mo': #6cb6ff,
-  /* Operator */ 'o': #f47067,
-  /* OperatorWord */ 'ow': #f47067,
-  /* Punctuation */ 'p': $code-color-dark,
-  /* Comment */ 'c': #768390,
-  /* CommentHashbang */ 'ch': #768390,
-  /* CommentMultiline */ 'cm': #768390,
-  /* CommentSingle */ 'c1': #768390,
-  /* CommentSpecial */ 'cs': #768390,
-  /* CommentPreproc */ 'cp': #6cb6ff,
-  /* CommentPreprocFile */ 'cpf': #768390,
-  /* Generic */ 'g': $code-color-dark,
-  /* GenericDeleted */ 'gd': #ffd8d3,
-  /* GenericEmph */ 'ge': $code-color-dark,
-  /* GenericError */ 'gr': $code-error-color,
-  /* GenericHeading */ 'gh': $code-color-dark,
-  /* GenericInserted */ 'gi': #b4f1b4,
-  /* GenericOutput */ 'go': $code-color-dark,
-  /* GenericPrompt */ 'gp': $code-color-dark,
-  /* GenericStrong */ 'gs': $code-color-dark,
-  /* GenericSubheading */ 'gu': $code-color-dark,
-  /* GenericTraceback */ 'gt': $code-error-color,
-  /* GenericUnderline */ 'gl': $code-color-dark,
-  /* TextWhitespace */ 'w': $code-color-dark,
-  /* Other */ 'x': $code-color-dark
-) !default;
 // ========== Code ========== //
 
-// ========== Admonition ========== //
-// Color map of the 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;
-
-// Color map of the admonition background
-$admonition-background-color-map: (
-  'note': rgba(68, 138, 255, 0.1),
-  'abstract': rgba(0, 176, 255, 0.1),
-  'info': rgba(0, 184, 212, 0.1),
-  'tip': rgba(0, 191, 165, 0.1),
-  'success': rgba(0, 200, 83, 0.1),
-  'question': rgba(100, 221, 23, 0.1),
-  'warning': rgba(255, 145, 0, 0.1),
-  'failure': rgba(255, 82, 82, 0.1),
-  'danger': rgba(255, 23, 68, 0.1),
-  'bug': rgba(245, 0, 87, 0.1),
-  'example': rgba(101, 31, 255, 0.1),
-  'quote': rgba(159, 159, 159, 0.1)
-) !default;
-// ========== Admonition ========== //
-
 // ========== GitHub Corners ========== //
 // Color of the GitHub Corners
 $github-corner-color: white !default;
@@ -358,3 +145,5 @@ $github-corner-color-dark: black !default;
 $github-corner-fill: $header-background-color-dark !default;
 $github-corner-fill-dark: $header-background-color !default;
 // ========== GitHub Corners ========== //
+
+@import "_maps/index";