color changes

Author: surge

_posts/2022-03-10-enabot_series_part_2.md

@@ -65,7 +65,7 @@ With this in mind, we opened up wireshark and began looking at the stream of pac
 
 After looking at the data of some of the packets, we noticed this one.
 
-![charlie](/assets/enabot_part2/charlie_capture.png)
+<p style="text-align:center;"><img src="/assets/enabot_part2/charlie_capture.png" alt="charlie" style="height: 60%; width: 60%;"/></p>
 
 At the end of the packet it say "Charlie is". There is no way this is some coincidence of randomly generated data. There is probably some XOR encryption going on and those bytes were null bytes. We opened up the firmware in wireshark and checked if there were any strings with "Charlie is".
 
@@ -158,11 +158,11 @@ for ref in refs:
 print(f"Finished. Renamed: {rename_count} functions")
 ```
 
-<img src="/assets/enabot_part2/log_functions_renamed.png" alt="log_functions_renamed" style="height: 60%; width: 60%;"/>
+<p style="text-align:center;"><img src="/assets/enabot_part2/log_functions_renamed.png" alt="log_functions_renamed" style="height: 60%; width: 60%;"/></p>
 
 The second renaming script we used was for functions that were called, and then an error was printed if it returned an error code.
 
-<img src="/assets/enabot_part2/err_rename.png" alt="err_rename" style="height: 60%; width: 60%;"/>
+<p style="text-align:center;"><img src="/assets/enabot_part2/err_rename.png" alt="err_rename" style="height: 60%; width: 60%;"/></p>
 
 An example is in the image above. A function was called and a branch was taken based off the function's return value. If it wasn't 0, it printed the name of the function and and error message. We could use that print to rename the function called. It's renamed already because we had already run the script when the image was taken
 
@@ -274,7 +274,7 @@ print(f"Len of unnamed functions {len(unnamed_functions)}")
 </pre>
 </details>
 
-<img src="/assets/enabot_part2/err_rename_number.png" alt="err_rename_number" style="height: 60%; width: 60%;"/>
+<p style="text-align:center;"><img src="/assets/enabot_part2/err_rename_number.png" alt="err_rename_number" style="height: 60%; width: 60%;"/></p>
 
 Both these scripts combined allowed us to know the name of about 1600 function calls which was very nice to have when reversing.
 # Packet Reversing
@@ -322,9 +322,9 @@ Note: Since we don't actually know what each branch was when we started reversin
 
 Every packet going to or from the device started with this:
 
-<img src="/assets/enabot_part2/ebo_msg_hdr.png" alt="Ebo Msg Hdr" style="height: 50%; width: 50%;"/>
+<p style="text-align:center;"><img src="/assets/enabot_part2/ebo_msg_hdr.png" alt="Ebo Msg Hdr" style="height: 50%; width: 50%;"/></p>
 
-<img src="/assets/enabot_part2/ebo_packet_type.png" alt="Ebo Packet Type" style="height: 100px; width:320px;"/>
+<p style="text-align:center;"><img src="/assets/enabot_part2/ebo_packet_type.png" alt="Ebo Packet Type" style="height: 100px; width:320px;"/></p>
 
 
 1. The first two bytes are always `0x0402`

_sass/dash/_layout.scss

@@ -136,21 +136,24 @@
     text-align: left;
     margin-bottom: 0.2em;
     @include themed() {
-       color: t('list-primary');
+       color: 0xffffff;
     }
   }
 
   ul > li {
     text-align: left;
     margin-bottom: 0.2em;
     @include themed() {
-       color: t('list-primary');
+       color: 0xffffff;
     }
     list-style: none;
     margin-left: 0em;
 
     &:before {
       content: $icon-check;
+      @include themed() {
+        color: t('list-primary');
+      }
       @include font-awesome-icon;
       margin-left: 0;
       margin-right: 0.5em;
@@ -161,13 +164,16 @@
     text-align: left;
     margin-bottom: 0.2em;
     @include themed() {
-       color: t('list-primary');
+       color: 0xffffff;
     }
     list-style: none;
     margin-left: 0.5em;
 
     &:before {
       content: $icon-chevron-right;
+      @include themed() {
+        color: t('list-primary');
+      }
       @include font-awesome-icon;
       margin-right: 0.5em;
     }
@@ -178,13 +184,16 @@
     text-align: left;
     margin-bottom: 0.2em;
     @include themed() {
-       color: t('list-primary');
+       color: 0xffffff;
     }
     list-style: none;
     margin-left: 0;
 
     &:before {
       content: $icon-flask;
+      @include themed() {
+        color: t('list-primary');
+      }
       @include font-awesome-icon;
       margin-right: 0.5em;
     }