diff --git a/bootstrap/less/ietf.less b/bootstrap/less/ietf.less
index b4d331b16..b05a8cd9d 100644
--- a/bootstrap/less/ietf.less
+++ b/bootstrap/less/ietf.less
@@ -139,6 +139,16 @@
 .position-recuse-row   { background-color: hsl(hue(@brand-primary), 90%, 95%) !important ; }
 .position-norecord-row { background-color: inherit; }
 
+/* like label-success */
+#timeline .bar:nth-child(odd) rect  { fill: desaturate(@label-success-bg, 30%); }
+
+/* like label-primary */
+#timeline .bar:nth-child(even) rect { fill: @label-primary-bg; }
+
+/* like label-warning */
+#timeline .gradient.left  { stop-color: @label-warning-bg; }
+#timeline .gradient.right { stop-color: white; }
+
 
 // XXX This change from before is not currently being applied, not sure how
 // critical this is:
diff --git a/ietf/static/ietf/css/ietf.css b/ietf/static/ietf/css/ietf.css
index ca907d8ad..f2b017ddd 100644
--- a/ietf/static/ietf/css/ietf.css
+++ b/ietf/static/ietf/css/ietf.css
@@ -451,12 +451,3 @@ form.navbar-form input.form-control.input-sm { width: 141px; }
     pointer-events: none;
 }
 
-/* like label-success */
-#timeline .bar:nth-child(odd) rect { fill: #5CB85C; }
-
-/* like label-primary */
-#timeline .bar:nth-child(even) rect { fill: #337AB7; }
-
-/* like label-warning */
-#timeline .gradient.left { stop-color: #F0AD4E; }
-#timeline .gradient.right { stop-color: white; }