Shared colors

site/src/index.hbs

@@ -10,8 +10,8 @@ head:
   <blockquote id='tagline' class='text-right plain'>
     <p>A high-performance, feature-packed library for all your mapping needs.</p>
   </blockquote>
-  <div class='row'>
-    <div id='news' class='col-sm-12'>
+  <div class='row' id='news'>
+    <div class='col-sm-12'>
       <h1 class='topic'><i class='fa fa-rss'></i> Latest</h1>
       <p><strong>OpenLayers <a href="/download/">{{ version }}</a> is here!</strong> Check out the <a href="/doc/">docs</a> and the <a href="/en/latest/examples/">examples</a> to get started. The full distribution can be downloaded from the <a href="/download/">release page</a>.</p>
     </div>

site/src/theme/index.css

@@ -23,12 +23,9 @@
 }
 
 #news {
-  clear: both;
-  border: 1px solid #eee;
-  background-color: #f8f8f8;
+  background-color: var(--ol-accent-background-color);
   border-radius: 4px;
-  padding: 1rem 1rem 0;
-  margin: 0 1rem 0 1rem;
+  padding: 1rem 0 0;
 }
 
 #news h1 {
@@ -51,7 +48,3 @@ img.thumb {
 .over .ol-overlaycontainer-stopevent {
   opacity: 1;
 }
-
-ul.sponsors {
-  background-color: #f8f8f8;
-}

site/src/theme/site.css

@@ -65,16 +65,6 @@ footer a:focus {
   text-decoration: underline;
 }
 
-pre[class*="language-"] {
-  background: #FFFFFF;
-  font-size: 87.5%;
-}
-
-pre {
-  border: 1px solid #eee;
-  border-radius: 0;
-}
-
 .navbar {
   background-color: var(--ol-foreground-color);
   color: var(--ol-background-color);