会改哪些设置
| 主题 | dark |
|---|---|
| 圆角 | 12px |
| 表单位置 | 居中 |
| 表单CSS | 是 |
| 表单CSS（移动端） | 是 |
这些都在 Casdoor 应用的 界面定制 标签页里，套用主题之后还可以继续调整。
套用到应用
- 在下面填好应用，调整主题的设置，然后复制 JSON。
- 在 Casdoor 控制台打开 应用，编辑这个应用，点击顶部的 导入JSON，粘贴 JSON 后点 确定。
- 点击 保存。下次打开登录页时就会用上这个主题。
{
"name": "<应用名称>",
"organization": "<组织>",
"themeData": {
"themeType": "dark",
"colorPrimary": "#8b5cf6",
"borderRadius": 12,
"isCompact": false,
"isEnabled": true
},
"formOffset": 2,
"formCss": "<style>\n.login-background {\n background: radial-gradient(1100px 560px at 50% -12%, color-mix(in srgb, #8b5cf6 38%, transparent), transparent 70%), #09090f;\n}\n.login-panel {\n background: rgba(22, 22, 34, 0.82);\n border-color: rgba(255, 255, 255, 0.08);\n box-shadow: 0 24px 64px rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(12px);\n}\n</style>",
"formCssMobile": "<style>\n.login-background {\n background: radial-gradient(600px 360px at 50% -10%, color-mix(in srgb, #8b5cf6 34%, transparent), transparent 70%), #09090f;\n}\n</style>"
}更多登录主题
查看全部
Aurora
登录主题A pastel mesh of color tinted by your accent behind a frosted glass card, with soft rounded fields and a gradient button. CSS only, so organization admins can install it.
浅色毛玻璃渐变
Backdrop
登录主题Your own picture behind the whole page, dimmed a little, with a frosted glass card on top. It comes with a dusk mountain scene; give it any image address to use yours. Organization admins can install it.
深色背景图毛玻璃
Bare
登录主题Nothing but the form: no card, no background, a small left-aligned logo, quiet text tabs, hairline fields and a round button, with plenty of white space. CSS only, so organization admins can install it.
浅色极简无卡片