python-spain
diff --git a/‎_includes/head.html‎
Lines changed: 17 additions & 0 deletions b/‎_includes/head.html‎
Lines changed: 17 additions & 0 deletions
diff --git a/‎_pages/conference.html‎
Lines changed: 1 addition & 1 deletion b/‎_pages/conference.html‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎index.html‎
Lines changed: 1 addition & 1 deletion b/‎index.html‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎static/css/deadlines.css‎
Lines changed: 0 additions & 16 deletions b/‎static/css/deadlines.css‎
Lines changed: 0 additions & 16 deletions
@@ -13,6 +13,23 @@
 
 <link rel="shortcut icon" href="{{ "/static/img/favicon.png" | prepend:site.baseurl }}">
 
+<style>
+{% for type in site.data.types %}
+.{{ type.id }}-tag {
+  color: {{ type.color }} !important;
+}
+#{{ type.id }}-checkbox {
+  color: {{ type.color }};
+  background: white;
+}
+#{{ type.id }}-checkbox.active {
+    color: white;
+    background: {{ type.color }};
+}
+
+{% endfor %}
+  </style>
+
 {% include google_analytics.js %}
 
 <script type="text/javascript" src="{{ "/static/js/js-year-calendar.js" | prepend:site.baseurl }}"></script>
 
@@ -22,7 +22,7 @@ <h3 id="conf-full-name">
         </div>
         <div class="row">
           <div class="col-sm-12">
-            <span id="conf-subs" title="Conference subjects"></span>
+            <span id="badge conf-subs" title="Conference subjects"></span>
           </div>
         </div>
       </div>
 
@@ -113,7 +113,7 @@ <h1>
             <div class="row">
               <div class="col-12">
                 {% for sub in conf.sub %}
-                <span title="Click to only show {{sub}} conferences" data-sub="{{sub}}" class="conf-sub {{sub}}-tag"></span>
+                <span title="Click to only show {{sub}} conferences" data-sub="{{sub}}" class="badge badge-light conf-sub {{sub}}-tag"></span>
                 {% endfor %}
               </div>
             </div>
 
@@ -162,29 +162,13 @@ footer {
 }
 
 .conf-sub {
-  color: rgb(36, 101, 191);
-  background: rgba(236, 240, 241, 0.7);
-  font-size: 13px;
-  padding: 3px 5px;
-  margin-right: 8px;
   cursor: pointer;
-  font-weight: 300;
 }
 
 .conf-sub::selection {
   background: #0097e6;
 }
 
-.checkbox input[type="checkbox"]:checked:after {
-  background-color: #0097e6;
-  border-color: #0097e6;
-}
-
-.checkbox input[type="checkbox"]:after,
-.checkbox input[type="checkbox"]:focus:after {
-  border-color: #0097e6;
-}
-
 #conf-sort-order-checkbox, 
 #cfp-sort-order-checkbox {
     text-align: right;