diff --git a/templates/index.html b/templates/index.html
index 5a30fa7..f497627 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -27,7 +27,7 @@
         {% for el in r %}
             {% if COMP and ( COMP['vars'][el.varname] != finance[el.varname] or
                     (COMP['vars'][el.datevarname] is defined and COMP['vars'][el.datevarname] != finance[el.datevarname]) ) %}
-                {% set extra=" text-primary" %}
+                {% set extra=" text-info" %}
             {% else %}
                 {% set extra="" %}
             {% endif %}
@@ -40,7 +40,7 @@
                         {% endif %}
                         class="col-form-label me-2 text-end float-end {{extra}}">{{el.label}}
                         </label>
-                        <select class="form-select border border-primary text-primary text-end" id="{{el.varname}}" name="{{el.varname}}" style="width: 120px;" 
+                        <select class="form-select border border-info text-info text-end" id="{{el.varname}}" name="{{el.varname}}" style="width: 120px;" 
                             onchange="this.form.submit()">
                             {% for o in el.opts  %}
                                 <option value="{{o.val}}">{{o.label}}</option>
@@ -52,9 +52,9 @@
                         {% endif %}
                             class="col-form-label me-2 text-end float-end {{extra}}">{{el.label}}
                         </label>
-                        <input type="number" step="any" class="form-control text-end float-end border border-primary" onchange="this.form.submit()" style="max-width: 120px;"
+                        <input type="number" step="any" class="form-control text-end float-end border border-info" onchange="this.form.submit()" style="max-width: 120px;"
                             id="{{el.varname}}" name="{{el.varname}}" value="{{ finance[el.varname] }}" {{el.display}}>
-                        <input type="date" class="form-control text-end float-end border border-primary" id="{{el.datevarname}}" style="max-width: 150px;"
+                        <input type="date" class="form-control text-end float-end border border-info" id="{{el.datevarname}}" style="max-width: 150px;"
                             name="{{el.datevarname}}" value="{{ finance[el.datevarname] }}" onchange="this.form.submit()">
                     {% else %}
                         {% if COMP and COMP['vars'][el.varname] != finance[el.varname] %}
@@ -67,7 +67,7 @@
                             {% set bd="" %}
                         {% else %}
                             {% set bg="" %}
-                            {% set bd="border-1 border-primary" %}
+                            {% set bd="border-1 border-info" %}
                         {% endif %}
                         <input type="number" step="any" class="{{bg}} form-control text-end float-end {{bd}}" onchange="this.form.submit()" style="max-width: 120px;"
                             id="{{el.varname}}" name="{{el.varname}}" value="{{ finance[el.varname] }}" {{el.display}}>
@@ -137,9 +137,9 @@
             </div>
             <div id="comp_col" class="col-auto">
               <div class="input-group">
-                  <button type="button" class="btn btn-primary me-2 rounded" data-bs-toggle="modal" data-bs-target="#save_modal">Save</button>
-                  <button type="submit" class="disabled btn btn-primary rounded-start" onClick="$('#vals_form').submit() disabled">Compare to:</button>
-                  <select class="form-select border border-primary text-primary" id="compare_to" name="compare_to" onchange="$('#vals_form').submit()">
+                  <button type="button" class="btn btn-info me-2 rounded" data-bs-toggle="modal" data-bs-target="#save_modal">Save</button>
+                  <button type="submit" class="disabled btn btn-info rounded-start" onClick="$('#vals_form').submit() disabled">Compare to:</button>
+                  <select class="form-select border border-info text-info" id="compare_to" name="compare_to" onchange="$('#vals_form').submit()">
                     {% for el in finance['COMP_SETS'] %}
                         <option value="{{el[0]}}">{{el[1]}}</option>
                     {% endfor %}
@@ -305,7 +305,7 @@
           </div>
           <div class="modal-footer">
             <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
-            <button type="button" class="btn btn-primary"
+            <button type="button" class="btn btn-info"
                 onClick="
                     vars['name']=$('#save_name').val();
                     $.ajax( {