add support for java

Author: gdams

babel.config.json

@@ -7,7 +7,7 @@
       [
         "prismjs",
         {
-          "languages": ["js", "css", "yaml", "bash", "batch", "markup", "json", "powershell"],
+          "languages": ["dockerfile", "java", "js", "css", "yaml", "bash", "batch", "markup", "json", "powershell"],
           "plugins": [],
           "css": false
         }

src/components/CodeBox/index.tsx

@@ -16,6 +16,7 @@ interface Props {
 const replaceLabelLanguages = (language: string) =>
   language
     .replace(/powershell/i, 'pwsh')
+    .replace(/dockerfile/i, 'docker')
     .toUpperCase();
 
 

src/components/CodeBox/light.module.scss

@@ -7,11 +7,11 @@
     &.prolog,
     &.doctype,
     &.cdata {
-        color: slategray;
+      color: slategray;
     }
 
     &.namespace {
-        opacity: 0.7;
+      opacity: 0.7;
     }
 
     &.property,
@@ -21,57 +21,57 @@
     &.constant,
     &.symbol,
     &.deleted {
-        color: #905;
+      color: #905;
     }
 
     &.selector,
     &.attr-name,
     &.char,
     &.builtin,
     &.inserted {
-        color: #690;
+      color: #690;
     }
 
     &.entity,
     &.url {
-        background: hsla(0deg, 0%, 100%, 50%);
-        color: #9a6e3a;
+      background: hsla(0deg, 0%, 100%, 50%);
+      color: #9a6e3a;
     }
 
     &.atrule,
     &.attr-value,
     &.keyword {
-        color: #07a;
+      color: #07a;
     }
 
     &.function,
     &.class-name {
-        color: #dd4a68;
+      color: #dd4a68;
     }
 
     &.regex,
     &.important,
     &.variable {
-        color: #e90;
+      color: #e90;
     }
 
     &.important,
     &.bold {
-        font-weight: var(--font-weight-vold);
+      font-weight: var(--font-weight-vold);
     }
 
     &.italic {
-        font-style: italic;
+      font-style: italic;
     }
 
     &.entity {
-        cursor: help;
+      cursor: help;
     }
 
     &.punctuation,
     &.operator,
     &.string {
-        background-color: var(--black2);
+      background-color: var(--black2);
     }
   }
 }