# -*- coding: utf-8 -*-
"""
应用主入口
"""
import reflex as rx
from application.pages.index import render_index

app = rx.App(
    theme=rx.theme(),
    stylesheets=["/styles.css"],
    style={
        "--prismui-background-color-1": "#ffffff",  # 背景颜色：白色
        "--prismui-background-color-2": "#ebebeb",
        "--prismui-background-color-3": "#f6f6f8",
        "--prismui-background-color-4": "#babbc0",
        "--prismui-background-color-5": "#ffffff33",
        "--prismui-background-1": "linear-gradient(to bottom, #D0C9FF 0%, #E6D6F0 8%, #F1DBEA 12%, #C8DCFB 40%, #ABC6F6 60%, #87AEFE 90%)",  # 背景：用于主页面渐变背景
        "--prismui-background-2": "linear-gradient(180deg, #fffffff2, #f8fafff2 99%)",  # 背景：用于登录窗和工作区渐变背景
        "--prismui-font-family": "HuaweiFont,Helvetica,Arial,PingFangSC-Regular,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Microsoft JhengHei",  # 字体
        "--prismui-font-size-1": "12px",
        "--prismui-font-size-2": "14px",  # 字体大小：常用于正文
        "--prismui-font-size-3": "20px",
        "--prismui-font-weight-1": "normal",  # 字体粗细：常用于正文
        "--prismui-font-weight-2": "500",
        "--prismui-font-weight-3": "700",
        "--prismui-color-1": "#252b3a",  # 颜色：深灰色，常用于标题和正文颜色
        "--prismui-color-2": "#575d6c",  # 颜色：中灰色，常用于副标题
        "--prismui-color-3": "#babbc0",  # 颜色：浅灰色，常用于占位符
        "--prismui-color-4": "#060a263d",  # 颜色：浅灰色，常用于不可点击元素
        "--prismui-color-5": "#5e7ce0",  # 颜色：蓝色，常用于可点击元素
        "--prismui-color-6": "#f66f6a",  # 颜色：红色，常用于错误提示
        "--prismui-color-7": "#f2f2f3",  # 颜色：浅灰色，常用于背景
        "--prismui-color-9": "#ffffff",  # 颜色：白色
        "--prismui-border-1": "1px solid #060a260f",  # 边框样式
        "--prismui-border-2": "1px solid #2222220f",
        "--mc-float-block-shadow": "#d5d5d5",
        "--devui-global-bg": "#f6f6f8",
        "--mc-box-shadow": "#191919",
        "--devui-shadow-length-connected-overlay": "0px 0px 12px 0px #000000",
        "--prismui-box-shadow-1": "0 4px 64px 0 #0000001a",  # 登录卡片阴影
        "--prismui-box-shadow-2": "0 4px 12px #0000001a",  # 导航按钮阴影
        "--devui-icon-fill-weak": "#babbc0",
        "--prismui-background-color-weak": "#babbc0",
        "--devui-border-radius-feedback": "4px",
        "--prismui-border-1": "1px solid rgba(6, 10, 38, 0.06)",
        "--prismui-border-radius-1": "8px",
        "--prismui-border-radius-2": "12px",
        "--prismui-border-radius-3": "20px",
        "box-shadow": "none",
        "background-color": "var(--prismui-background-color-1)",  # 默认背景颜色
        "font_family": "var(--prismui-font-family)",
        "font_size": "var(--prismui-font-size-2)",
        "font_weight": "var(--prismui-font-weight-1)",
        "color": "var(--prismui-color-1)",
        "*": {
            "margin": "0",
            "padding": "0",
            "gap": "0",
        },
        "*::before, *::after": {
            "box-sizing": "border-box",
        },
        "* .rt-TextFieldRoot, * textarea": {
            "border": "var(--prismui-border-1)",
            "outline": "none",
            "box-shadow": "none",
        },
        "*::placeholder": {
            "color": "var(--prismui-color-3)",
            "opacity": 1,
        },  # 覆盖占位符样式
    },  # 自定义主题颜色
)  # 此处变量名需使用 app ，具体原因目前尚不清楚
# 注册首页路由
app.add_page(component=render_index(), route="/")