PHPackages                             buxin/apple-theme - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. buxin/apple-theme

ActiveFlarum-extension

buxin/apple-theme
=================

An iOS-style Apple design theme for Flarum.

v1.0.3(today)04↑2900%MITLess

Since Jul 31Pushed todayCompare

[ Source](https://github.com/BUXIN-A/flarum-apple-theme)[ Packagist](https://packagist.org/packages/buxin/apple-theme)[ Docs](https://github.com/BUXIN-A/flarum-apple-theme)[ RSS](/packages/buxin-apple-theme/feed)WikiDiscussions main Synced today

READMEChangelog (4)Dependencies (1)Versions (4)Used By (0)

Apple Theme — Flarum 苹果风格主题
===========================

[](#apple-theme--flarum-苹果风格主题)

一个 iOS 设计语言的 Flarum 2.x 主题扩展，将论坛界面转换为 Apple 风格 —— 毛玻璃导航栏、SF 字体体系、弹簧动画、轻质感卡片、深浅双模式。

特性
--

[](#特性)

- **iOS 色彩体系** — 完整 SF 色彩系统，主色 `#007AFF`
- **毛玻璃效果** — 导航栏、侧边栏、模态框使用 `backdrop-filter` 毛玻璃
- **SF 字体** — `-apple-system` / SF Pro 字体栈
- **圆角体系** — 卡片 16px、按钮 12px、头像圆形、标签胶囊
- **深浅双模式** — 自动跟随系统 `prefers-color-scheme` 切换
- **弹簧动画** — `cubic-bezier(0.34, 1.56, 0.64, 1.0)` 缓动
- **无障碍支持** — `prefers-reduced-motion` 减少动效
- **4pt 网格** — 统一间距体系

安装
--

[](#安装)

### 1. 下载扩展

[](#1-下载扩展)

将本项目放置到 Flarum 的 `extensions/` 目录：

```
cd /path/to/flarum/extensions
git clone https://github.com/BUXIN-A/flarum-apple-theme.git
```

### 2. 安装依赖并构建 JS

[](#2-安装依赖并构建-js)

```
cd flarum-apple-theme/js
npm install
npm run build
```

### 3. 启用扩展

[](#3-启用扩展)

```
cd /path/to/flarum
php flarum extension enable buxin/apple-theme
```

或在 Flarum 管理后台的扩展列表中找到 **Apple Theme**（位于"主题"分类）并启用。

开发
--

[](#开发)

### 样式

[](#样式)

- `less/forum.less` — 论坛前端样式
- `less/admin.less` — 管理后台样式

### JS 构建

[](#js-构建)

在 `js/` 目录下运行：

```
npm run dev     # 开发模式构建
npm run watch   # 监听模式构建
npm run build   # 生产模式构建
```

目录结构
----

[](#目录结构)

```
flarum-apple-theme/
├── composer.json          # 扩展元数据
├── extend.php             # 前端资源注册
├── less/
│   ├── forum.less         # 论坛主题样式
│   └── admin.less         # 管理后台样式
└── js/
    ├── package.json
    ├── webpack.config.js
    └── src/admin/
        └── index.js       # 管理后台 JS 入口

```

设计规范
----

[](#设计规范)

元素值主色`#007AFF`字体`-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif`毛玻璃`backdrop-filter: saturate(180%) blur(20px)`卡片圆角`16px`按钮圆角`12px`动画`cubic-bezier(0.34, 1.56, 0.64, 1.0)`间距4pt 网格兼容性
---

[](#兼容性)

- Flarum `^2.0`

许可
--

[](#许可)

[MIT](LICENSE)

###  Health Score

38

—

LowBetter than 83% of packages

Maintenance100

Actively maintained with recent releases

Popularity5

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity35

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~0 days

Total

4

Last Release

0d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/048f8e6dbe6d0ec143c9d950c21899115edfbe04e144df95f8392d64c4472b6a?d=identicon)[BUXIN-A](/maintainers/BUXIN-A)

---

Top Contributors

[![BUXIN-A](https://avatars.githubusercontent.com/u/128289085?v=4)](https://github.com/BUXIN-A "BUXIN-A (6 commits)")

---

Tags

themedesignappleiosflarum

### Embed Badge

![Health badge](/badges/buxin-apple-theme/health.svg)

```
[![Health](https://phpackages.com/badges/buxin-apple-theme/health.svg)](https://phpackages.com/packages/buxin-apple-theme)
```

###  Alternatives

[flarum-lang/russian

Russian language pack for Flarum.

13129.1k](/packages/flarum-lang-russian)[flarum-lang/french

French language pack to localize the Flarum forum software plus its official and third-party extensions.

1941.0k](/packages/flarum-lang-french)[fof/discussion-language

Specify the language a discussion is written in & sort by language

1034.8k7](/packages/fof-discussion-language)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)