feat: change highlight names to improve usability

filipowm · Jul 3, 2020 · ac6eb2e · ac6eb2e
1 parent 1b85237
commit ac6eb2e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/components/MdxComponents/highlights.js b/src/components/MdxComponents/highlights.js
@@ -47,15 +47,15 @@ const Highlight = ({ children, color, icon, ...props }) => {
 };
 
 export default {
-  Note: (props) =>
+  Warning: (props) =>
     Highlight({
-      color: 'note',
+      color: 'warning',
       icon: AlertTriangle,
       ...props,
     }),
-  Warning: (props) =>
+  Error: (props) =>
     Highlight({
-      color: 'warning',
+      color: 'error',
       icon: AlertOctagon,
       ...props,
     }),

diff --git a/src/theme/base.js b/src/theme/base.js
@@ -147,12 +147,12 @@ const jargon = (colors) => ({
 });
 
 const highlights = (colors) => ({
-  note: {
+  warning: {
     border: colors.orange,
     background: colors.orangeLight,
     font: colors.fontDark,
   },
-  warning: {
+  error: {
     border: colors.red,
     background: colors.redLight,
     font: colors.fontDark,