TabRe News là giao diện phẳng, sạch dành cho diễn đàn công nghệ và tin tức trên FlatBB: nền xám trung tính, panel trắng, đường kẻ hairline, avatar tròn vừa khung và một điểm nhấn đỏ tín hiệu. Header sáng, không còn mảng đen nặng. Có đủ giao diện sáng và tối.

tabre-news-trang-chu.png

Trang chủ: danh sách chủ đề gọn, các ô đều nhau, tiêu đề một dòng kèm trích đoạn.

tabre-news-dien-thoai.png

Trên điện thoại (bề rộng 420px): avatar tròn, hàng chủ đề giữ nhịp đều và không tràn khung.

Điểm nổi bật

  • Phong cách toà soạn phẳng: panel trắng, viền 1px, đường kẻ mảnh, không gradient, không kính mờ.
  • Hàng chủ đề đồng đều: lưới cố định avatar – tiêu đề – danh mục, tiêu đề một dòng ellipsis, trích đoạn một dòng; ô nào cũng cao bằng nhau kể cả khi thiếu trích đoạn.
  • Avatar tròn 40px được cắt gọn trong khung (object-fit: cover), không tràn viền.
  • Header sáng 58px, logo đậm, menu phẳng với gạch chân đỏ ở mục đang xem.
  • Điểm nhấn đỏ tín hiệu (#d92d20 ở nền sáng, #ff6b5e ở nền tối), đổi được trong Cài đặt.
  • Chuyển sáng/tối ngay trên header; màu sắc lấy từ token FlatBB nên dễ đồng bộ thương hiệu.
  • Trang chủ đề: tiêu đề 23–29px, bài viết dạng card trắng, avatar 48px; trang cá nhân avatar 96px.
  • Bo góc 2px (chỉnh 0–8px), mật độ hàng 10px/14px.

Ưu điểm

  • Gọn và dễ quét thông tin: một màn hình hiển thị nhiều chủ đề hơn bản kính mờ.
  • Hàng danh sách đều tăm tắp, không nhảy layout khi có hoặc không có trích đoạn.
  • Tương phản tốt: chữ 16px ở danh sách, metadata 12.5px, phù hợp đọc lâu.
  • Nhẹ: không blur, không hiệu ứng nền, không phụ thuộc backdrop-filter.
  • Sáng/tối đầy đủ, chuyển tức thì; tôn trọng token thương hiệu của FlatBB.
  • Hiển thị tốt cả desktop lẫn mobile (đã kiểm tra ở 420px).

Nhược điểm

  • Tối giản có chủ đích: ít hiệu ứng, không hợp với site cần phong cách game hay kính màu.
  • Điểm nhấn đỏ khá nổi; thương hiệu dùng màu khác nên đổi trong Cài đặt.
  • Danh sách dày thông tin hơn, người mới có thể thấy hơi đặc so với giao diện thẻ lớn.
  • Chỉ dùng font hệ thống, không có font hiển thị riêng.

Phù hợp: diễn đàn công nghệ, tin tức, blog cộng đồng — nơi nội dung chữ và mật độ thông tin là chính.

Cài đặt: Chợ DDVN → TabRe News → Mua (2.000 point) → Kích hoạt trong Quản trị → Giao diện. Sau đó vào Cài đặt plugin để chỉnh màu nhấn, bo góc và mật độ hàng.

Giá: 2.000 point trên Chợ DDVN, mua một lần và dùng vĩnh viễn — xem TabRe News trên chợ.

Có gì mới trong 1.1.1

  • Thiết kế lại theo phong cách toà soạn phẳng: bỏ serif, bỏ drop cap, bỏ khối bài dẫn; tiêu đề danh sách về 16px.
  • Hàng chủ đề đồng đều, tiêu đề và trích đoạn một dòng, giữ chỗ trích đoạn trên mọi ô.
  • Avatar tròn vừa khung; header sáng; bảng màu trung tính; điểm nhấn đỏ.
  • Ảnh chụp và mô tả mới trên chợ.

English version

TabRe News is a flat, clean theme for technology and news forums on FlatBB: a neutral grey canvas, white panels, hairline rules, round avatars that stay inside their frames, and a single signal-red accent. The header is light — no heavy black bar. Light and dark themes are both included.

Highlights

  • A flat newsroom look: white panels, 1px borders, thin rules, no gradients, no glass.
  • Uniform topic rows: a fixed avatar – title – category grid, a one-line title with ellipsis and a one-line excerpt, so every cell is the same height even without an excerpt.
  • Round 40px avatars cropped inside their frames (object-fit: cover), never overflowing.
  • A light 58px header, a strong logo, and a flat menu with a red underline on the active item.
  • Signal-red accent (#d92d20 in light, #ff6b5e in dark), editable in the settings.
  • A light/dark switch in the header; every colour comes from FlatBB tokens, so branding is easy to match.
  • Topic pages: a 23–29px title, white post cards, 48px post avatars; 96px avatar on profiles.
  • 2px corners (adjustable 0–8px) and 10px/14px row density.

Pros

  • Compact and fast to scan: more topics per screen than a glass theme.
  • Even list rows that never jump when an excerpt is missing.
  • Good contrast: 16px list titles and 12.5px metadata are comfortable for long reads.
  • Light: no blur, no background effects, no backdrop-filter requirement.
  • Full light and dark support with an instant switch; respects FlatBB brand tokens.
  • Works well on desktop and mobile (checked at 420px).

Cons

  • Deliberately minimal: few effects, so it does not suit gaming or glass-style sites.
  • The red accent is fairly strong; change it in the settings if your brand uses another colour.
  • Denser than large-card themes, so first-time visitors may find it busy.
  • System fonts only; no dedicated display typeface.

Best for: technology forums, news sites, and community blogs where text and information density matter.

Install: DDVN Market → TabRe News → Buy (2,000 points) → Enable under Admin → Appearance. Then open the plugin settings to adjust the accent colour, corner radius and row density.

Price: 2,000 points on the DDVN Market, one-time purchase — see TabRe News on the market.

What's new in 1.1.1

  • Redesigned as a flat newsroom: no serif, no drop cap, no lead-story block; list titles down to 16px.
  • Uniform topic rows with one-line titles and excerpts and a reserved excerpt slot on every row.
  • Round avatars that stay inside their frames; light header; neutral palette; red accent.
  • New marketplace screenshot and description.