diff --git a/templates/base/footer_content.tmpl b/templates/base/footer_content.tmpl
index 80b59195f..f28e9a967 100644
--- a/templates/base/footer_content.tmpl
+++ b/templates/base/footer_content.tmpl
@@ -1,37 +1,66 @@
 <footer>
-	<div class="ui container">
-		<div class="ui left">
-			{{if (or .ShowFooterVersion .PageIsAdmin)}}
-				{{.i18n.Tr "powered_by" "Gitea"}}
-				{{.i18n.Tr "version"}}:
-				{{if .IsAdmin}}
-					<a href="{{AppSubUrl}}/admin/config">{{AppVer}}</a>
-				{{else}}
-					{{AppVer}}
+	<div class="grid">
+		<div class="branding not-mobile">
+			<img src="https://design.codeberg.org/logo-kit/icon_inverted.svg">
+		</div>
+		<div>
+			<b>Codeberg</b>
+			<ul>
+				<li><a href="https://docs.codeberg.org" target="_blank">Documentation</a></li>
+				<li><a href="/Codeberg/Community/issues">Community Issues</a></li>
+				{{if .IsSigned}}
+					<li><a href="/about">Landing Page</a></li>
+				{{end}}
+				{{if .EnableSwagger}}
+					<li><a href="{{AppSubUrl}}/api/swagger">API</a></li>
 				{{end}}
-			{{end}}
-			{{if and .TemplateLoadTimes ShowFooterTemplateLoadTime}}
-				{{.i18n.Tr "page"}}: <strong>{{LoadTimes .PageStartTime}}</strong>
-				{{.i18n.Tr "template"}}
-				{{if .TemplateName}} {{.TemplateName}}{{end}}: <strong>{{call .TemplateLoadTimes}}</strong>
-			{{end}}
+				<li><a href="https://docs.{{AppDomain}}/contact/#abuse" target="_blank">Report Abuse</a>
+			</ul>
+		</div>
+		<div>
+			<b>Codeberg e.V.</b>
+			<ul>
+				<li><a href="https://docs.codeberg.org/getting-started/what-is-codeberg/#what-is-codeberg-e.v.%3F" target="_blank">What is that?</a></li>
+				<li><a href="/codeberg/org/src/en/bylaws.md" target="_blank">Bylaws/Satzung</a></li>
+				<li><a href="https://docs.codeberg.org/improving-codeberg/#donate-to-codeberg" target="_blank">Donate</a></li>
+				<li><a href="https://join.codeberg.org" target="_blank">Join / Support</a></li>
+				<li><a href="https://docs.codeberg.org/contact/" target="_blank">Contact</a></li>
+			</ul>
+		</div>
+		<div>
+			<b>Service</b>
+			<ul>
+				<li><a href="https://codeberg.page" target="_blank">Codeberg Pages</a></li>
+				<li><a href="https://translate.codeberg.org" target="_blank">Weblate Translations</a></li>
+				<li><a href="/Codeberg-CI/request-access/issues" target="_blank">Woodpecker CI</a></li>
+				<li><a href="https://status.codeberg.eu" target="_blank">Status Page</a></li>
+			</ul>
 		</div>
-		<div class="ui right links">
-			{{if .ShowFooterBranding}}
-				<a target="_blank" rel="noopener noreferrer" href="https://github.com/go-gitea/gitea">{{svg "octicon-mark-github"}}<span class="sr-only">GitHub</span></a>
-			{{end}}
-			<div class="ui language bottom floating slide up dropdown link item">
-				{{svg "octicon-globe"}}
-				<div class="text">{{.i18n.LangName}}</div>
-				<div class="menu language-menu">
-					{{range .AllLangs}}
-						<a lang="{{.Lang}}" data-url="{{AppSubUrl}}/?lang={{.Lang}}" class="item {{if eq $.i18n.Lang .Lang}}active selected{{end}}">{{.Name}}</a>
-					{{end}}
-				</div>
+		<div>
+			<b>Legal</b>
+			<ul>
+				<li><a href="/codeberg/org/src/Imprint.md" target="_blank">Imprint/Impressum</a></li>
+				<li><a href="/codeberg/org/src/PrivacyPolicy.md" target="_blank">Privacy Policy</a></li>
+				<li><a href="{{AssetUrlPrefix}}/js/licenses.txt">{{.i18n.Tr "licenses"}}</a></li>
+				<li><a href="/codeberg/org/src/TermsOfUse.md">Terms of Use</a></li>
+			</ul>
+		</div>
+	</div>
+	<center>
+		<a href="https://blog.codeberg.org" target="_blank">Blog</a> |
+		<a href="https://social.anoxinon.de/@Codeberg" target="_blank" rel="noopener noreferrer">Mastodon</a> |
+		<a href="https://matrix.to/#/#codeberg-space:matrix.org" target="_blank" rel="noopener noreferrer">Matrix Space</a> |
+		<a href="https://twitter.com/codeberg_org" target="_blank" rel="noopener noreferrer">Twitter</a>
+	</center>
+	<div class="ui right">
+		<div class="ui language bottom floating slide up dropdown link item button">
+			{{svg "octicon-globe"}}
+			<div class="text">{{.i18n.LangName}}</div>
+			<div class="menu language-menu">
+				{{range .AllLangs}}
+					<a lang="{{.Lang}}" data-url="{{AppSubUrl}}/?lang={{.Lang}}" class="item {{if eq $.i18n.Lang .Lang}}active selected{{end}}">{{.Name}}</a>
+				{{end}}
 			</div>
-			<a href="{{AssetUrlPrefix}}/js/licenses.txt">{{.i18n.Tr "licenses"}}</a>
-			{{if .EnableSwagger}}<a href="{{AppSubUrl}}/api/swagger">API</a>{{end}}
-			{{template "custom/extra_links_footer" .}}
 		</div>
 	</div>
 </footer>
diff --git a/web_src/less/_base.less b/web_src/less/_base.less
index eeb0fe35e..bef38dcd2 100644
--- a/web_src/less/_base.less
+++ b/web_src/less/_base.less
@@ -122,7 +122,8 @@
   --color-text-light-3: #a0a0a0;
   --color-box-header: #f7f7f7;
   --color-box-body: #ffffff;
-  --color-footer: #ffffff;
+  --color-footer: #B5DDFF;
+  --color-footer-text: var(--color-text-light);
   --color-timeline: #ececec;
   --color-input-text: #212121;
   --color-input-background: #ffffff;
@@ -1272,25 +1273,37 @@ a.ui.card:hover,
 
 footer {
   background-color: var(--color-footer);
-  border-top: 1px solid var(--color-secondary);
   width: 100%;
-  flex-basis: 40px;
-  color: var(--color-text-light);
+  color: var(--color-footer-text);
+  font-weight: 400;
+  padding: 10px;
 
-  .container {
-    width: 100vw !important;
-    padding: 0 .5rem;
-    max-width: calc(100vw - 1rem) !important;
+  .grid {
+    display: grid;
+    grid-gap: 40px 20px;
+    padding: 30px;
+    @media @mediaMdAndUp {
+      grid-template-columns: 2fr repeat(4, 3fr);
+    }
+    a, ul {
+      list-style-type: none;
+      padding: 0;
+      margin: 0;
+      margin-top: 15px;
+      line-height: 2em;
+    }
+  }
 
-    .links > * {
-      border-left: 1px solid var(--color-secondary);
-      padding-left: 8px;
-      margin-left: 5px;
+  .branding img {
+    width: 100px;
+  }
 
-      &:first-child {
-        border-left: 0;
-      }
-    }
+  * a {
+    color: inherit;
+  }
+
+  * b {
+    font-size: 2em;
   }
 
   .ui.language {
@@ -1300,17 +1313,9 @@ footer {
       margin-bottom: 7px;
     }
 
-    .svg {
+    .svg, .text {
       margin-right: .15em;
-      vertical-align: top;
-      margin-top: calc(2em - 16px);
-    }
-  }
-
-  .ui {
-    &.left,
-    &.right {
-      line-height: 40px;
+      vertical-align: middle;
     }
   }
 }
diff --git a/web_src/less/themes/codeberg/base-brand.less b/web_src/less/themes/codeberg/base-brand.less
index f4be3a5ae..8afc3856d 100644
--- a/web_src/less/themes/codeberg/base-brand.less
+++ b/web_src/less/themes/codeberg/base-brand.less
@@ -1,3 +1,12 @@
+:root {
+	--color-footer: #144B49;
+	--color-footer-text: #ffffff;
+}
+
+footer .button:hover {
+		--color-hover: #73CCC6;
+	}
+
 .following.bar, #navbar {
     /* Change navbar color scheme to match Codeberg's brand */
     background-color: var(--color-primary);
diff --git a/web_src/less/themes/theme-codeberg-light.less b/web_src/less/themes/theme-codeberg-light.less
index c53ba9640..bc04e4b27 100644
--- a/web_src/less/themes/theme-codeberg-light.less
+++ b/web_src/less/themes/theme-codeberg-light.less
@@ -1,3 +1,9 @@
 /* Basic styles for Codeberg */
 @import "codeberg/base-brand.less";
 
+footer, .codeberg {
+	--color-text-light-2: #73CCC6;
+	* a:hover {
+		color: var(--color-text-light-2) !important;
+	}
+}