bang404/openagent-theme-sera
v1.1.2MIT
A warm taupe theme with 14px text and subtle rounded corners; supports light and dark modes.
plugin.json
- name
- openagent-theme-sera
- version
- 1.1.2
- description
- A warm taupe theme with 14px text and subtle rounded corners; supports light and dark modes.
- license
- MIT
- homepage
- https://ui.shadcn.com/create
- extensions
- openagent
plugin.json
{
"$schema": "https://agent-plugins.org/schemas/1.0.0/plugin.schema.json",
"name": "openagent-theme-sera",
"version": "1.1.2",
"description": "A warm taupe theme with 14px text and subtle rounded corners; supports light and dark modes.",
"license": "MIT",
"repository": "https://github.com/BANG404/openagent-theme-sera",
"homepage": "https://ui.shadcn.com/create",
"keywords": [
"theme",
"shadcn",
"sera",
"taupe",
"taupe"
],
"extensions": {
"openagent": {
"type": "theme",
"compatibility": {
"plugin_protocol": {
"min": 1,
"max": 1
},
"features": [
"theme-v1",
"theme-fonts-v1"
]
},
"theme": {
"version": 1,
"tokens": {
"--font-sans": "'Noto Sans Variable', sans-serif",
"--app-font-family": "var(--font-sans)",
"--font-heading": "'Playfair Display Variable', serif",
"--radius": "0.25rem",
"--app-font-size": "14px",
"--settings-control-height": "36px",
"--control-height": "36px",
"--control-padding-inline": "16px",
"--menu-item-min-height": "32px",
"--menu-item-font-size": "13px",
"--menu-item-padding-inline": "16px",
"--settings-card-row-padding-block": "16px",
"--plugin-card-padding": "16px",
"--settings-content-padding": "32px",
"--sidebar-selected": "var(--sidebar-accent)",
"--sidebar-selected-foreground": "var(--sidebar-accent-foreground)"
},
"light": {
"--background": "oklch(1 0 0)",
"--foreground": "oklch(0.147 0.004 49.3)",
"--card": "oklch(1 0 0)",
"--card-foreground": "oklch(0.147 0.004 49.3)",
"--popover": "oklch(1 0 0)",
"--popover-foreground": "oklch(0.147 0.004 49.3)",
"--primary": "oklch(0.214 0.009 43.1)",
"--primary-foreground": "oklch(0.986 0.002 67.8)",
"--secondary": "oklch(0.96 0.002 17.2)",
"--secondary-foreground": "oklch(0.214 0.009 43.1)",
"--muted": "oklch(0.96 0.002 17.2)",
"--muted-foreground": "oklch(0.547 0.021 43.1)",
"--accent": "oklch(0.96 0.002 17.2)",
"--accent-foreground": "oklch(0.214 0.009 43.1)",
"--destructive": "oklch(0.577 0.245 27.325)",
"--border": "oklch(0.922 0.005 34.3)",
"--input": "oklch(0.922 0.005 34.3)",
"--ring": "oklch(0.714 0.014 41.2)",
"--chart-1": "oklch(0.868 0.007 39.5)",
"--chart-2": "oklch(0.547 0.021 43.1)",
"--chart-3": "oklch(0.438 0.017 39.3)",
"--chart-4": "oklch(0.367 0.016 35.7)",
"--chart-5": "oklch(0.268 0.011 36.5)",
"--sidebar": "oklch(0.986 0.002 67.8)",
"--sidebar-foreground": "oklch(0.147 0.004 49.3)",
"--sidebar-primary": "oklch(0.214 0.009 43.1)",
"--sidebar-primary-foreground": "oklch(0.986 0.002 67.8)",
"--sidebar-accent": "oklch(0.90 0.002 17.2)",
"--sidebar-accent-foreground": "oklch(0.214 0.009 43.1)",
"--sidebar-border": "oklch(0.922 0.005 34.3)",
"--sidebar-ring": "oklch(0.714 0.014 41.2)",
"--menu-surface": "var(--popover)",
"--menu-foreground": "var(--popover-foreground)",
"--menu-accent": "var(--accent)",
"--menu-accent-foreground": "var(--menu-foreground)"
},
"dark": {
"--background": "oklch(0.147 0.004 49.3)",
"--foreground": "oklch(0.986 0.002 67.8)",
"--card": "oklch(0.214 0.009 43.1)",
"--card-foreground": "oklch(0.986 0.002 67.8)",
"--popover": "oklch(0.214 0.009 43.1)",
"--popover-foreground": "oklch(0.986 0.002 67.8)",
"--primary": "oklch(0.922 0.005 34.3)",
"--primary-foreground": "oklch(0.214 0.009 43.1)",
"--secondary": "oklch(0.268 0.011 36.5)",
"--secondary-foreground": "oklch(0.986 0.002 67.8)",
"--muted": "oklch(0.268 0.011 36.5)",
"--muted-foreground": "oklch(0.714 0.014 41.2)",
"--accent": "oklch(0.268 0.011 36.5)",
"--accent-foreground": "oklch(0.986 0.002 67.8)",
"--destructive": "oklch(0.704 0.191 22.216)",
"--border": "oklch(1 0 0 / 10%)",
"--input": "oklch(1 0 0 / 15%)",
"--ring": "oklch(0.547 0.021 43.1)",
"--chart-1": "oklch(0.868 0.007 39.5)",
"--chart-2": "oklch(0.547 0.021 43.1)",
"--chart-3": "oklch(0.438 0.017 39.3)",
"--chart-4": "oklch(0.367 0.016 35.7)",
"--chart-5": "oklch(0.268 0.011 36.5)",
"--sidebar": "oklch(0.214 0.009 43.1)",
"--sidebar-foreground": "oklch(0.986 0.002 67.8)",
"--sidebar-primary": "oklch(0.488 0.243 264.376)",
"--sidebar-primary-foreground": "oklch(0.986 0.002 67.8)",
"--sidebar-accent": "oklch(0.36 0.011 36.5)",
"--sidebar-accent-foreground": "oklch(0.986 0.002 67.8)",
"--sidebar-border": "oklch(1 0 0 / 10%)",
"--sidebar-ring": "oklch(0.547 0.021 43.1)",
"--menu-surface": "var(--popover)",
"--menu-foreground": "var(--popover-foreground)",
"--menu-accent": "var(--accent)",
"--menu-accent-foreground": "var(--menu-foreground)"
},
"fonts": [
{
"family": "Noto Sans Variable",
"entry": "fonts/noto-sans.woff2",
"weight": "100 900",
"style": "normal"
},
{
"family": "Playfair Display Variable",
"entry": "fonts/playfair-display.woff2",
"weight": "100 900",
"style": "normal"
}
]
},
"i18n": {
"supported_locales": [
"en",
"zh"
],
"default_locale": "en",
"translations": {
"en": {
"display_name": "Sera Warm Gray Theme",
"description": "A warm taupe theme with 14px text and subtle rounded corners; supports light and dark modes."
},
"zh": {
"display_name": "Sera 暖灰主题",
"description": "暖灰褐配色,搭配 14px 字号和轻微圆角,支持浅色与深色模式。"
}
}
},
"category": "design"
}
}
}
What else this package ships
These files come with the package and this site does not publish them. They are listed so you know what is there before you install it.
- LICENSE
Client extensions
Data this package carries for particular clients. The directory lists the clients named and never reads what is addressed to them.
- openagent