Highlighter changes: Remove brain, add .scss, change .scss color to be more vibrant, add git, make git & Github brighter, add .ts

constants.json

@@ -89,9 +89,9 @@
         },
         {
             "words": [
-                "brain"
+                ".scss"
             ],
-            "color": "#f5abb9"
+            "color": "#ec5f98"
         },
         {
             "words": [
@@ -247,9 +247,10 @@
         },
         {
             "words": [
-                "Github"
+                "Github",
+                "git"
             ],
-            "color": "gray"
+            "color": "darkgray"
         },
         {
             "words": [
@@ -292,6 +293,7 @@
             "words": [
                 "CSS",
                 ".css",
+                ".ts",
                 "Neow",
                 "The Defect"
             ],

overcomplicatedStatuses.js

@@ -74,11 +74,11 @@ module.exports = {
                                 var totalTime = Math.round((activity.timestamps.end - activity.timestamps.start) / 1000)
                                 return `
                                 <div class="durationBarStuff">
-                                    <p style="padding-right: 4px;" class="playTimeStart scriptEnabled" data-start="${activity.timestamps.start}" data-end="${activity.timestamps.end}">${timeFormatter((Date.now() - activity.timestamps.start))}</p>
+                                    <p style="padding-left: 0;" class="playTimeStart scriptEnabled" data-start="${activity.timestamps.start}" data-end="${activity.timestamps.end}">${timeFormatter((Date.now() - activity.timestamps.start))}</p>
                                     <div class="lengthBar lengthBar${index}">
                                         <div></div>
                                     </div>
-                                     <p style="padding-left: 4px;" class="playTimeEnd" data-start="${activity.timestamps.start}" data-end="${activity.timestamps.end}">${timeFormatter((activity.timestamps.end - activity.timestamps.start))}</p>
+                                     <p class="playTimeEnd" data-start="${activity.timestamps.start}" data-end="${activity.timestamps.end}">${timeFormatter((activity.timestamps.end - activity.timestamps.start))}</p>
                                 </div>
                                     <style>
                                         .lengthBar${index} > div {

static/style.css

@@ -362,5 +362,5 @@ underline {
 
 .durationBarStuff > p {
     font-size: 1.15rem;
-    padding: 0;
+    padding: 0 4px;
 }