astryx-vue

Gothic（哥特冷峻深色主题） ​

Gothic 是一套专为沉浸式夜间体验打造的纯深色主题。它采用深邃的冷感蓝灰色作为表面底色。即使你的外部宿主页面当前处于浅色白天模式，应用了 Gothic 的容器依然会坚定地保持冷峻的深色暗夜质感。

  • 字体配置： 正文采用 Fustat 字体，展示型大字号采用极具视觉冲击力的 Manufacturing Consent。
  • 纯深色特性： 不受外部浅色模式影响，始终保持暗色调。
  • 作用范围： 仅对带有 data-astryx-theme="gothic" 的元素及其子树生效，不会污染全局 :root。

引入与使用 ​

在项目中引入 Gothic 主题样式表：

ts
import '@astryx-vue/themes/gothic.css'

在需要使用该风格的容器标签上加上主题标记即可：

html
<div data-astryx-theme="gothic">
  <!-- 此容器内的所有 astryx-vue 组件都将自动呈现 Gothic 纯深色风格 -->
</div>

视觉预览 ​

Studio

Shop New In Stories Help

Little joys,
everywhere you go

We believe the smallest details are the ones that matter most. Turn an ordinary day into something worth remembering.

Sea HollyNew

Sea Holly

A single preserved thistle stem with a steely bloom.
Garden RosePopular

Garden Rose

One peach bloom, cut fresh each morning.
RanunculusLimited

Ranunculus

Layered petals in a soft mauve.

Checkout

Shipping method
Delivery time may vary based on location and availability.
Pay faster on Studio and everywhere Link is accepted.

Studio AI

Today
Where’s my order?
Your order #1043 — the Minimalist Watch and Linen Throw — shipped this morning from the Aisle 3 warehouse and is currently in transit with UPS. It’s on track to arrive at your address by end of day tomorrow. Let me know if you’d like to reschedule the delivery, redirect it to a pickup point, or start a return once it arrives.
Can you show me the full details?
Here’s everything I have on order #1043: Minimalist Watch · Linen Throw, $248. Shipping is UPS Ground, $12, estimated tomorrow by 8pm. Tracking UPS 1Z 999 AA1 0123 4567 84.

Inventory

2 items are running low
Item
Available
Tags
Sea Holly
Preserved, single stem · Cooler 1
64New
Garden Rose
Fresh cut, peach · Cooler 2
38Popular
Ranunculus
Fresh cut, mauve · Cooler 2
51Limited
Coral Poppy
Fresh cut, single stem · Cooler 3
15Seasonal
Pink Tulip
Fresh cut, single stem · Cooler 2
27Spring
Dried Nigella Pods
Preserved, branch · Cooler 1
19Small batch

Revenue

18K Monthly revenue
+12% Order growth

Activity

See all
Order #1043Placed · 1:59 pm
+$248
Order #1041Refunded · 12:40 pm
−$89
Order #1040Placed · 10:30 am
+$156
Order #1038Placed · 9:11 am
+$412
Order #1037Placed · 8:42 am
+$95