add osm files + maj CSS colors and hyperlink + title alignement (centered)

themes/beautifulhugo/static/css/main.css

@@ -12,8 +12,8 @@ body {
 }
 @media (prefers-color-scheme: dark) {
   body {
-    background: black;
-    color: white;
+    background: #F5F5F5;
+    color: black;
   }
 }
 .container[role=main] {
@@ -31,6 +31,7 @@ body {
 p {
   line-height: 1.5;
   margin: 6px 0;
+  text-align: center;
 }
 p + p {
     margin: 24px 0 6px 0;
@@ -48,6 +49,7 @@ p a {
 h1,h2,h3,h4,h5,h6 {
   font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-weight: 800;
+  text-align: center;
 }
 a {
   color: #008AFF;
@@ -162,7 +164,7 @@ figure:not(.dark) img, img.white {
 }
 @media (prefers-color-scheme: dark) {
   .navbar-custom {
-    background: #505050;
+    background: #F5F5F5;
     border-bottom: 1px solid #AAA;
   }
 }
@@ -337,7 +339,7 @@ figure:not(.dark) img, img.white {
 }
 @media (prefers-color-scheme: dark) {
   .navbar-custom .nav .navlinks-container:hover {
-    background: #666;
+    background: #F5F5F5;
   }
   .navbar-custom .nav .navlinks-container .navlinks-children a {
     border: 1px solid #AAA;
@@ -358,8 +360,7 @@ footer {
 }
 
 footer a {
-  color: #404040;
-
+  color: #F5F5F5;
 }
 
 footer .list-inline {
@@ -390,7 +391,7 @@ footer .theme-by {
 
 @media (prefers-color-scheme: dark) {
   footer {
-    background: #444;
+    background: #F5F5F5;
     border-top: 1px #AAA solid;
   }
   footer a {
@@ -910,7 +911,7 @@ h4.see-also {
     color: #ccc;
   }
   .well {
-    background-color: #444;
+    background-color: #ccc;
   }
   .panel {
     background-color: #222;