Set colors for sleep time

demo_list.py

@@ -135,6 +135,13 @@ class DemoList:
             return '1'
         return f'<div class="multiple-replicas">{replicas}</div>'
 
+    @staticmethod
+    def add_div_tag_to_sleep_time(sleep_time_s: str, hardware: str) -> str:
+        if hardware == 'cpu-basic':
+            return f'<div class="sleep-time-cpu-basic">{sleep_time_s}</div>'
+        s = sleep_time_s.replace(' ', '-')
+        return f'<div class="sleep-time-{s}">{sleep_time_s}</div>'
+
     def prettify_df(self) -> pd.DataFrame:
         new_rows = []
         for _, row in self.df_raw.copy().iterrows():
@@ -167,7 +174,8 @@ class DemoList:
                 'sdk_version':
                 row.sdk_version,
                 'sleep_time':
-                self.TO_TIME_STR[row.sleep_time],
+                self.add_div_tag_to_sleep_time(
+                    self.TO_TIME_STR[row.sleep_time], row.hardware),
                 'replicas':
                 self.add_div_tag_to_replicas(row.replicas),
             }

style.css

@@ -66,6 +66,34 @@ div.hardware-cpu-basic {
   color: deepskyblue;
 }
 
+/* set colors for sleep time */
+div.sleep-time-cpu-basic {
+  color: gray;
+}
+
+div.sleep-time-5-minutes,
+div.sleep-time-10-minutes,
+div.sleep-time-15-minutes,
+div.sleep-time-30-minutes {
+  color: green;
+}
+
+div.sleep-time-1-hour,
+div.sleep-time-10-hours {
+  color: orange;
+}
+
+div.sleep-time-24-hours,
+div.sleep-time-48-hours,
+div.sleep-time-72-hours,
+div.sleep-time-1-week {
+  color: orangered;
+}
+
+div.sleep-time-null {
+  color: red;
+}
+
 /* set colors for replica */
 div.multiple-replicas {
   color: red;