···15151616### Rosé Pine
17171818-<img width="256" alt="Rosé Pine with Starlight" src="https://raw.githubusercontent.com/trueberryless-org/starlight-rose-pine/main/assets/main.png" />
1818+<img width="256" alt="Rosé Pine with Starlight" src="https://raw.githubusercontent.com/trueberryless-org/starlight-theme-rose-pine/main/assets/main.png" />
19192020### Rosé Pine Moon
21212222-<img width="256" alt="Rosé Pine Moon with Starlight" src="https://raw.githubusercontent.com/trueberryless-org/starlight-rose-pine/main/assets/moon.png" />
2222+<img width="256" alt="Rosé Pine Moon with Starlight" src="https://raw.githubusercontent.com/trueberryless-org/starlight-theme-rose-pine/main/assets/moon.png" />
23232424### Rosé Pine Dawn
25252626-<img width="256" alt="Rosé Pine Dawn with Starlight" src="https://raw.githubusercontent.com/trueberryless-org/starlight-rose-pine/main/assets/dawn.png" />
2626+<img width="256" alt="Rosé Pine Dawn with Starlight" src="https://raw.githubusercontent.com/trueberryless-org/starlight-theme-rose-pine/main/assets/dawn.png" />
27272828## Thanks to
2929
+1-1
docs/README.md
···11-# `starlight-rose-pine`
11+# `starlight-theme-rose-pine`
2233Soho vibes for Starlight
44
···1212// astro.config.mjs
1313import starlight from "@astrojs/starlight";
1414import { defineConfig } from "astro/config";
1515-import starlightRosePine from "starlight-rose-pine";
1515+import starlightRosePine from "starlight-theme-rose-pine";
16161717export default defineConfig({
1818 integrations: [
+5-5
docs/src/content/docs/customization.mdx
···4455## Custom CSS
6677-To customize the styles applied to your Starlight site when using `starlight-rose-pine`, you can provide additional CSS files to modify or extend Starlight and `starlight-rose-pine` default styles.
77+To customize the styles applied to your Starlight site when using `starlight-theme-rose-pine`, you can provide additional CSS files to modify or extend Starlight and `starlight-theme-rose-pine` default styles.
8899[Learn more about custom CSS in the Starlight documentation.](https://starlight.astro.build/guides/css-and-tailwind/#custom-css-styles)
10101111## Cascade layers
12121313-Like Starlight, `starlight-rose-pine` uses [cascade layers](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Cascade_layers) internally to manage the order of its styles.
1313+Like Starlight, `starlight-theme-rose-pine` uses [cascade layers](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Cascade_layers) internally to manage the order of its styles.
1414This ensures a predictable CSS order and allows for simpler overrides.
1515-Any custom unlayered CSS will override the default styles from Starlight and `starlight-rose-pine`.
1515+Any custom unlayered CSS will override the default styles from Starlight and `starlight-theme-rose-pine`.
16161717If you are using cascade layers, you can use [`@layer`](https://developer.mozilla.org/en-US/docs/Web/CSS/@layer) in your [custom CSS](https://starlight.astro.build/guides/css-and-tailwind/#custom-css-styles) to define the order of precedence for different layers relative to styles from the `starlight` and `rose-pine` layers:
1818···2121@layer my-reset, starlight, rose-pine, my-overrides;
2222```
23232424-The example above defines a custom layer named `my-reset`, applied before all Starlight and `starlight-rose-pine` layers, and another named `my-overrides`, applied after all Starlight and `starlight-rose-pine` layers.
2525-Any styles in the `my-overrides` layer would take precedence over Starlight and `starlight-rose-pine` styles, but Starlight or `starlight-rose-pine` could still change styles set in the `my-reset` layer.
2424+The example above defines a custom layer named `my-reset`, applied before all Starlight and `starlight-theme-rose-pine` layers, and another named `my-overrides`, applied after all Starlight and `starlight-theme-rose-pine` layers.
2525+Any styles in the `my-overrides` layer would take precedence over Starlight and `starlight-theme-rose-pine` styles, but Starlight or `starlight-theme-rose-pine` could still change styles set in the `my-reset` layer.
···15151616<Steps>
17171818-1. `starlight-rose-pine` is a Starlight [plugin](https://starlight.astro.build/reference/plugins/). Install it by running the following command in your terminal:
1818+1. `starlight-theme-rose-pine` is a Starlight [plugin](https://starlight.astro.build/reference/plugins/). Install it by running the following command in your terminal:
19192020 <Tabs syncKey="pkg">
21212222 <TabItem label="npm">
23232424 ```sh
2525- npm install starlight-rose-pine
2525+ npm install starlight-theme-rose-pine
2626 ```
27272828 </TabItem>
···3030 <TabItem label="pnpm">
31313232 ```sh
3333- pnpm add starlight-rose-pine
3333+ pnpm add starlight-theme-rose-pine
3434 ```
35353636 </TabItem>
···3838 <TabItem label="Yarn">
39394040 ```sh
4141- yarn add starlight-rose-pine
4141+ yarn add starlight-theme-rose-pine
4242 ```
43434444 </TabItem>
···5151 // astro.config.mjs
5252 import starlight from '@astrojs/starlight'
5353 import { defineConfig } from 'astro/config'
5454- +import starlightRosePine from 'starlight-rose-pine'
5454+ +import starlightRosePine from 'starlight-theme-rose-pine'
55555656 export default defineConfig({
5757 integrations: [
+1-1
docs/src/content/docs/index.mdx
···3636 Check out the [example pages](/examples/kitchen-sink/) to see the theme in action.
3737 </Card>
3838 <Card title="Read the docs" icon="open-book">
3939- Learn more in the [`starlight-rose-pine` documentation](/getting-started/).
3939+ Learn more in the [`starlight-theme-rose-pine` documentation](/getting-started/).
4040 </Card>
4141</CardGrid>
···15151616### Rosé Pine
17171818-<img width="256" alt="Rosé Pine with Starlight" src="https://raw.githubusercontent.com/trueberryless-org/starlight-rose-pine/main/assets/main.png" />
1818+<img width="256" alt="Rosé Pine with Starlight" src="https://raw.githubusercontent.com/trueberryless-org/starlight-theme-rose-pine/main/assets/main.png" />
19192020### Rosé Pine Moon
21212222-<img width="256" alt="Rosé Pine Moon with Starlight" src="https://raw.githubusercontent.com/trueberryless-org/starlight-rose-pine/main/assets/moon.png" />
2222+<img width="256" alt="Rosé Pine Moon with Starlight" src="https://raw.githubusercontent.com/trueberryless-org/starlight-theme-rose-pine/main/assets/moon.png" />
23232424### Rosé Pine Dawn
25252626-<img width="256" alt="Rosé Pine Dawn with Starlight" src="https://raw.githubusercontent.com/trueberryless-org/starlight-rose-pine/main/assets/dawn.png" />
2626+<img width="256" alt="Rosé Pine Dawn with Starlight" src="https://raw.githubusercontent.com/trueberryless-org/starlight-theme-rose-pine/main/assets/dawn.png" />
27272828## Thanks to
2929