Align main website (gitea.io) with new theme (#97)

- Align navbar colors
- Reduce vertical white space between screenshot and banner
- Align banner colors
- Updated screenshot (not visible in the preview, please see the file in the diff)

Co-authored-by: pat-s <patrick.schratz@gmail.com>
Reviewed-on: https://gitea.com/gitea/theme/pulls/97
Reviewed-by: 6543 <6543@obermui.de>
Reviewed-by: Alexey 〒erentyev <axifive@noreply.gitea.io>
Co-authored-by: pat-s <pat-s@noreply.gitea.io>
Co-committed-by: pat-s <pat-s@noreply.gitea.io>

src/main.scss

@@ -7,7 +7,7 @@
 @import '../node_modules/bulmaswatch/flatly/overrides';
 
 .homepage-hero{
-  height: 100vh;
+  padding-bottom: 100px;
   min-height: 700px;
   overflow: hidden;
 
@@ -34,7 +34,7 @@
     height: 36px;
     vertical-align: middle;
     padding-right: 5px;
-    fill: #fff;
+    fill: #333;
   }
 
   a{
@@ -206,10 +206,19 @@ code {
   color: #fff;
 }
 
-.hero.is-primary {
+.button.is-light {
   background-color: #f4f4f4;
 }
 
+.hero.is-primary .navbar {
+  background-color: #f4f4f4;
+  color: #333;
+}
+
+.hero.is-primary {
+  background-color: white;
+}
+
 .hero.is-primary .title {
   color: #333;
 }
@@ -219,9 +228,30 @@ code {
 }
 
 .hero.is-link {
+  background-color: #f4f4f4;
+  color: #333;
+}
+
+.hero.is-link .subtitle {
   color: #333;
 }
 
 .feature-shoutout a {
-  color: black !important;
+  color: #528321 !important;
+}
+
+.hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active, .hero.is-primary .navbar-link:hover, .hero.is-primary .navbar-link.is-active {
+  background-color: #e5eaec;
+}
+
+.hero-body {
+  padding: 2rem 1rem;
+}
+
+.homepage-hero .hero-foot img {
+  max-width: 100vw;
+  width: 1000px;
+  border: 1px solid black;
+  display: block;
+  margin: 0 auto;
 }