Fix styles

5 files changed, 73 insertions, 2 deletions

diff --git a/assets/sass/main-blue.scss b/assets/sass/main-blue.scss
index 9c79334..9c7c245 100644
--- a/assets/sass/main-blue.scss
+++ b/assets/sass/main-blue.scss
@@ -13,3 +13,8 @@ $dark:#6c757d;
 
 // Bootstrap
 @import "./bootstrap/bootstrap";
+
+// Shared styles overrides
+@import "main2.scss";
+
+.navbar-light { background-color: rgba(0,0,0,.03)!important; }
diff --git a/assets/sass/main-dark.scss b/assets/sass/main-dark.scss
index 788a603..738b2aa 100644
--- a/assets/sass/main-dark.scss
+++ b/assets/sass/main-dark.scss
@@ -7,7 +7,7 @@ $info:#17a2b8;
 $warning:#ffc107;
 $light:#a9a9b3;
 $dark:#252627;
-$body-bg:$dark;
+$body-bg:$primary; // $dark
 $body-color:#a9a9b3;
 $white:#a9a9b3;
 $black:#252627;
@@ -15,10 +15,28 @@ $link-color:#f0f0f0;
 $link-hover-color:darken($link-color,20%);
 $navbar-dark-hover-color:$white;
 $card-border-color:rgba($black, 0.6);
-$card-bg:lighten($body-bg, 5%);
+$card-bg:lighten($dark, 5%);
 
 // Shared styles
 @import "main.scss";
 
 // Bootstrap
 @import "./bootstrap/bootstrap";
+
+// Shared styles overrides
+@import "main2.scss";
+
+.navbar-light { background-color: #252627!important; }
+
+.dropdown-menu { background-color: #252627!important; }
+.dropdown-item { color: #a9a9b3!important; background-color: #252627!important; }
+
+.page-item.active .page-link {
+    color: #fff;
+    background-color: #333;
+    border-color: #333;
+}
+
+pre { color: #fff; }
+
+a.badge { color: #212529; }
diff --git a/assets/sass/main-default.scss b/assets/sass/main-default.scss
index 6eab1ec..878f2c3 100644
--- a/assets/sass/main-default.scss
+++ b/assets/sass/main-default.scss
@@ -5,3 +5,8 @@
 
 // Bootstrap
 @import "./bootstrap/bootstrap";
+
+// Shared styles overrides
+@import "main2.scss";
+
+.navbar-light { background-color: rgba(0,0,0,.03)!important; }
diff --git a/assets/sass/main-light.scss b/assets/sass/main-light.scss
index 0c341b2..078331c 100644
--- a/assets/sass/main-light.scss
+++ b/assets/sass/main-light.scss
@@ -7,9 +7,36 @@ $info:#17a2b8;
 $warning:#ffc107;
 $light:#f8f9fa;
 $dark:#6c757d;
+$body-bg:#f4f4f4;
 
 // Shared styles
 @import "main.scss";
 
 // Bootstrap
 @import "./bootstrap/bootstrap";
+
+// Shared styles overrides
+@import "main2.scss";
+
+a:hover { text-decoration: none; }
+
+.navbar-light { background-color: #fff!important; }
+
+body { background-color: #f4f4f4; }
+
+a { border-bottom: dotted 2px rgba(160,160,160,.65); }
+a:link { border-bottom: dotted 2px rgba(160,160,160,.65); }
+a:visited { border-bottom: dotted 2px rgba(160,160,160,.65); }
+a:hover { border-bottom: solid 2px rgba(160,160,160,.65); }
+a:active { border-bottom: solid 2px rgba(160,160,160,.65); }
+.navbar-light .navbar-brand { border-bottom: 0px; }
+.navbar-light .navbar-brand:hover { border-bottom: 0px; } 
+.navbar-light .navbar-nav .nav-link { border-bottom: 0px; }
+.dropdown-menu .dropdown-item { border-bottom: 0px; }
+h1 a { border-bottom: 0px; }
+h1 a:link  { border-bottom: 0px; }
+a.fab { border-bottom: 0px; }
+a.fas { border-bottom: 0px; }
+a.badge { border-bottom: 0px; }
+a.page-link { border-bottom: 1px solid rgba(160,160,160,.65); }
+a.badge:hover { color: $body-bg; }
diff --git a/assets/sass/main2.scss b/assets/sass/main2.scss
new file mode 100644
index 0000000..56ae08b
--- /dev/null
+++ b/assets/sass/main2.scss
@@ -0,0 +1,16 @@
+blockquote { border-left: 2px solid #6c757d; padding-left: 10px; margin-top: 2rem; margin-bottom: 2rem; }
+
+figure > img {
+    display: block;
+    max-width: 100%;
+    width: auto;
+    height: auto;
+}
+
+.gridcards > div.col > div.card > div.card-body > h1.card-title { font-size: 1.5rem!important; }
+
+div.highlight > pre { padding: 0.5rem; }
+
+/* Revert v5 links */
+a { text-decoration: none; }
+a:hover { text-decoration: underline; }