# 空气主题

**URL:** https://meta.discourse.org/t/air-theme/197703
**Category:** Theme
**Tags:** air-theme
**Created:** [2021年七月20日 20:24 UTC](https://meta.discourse.org/t/air-theme/197703 "2021-07-20T20:24:30Z")
**Posts on this page:** 1
**Showing post:** 531

<div class="post-metadata">

### Author: ![Vaping\_Community](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/vaping_community/32/89248_2.png) [@Vaping\_Community](https://meta.discourse.org/u/Vaping_Community)
#### Post date: [2024年九月19日 02:27 UTC](https://meta.discourse.org/t/air-theme/197703/531 "2024-09-19T02:27:41Z")

</div>

创建一个主题组件，并添加此背景图片

```css
.background-container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-image: url();
    background-size: cover;
    opacity: 1;
    /* background: linear-gradient(90deg, var(--tertiary-hover) 0%, var(--tertiary) 100%); */
    clip-path: unset;
    background-color: var(--secondary) !important;
}

```

> [@Developing Discourse Themes & Theme Components](https://meta.discourse.org/t/beginners-guide-to-developing-discourse-themes/93648):
>
> Discourse Themes and Theme Components can be used to customize the look, feel and functionality of Discourse’s frontend. This section of the developer guides aims to provide all the reference materials you need to develop simple themes for a single site, right up to complex open-source theme components. This introduction aims to provide a map of all the tools and APIs for theme development. If you prefer a step-by-step tutorial for theme development, jump straight to: Themes vs. Theme Compon…

---

_[View the full topic](https://meta.discourse.org/t/air-theme/197703)._