3 files changed, 57 insertions, 0 deletions
diff --git a/scss/pysite/_variables.scss b/scss/pysite/_variables.scss
index 5f410b6c..936ce5cc 100644
--- a/scss/pysite/_variables.scss
+++ b/scss/pysite/_variables.scss
@@ -20,3 +20,11 @@ $winner_colour_brighter: #EEBB00;
 $winner_colour: #E0B000;
 $winner_colour_hover: #DAA900;
 $winner_colour_active: #DAA015;
+
+$clean_logs_background: #36393E;
+$clean_logs_embed_background: #2E3136;
+$clean_logs_embed_border: #282B30;
+$clean_logs_anchor_color: #A9C4DA;
+$clean_logs_timestamp: #75797F;
+
+
diff --git a/scss/pysite/pages/main/bot/_clean_logs.scss b/scss/pysite/pages/main/bot/_clean_logs.scss
new file mode 100644
index 00000000..980ca9cf
--- /dev/null
+++ b/scss/pysite/pages/main/bot/_clean_logs.scss
@@ -0,0 +1,47 @@
+.clean-logs {
+
+  background-color: $clean_logs_background;
+
+  .nick {
+    font-weight: 700;
+  }
+
+  .time {
+    color: $clean_logs_timestamp;
+    font-size: 11px;
+    font-weight: normal;
+    margin-left: .8em;
+  }
+
+  .text {
+    color: $white;
+    margin-bottom: 1em;
+  }
+
+  .embed {
+    background-color: $clean_logs_embed_background;
+    border: 2px solid $clean_logs_embed_border;
+    border-radius: 5px;
+    color: $white;
+    margin-bottom: 1.5em;
+    padding: 1em;
+    width: 60%;
+
+    .footer {
+      font-size: 9px;
+    }
+
+    .fields {
+      display: flex;
+      flex-wrap: wrap;
+    }
+
+    .field {
+      flex: 50%;
+    }
+
+    a {
+      color: $clean_logs_anchor_color;
+    }
+  }
+}
diff --git a/scss/pysite/style.scss b/scss/pysite/style.scss
index dace05e7..3858d4c4 100644
--- a/scss/pysite/style.scss
+++ b/scss/pysite/style.scss
@@ -53,6 +53,8 @@
 @import "pages/main/jams/team_view";
 @import "pages/main/jams/team_list";
 
+@import "pages/main/bot/clean_logs";
+
 // Sectional: Staff Blueprint
 @import "pages/staff/common";