Use our panel types for the default style instead of panel-default

flaskbb/themes/aurora/src/flaskbb.scss

@@ -168,6 +168,7 @@ body {
 }
 
 
+
 // default values for the panels
 .category-panel, .forum-panel, .topic-panel, .page-panel {
     border: 1px solid $panel-border;
@@ -176,6 +177,25 @@ body {
         background-color: $panel-head-background;
         font-weight: bold;
     }
+    & > .panel-heading {
+      color: #333;
+      background-color: $panel-head-background;
+      border-color: $panel-border;
+    }
+
+    & > .panel-heading + .panel-collapse > .panel-body {
+      border-top-color: $panel-border;
+    }
+
+    & > .panel-heading .badge {
+      color: $panel-head-background;
+      background-color: #333;
+    }
+
+    & > .panel-footer + .panel-collapse > .panel-body {
+      border-bottom-color: $panel-border;
+    }
+
 }
 
 .category-body, .forum-body, .topic-body, .page-body {
@@ -211,6 +231,7 @@ body {
     .post-row {
         background: $author-box-background;
         margin-top: 0;
+        padding-top: 0;
         padding-bottom: 0;
         &:not(:last-child) {
             border-bottom: 1px solid $topic-border;

flaskbb/themes/aurora/templates/forum/category_layout.html

@@ -1,4 +1,4 @@
-<div class="panel panel-default category-panel">
+<div class="panel category-panel">
     <div class="panel-heading category-head">
         <a href="{{ category.url }}">{{ category.title }}</a>
     </div>

flaskbb/themes/aurora/templates/forum/edit_forum.html

@@ -21,7 +21,7 @@
             </div> <!-- end span pagination -->
         </div>
 
-        <div class="panel panel-default forum-panel">
+        <div class="panel forum-panel">
             <div class="panel-heading forum-head">
                 <a href="{{ forum.url }}">{{ forum.title }}</a>
             </div>

flaskbb/themes/aurora/templates/forum/forum.html

@@ -39,7 +39,7 @@
         {% endif %}
     </div>
 
-    <div class="panel panel-default forum-panel">
+    <div class="panel forum-panel">
         <div class="panel-heading forum-head">
             <a href="{{ forum.url }}">{{ forum.title }}</a>
         </div>

flaskbb/themes/aurora/templates/forum/index.html

@@ -6,7 +6,7 @@
         {% include theme("forum/category_layout.html") %}
     {% endfor %}
 
-    <div class="panel panel-default page-panel">
+    <div class="panel page-panel">
         <div class="panel-heading page-head">
             {% trans %}Board Statistics{% endtrans %}
             [<a href="{{ url_for('forum.who_is_online') }}" onclick="window.open(this.href, 'wio_window','width=500,height=500'); return false;">{% trans %}Who is online?{% endtrans %}</a>]

flaskbb/themes/aurora/templates/forum/memberlist.html

@@ -31,7 +31,7 @@
         </div>
     </div>
 
-    <div class="panel panel-default page-panel">
+    <div class="panel page-panel">
         <div class="panel-heading page-head">
             <a href="{{ url_for('forum.memberlist') }}">{% trans %}Memberlist{% endtrans %}</a>
         </div>

flaskbb/themes/aurora/templates/forum/new_post.html

@@ -20,7 +20,7 @@
 
     <form class="form-horizontal" role="form" method="post">
         {{ form.hidden_tag() }}
-        <div class="panel panel-default page-panel">
+        <div class="panel page-panel">
             <div class="panel-heading page-head">
                 {% trans %}New Post{% endtrans %}
             </div>

flaskbb/themes/aurora/templates/forum/new_topic.html

@@ -20,7 +20,7 @@
 
     <form class="form-horizontal" role="form" method="post">
         {{ form.hidden_tag() }}
-        <div class="panel panel-default page-panel">
+        <div class="panel page-panel">
             <div class="panel-heading page-head">
                 {% trans %}New Topic{% endtrans %}
             </div>

flaskbb/themes/aurora/templates/forum/search_form.html

@@ -10,7 +10,7 @@
         <li class="active">{% trans %}Search{% endtrans %}</li>
     </ol>
 
-    <div class="panel panel-default page-panel">
+    <div class="panel page-panel">
         <div class="panel-heading page-head">
             {% trans %}Search{% endtrans %}
         </div>

flaskbb/themes/aurora/templates/forum/search_result.html

@@ -11,7 +11,7 @@
     </ol>
 
     {% if result['post'] %}
-    <div class="panel panel-default topic-panel">
+    <div class="panel topic-panel">
         <div class="panel-heading topic-head">
             {% trans %}Posts{% endtrans %}
         </div>

flaskbb/themes/aurora/templates/forum/topic.html

@@ -19,7 +19,7 @@
 
     {% include theme('forum/topic_controls.html') %}
 
-    <div class="panel panel-default topic-panel">
+    <div class="panel topic-panel">
         <div class="panel-heading topic-head">
             <a href="{{ topic.url }}">{{ topic.title }}</a>
         </div>

flaskbb/themes/aurora/templates/forum/topictracker.html

@@ -21,7 +21,7 @@
             </div> <!-- end span pagination -->
         </div>
 
-        <div class="panel panel-default forum-panel">
+        <div class="panel forum-panel">
             <div class="panel-heading forum-head">
                 <a href="{{ url_for('forum.topictracker') }}">{% trans %}Topic Tracker{% endtrans %}</a>
             </div>

flaskbb/themes/aurora/templates/user/all_posts.html

@@ -17,7 +17,7 @@
         </div>
     </div>
 
-    <div class="panel panel-default page-panel">
+    <div class="panel page-panel">
         <div class="panel-heading page-head">
             {% trans user=user.username %}All Posts created by {{user}}{% endtrans %}
         </div>

flaskbb/themes/aurora/templates/user/all_topics.html

@@ -17,7 +17,7 @@
         </div>
     </div>
 
-    <div class="panel panel-default forum-panel">
+    <div class="panel forum-panel">
         <div class="panel-heading forum-head">
             {% trans user=user.username %}All Topics created by {{user}}{% endtrans %}
         </div>

flaskbb/themes/aurora/templates/user/profile.html

@@ -9,7 +9,7 @@
     <div class="row">
         <!-- left column -->
         <div class="col-md-2 col-sm-3 col-xs-12">
-            <div class="panel panel-default page-panel">
+            <div class="panel page-panel">
                 <div class="panel-heading page-head">
                     <a href="{{ user.url }}">{{ user.username }}</a>
                 </div>
@@ -51,7 +51,7 @@
 
         <!-- middle column -->
         <div class="col-md-7 col-sm-5 col-xs-12">
-            <div class="panel panel-default page-panel">
+            <div class="panel page-panel">
                 <div class="panel-heading page-head">{% trans %}Info{% endtrans %}</div>
                 <div class="panel-body page-body">
                     <div class="col-md-12 col-sm-12 col-xs-12 profile-field">
@@ -65,7 +65,7 @@
             </div> <!-- end profile widget -->
 
             {% if user.signature %}
-            <div class="panel panel-default page-panel">
+            <div class="panel page-panel">
                 <div class="panel-heading page-head">{% trans %}Signature{% endtrans %}</div>
                 <div class="panel-body page-body">
                     <div class="col-md-12 col-sm-12 col-xs-12 profile-field">
@@ -79,7 +79,7 @@
 
         <!-- right column -->
         <div class="col-md-3 col-sm-4 col-xs-12">
-            <div class="panel panel-default page-panel">
+            <div class="panel page-panel">
                 <div class="panel-heading page-page">{% trans %}User Stats{% endtrans %}</div>
                 <div class="panel-body page-body">