[PR #8] [MERGED] Bootstrap v4 #16

New Issue

2026-02-16T12:42:36-05:00

yindo commented

2026-02-16 12:42:36 -05:00

📋 Pull Request Information

Original PR: https://github.com/go-gitea/theme/pull/8
Author: @metalmatze
Created: 12/6/2016
Status: ✅ Merged
Merged: 12/7/2016
Merged by: @tboerger

Base: master ← Head: bootstrap-v4

📝 Commits (10+)

1e8922c Added basic templates
23983da Added basic bootstrap stylesheets
0c1afd2 Added gitea logo
1248c74 Added used archetypes
5eba624 Added some translations
bd83789 Dropped tags from theme config
097f73c Remove partial that's only included once
01e5350 Rename static/styles/main.css to src/main.scss
d8a4fcf npm init & start building scss to css with gulp
82bd9f9 Create colors.scss which sets all our color variables

📊 Changes

30 files changed (+439 additions, -30 deletions)

View changed files

➕ .gitignore (+2 -0)
➕ archetypes/default.md (+6 -0)
➕ archetypes/docs.md (+8 -0)
➕ archetypes/page.md (+8 -0)
➕ archetypes/post.md (+8 -0)
➕ gulpfile.js (+17 -0)
➕ i18n/de.yaml (+29 -0)
➕ i18n/en.yaml (+32 -0)
📝 layouts/404.html (+8 -3)
📝 layouts/_default/list.html (+0 -0)
📝 layouts/_default/single.html (+12 -3)
➕ layouts/docs/list.html (+0 -0)
➕ layouts/docs/single.html (+15 -0)
📝 layouts/index.html (+13 -3)
➕ layouts/page/list.html (+0 -0)
➕ layouts/page/single.html (+15 -0)
📝 layouts/partials/footer.html (+30 -1)
📝 layouts/partials/header.html (+19 -18)
📝 layouts/partials/menu.html (+2 -0)
📝 layouts/partials/navbar.html (+12 -1)

...and 10 more files

📄 Description

Further improved what @tboerger already started.
I migrated everything from bootstrap v3 to v4. We want to use flexbox and be future prove 😊

Additionally I integrated gulp to compile our scss to css.
This becomes especially handy when importing bootstrap from within scss to set our own variables before compiling bootstrap's scss to css. We bascially build our own gitea flavor. 🎉

I don't use webpack because we don't do anything fancy with JS, just scss (css).

This is by far not done at all. It's just a start so we have something to look at already! 😉

Some screenshots of HD & iPhone 6 Resolutions.

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/go-gitea/theme/pull/8 **Author:** [@metalmatze](https://github.com/metalmatze) **Created:** 12/6/2016 **Status:** ✅ Merged **Merged:** 12/7/2016 **Merged by:** [@tboerger](https://github.com/tboerger) **Base:** `master` ← **Head:** `bootstrap-v4` --- ### 📝 Commits (10+) - [`1e8922c`](https://github.com/go-gitea/theme/commit/1e8922c0ef9fb3623fab0689f22d454a417e9d8c) Added basic templates - [`23983da`](https://github.com/go-gitea/theme/commit/23983da484acaae23bf41ee6d25b2e69e578c831) Added basic bootstrap stylesheets - [`0c1afd2`](https://github.com/go-gitea/theme/commit/0c1afd293a3d18d0cfd1e9e56d9d50b97c7c174f) Added gitea logo - [`1248c74`](https://github.com/go-gitea/theme/commit/1248c7419d065c8c312cb3a7124a184be90a07f3) Added used archetypes - [`5eba624`](https://github.com/go-gitea/theme/commit/5eba6240d7adb4c2233c4ea2550e39e7c5d04768) Added some translations - [`bd83789`](https://github.com/go-gitea/theme/commit/bd83789c7bbb07258d36a3f7603fce22d633d396) Dropped tags from theme config - [`097f73c`](https://github.com/go-gitea/theme/commit/097f73c3cd278076dee2128d030c34a1fe8dc296) Remove partial that's only included once - [`01e5350`](https://github.com/go-gitea/theme/commit/01e53500fc5122c1f7c9552263186171f6efad50) Rename static/styles/main.css to src/main.scss - [`d8a4fcf`](https://github.com/go-gitea/theme/commit/d8a4fcfb419c177639b2f942762206a406db12ce) npm init & start building scss to css with gulp - [`82bd9f9`](https://github.com/go-gitea/theme/commit/82bd9f9cd5794c0b859a0c93a05e73c56a1923e7) Create colors.scss which sets all our color variables ### 📊 Changes **30 files changed** (+439 additions, -30 deletions) <details> <summary>View changed files</summary> ➕ `.gitignore` (+2 -0) ➕ `archetypes/default.md` (+6 -0) ➕ `archetypes/docs.md` (+8 -0) ➕ `archetypes/page.md` (+8 -0) ➕ `archetypes/post.md` (+8 -0) ➕ `gulpfile.js` (+17 -0) ➕ `i18n/de.yaml` (+29 -0) ➕ `i18n/en.yaml` (+32 -0) 📝 `layouts/404.html` (+8 -3) 📝 `layouts/_default/list.html` (+0 -0) 📝 `layouts/_default/single.html` (+12 -3) ➕ `layouts/docs/list.html` (+0 -0) ➕ `layouts/docs/single.html` (+15 -0) 📝 `layouts/index.html` (+13 -3) ➕ `layouts/page/list.html` (+0 -0) ➕ `layouts/page/single.html` (+15 -0) 📝 `layouts/partials/footer.html` (+30 -1) 📝 `layouts/partials/header.html` (+19 -18) 📝 `layouts/partials/menu.html` (+2 -0) 📝 `layouts/partials/navbar.html` (+12 -1) _...and 10 more files_ </details> ### 📄 Description Further improved what @tboerger already started. I migrated everything from bootstrap v3 to v4. We want to use flexbox and be future prove 😊 Additionally I integrated gulp to compile our scss to css. This becomes especially handy when importing bootstrap from within scss to set our own variables before compiling bootstrap's scss to css. We bascially build our own _gitea_ flavor. 🎉 I don't use webpack because we don't do anything fancy with JS, just scss (css). This is by far not done at all. It's just a start so we have something to look at already! 😉 Some screenshots of HD & iPhone 6 Resolutions. ![hd](https://cloud.githubusercontent.com/assets/872251/20946768/736ed07e-bc0c-11e6-992f-118398de1a78.png) ![iphone](https://cloud.githubusercontent.com/assets/872251/20946803/9b97bac0-bc0c-11e6-804e-7e299e849900.png) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

yindo added the pull-request label 2026-02-16 12:42:36 -05:00

yindo closed this issue

2026-02-16 12:42:36 -05:00

yindo referenced this issue

2026-02-16 12:42:37 -05:00

[PR #16] [MERGED] Additional changes and cleanup #23

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: go-gitea/theme#16