diff --git a/static/ta_app/css/style.css b/static/ta_app/css/style.css
index ce3614a8d25f8e668495166da670f4598597820f..bfd1e478c0a6da76e1a49ab9bc3c6f3047d301e3 100644
--- a/static/ta_app/css/style.css
+++ b/static/ta_app/css/style.css
@@ -721,3 +721,8 @@ input[type=checkbox] {
max-width: 1650px;
}
}
+
+/*Header and Footer color to Forestry Green*/
+.bg-forestry {
+ background-color: #31624C !important;
+}
diff --git a/ta_app/templates/ta_app/base.html b/ta_app/templates/ta_app/base.html
index bf1a017597d950dba5c5f9580ea4792af88a0dd9..6c7ba8f3ec69c3184a822523dc63df7c74eb9dc0 100644
--- a/ta_app/templates/ta_app/base.html
+++ b/ta_app/templates/ta_app/base.html
@@ -15,7 +15,7 @@
<link rel="stylesheet" type="text/css" href="{% static 'ta_app/css/font-awesome.min.css' %}">
</head>
<body>
- <header class="bg-primary">
+ <header class="bg-forestry">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-dark">
<span class="navbar-brand">TA Application System</span>
@@ -97,7 +97,7 @@
</div>
</main>
- <footer class="bg-dark-blue">
+ <footer class="bg-forestry">
<div class="container">
<div class="footer-item">
<img class="mr-2" src="{% static 'ta_app/images/UBC-logo-2018-crest-white-rgb300.png' %}" alt="UBC logo" height="40" />