streamlit 样式

### 自定义Streamlit应用的样式和主题

为了增强用户体验，可以对Streamlit应用程序进行样式上的自定义。主要通过两种方式实现：一是利用内置的主题选项；二是借助CSS来修改页面元素的具体外观。

#### 使用内置主题

Streamlit提供了几种预设的主题供开发者选择，这些主题能够改变整个应用的颜色方案和其他视觉属性。可以在`config.toml`文件中指定所需的主题名称，或者直接在脚本里使用`theme`参数设置[^1]：

import streamlit as st

st.set_page_config(page_title="My App", layout="wide", initial_sidebar_state="auto",
                   menu_items=None, theme='dark')

这段代码设置了页面标题、布局宽度等基本信息的同时选择了暗黑模式作为默认显示风格。

#### 添加自定义CSS

对于更加精细的控制，则可以通过引入外部CSS文件或内联样式来进行个性化调整。要加载外部CSS资源，需将其放置于项目的静态目录下（如前所述），并通过HTML标签链接到网页上：

<link rel="stylesheet" type="text/css" href="/static/style.css">

而如果只是要做一些简单的更改，也可以采用Markdown语法中的HTML片段，在特定位置插入样式声明：

<style>
    body {
        background-color: lightblue;
    }
</style>

需要注意的是，当涉及到复杂的交互效果或是动画时，建议创建独立的JavaScript文件并与之配合工作，同样应存放在`static`文件夹内部以便正确引用。